@charset "UTF-8";
/* colors */
/*font family*/
/* breakpoints */
/*transform*/
/*transform*/
/*opacity*/
/*opacity- end*/
@media only screen and (max-width: 768px) {
  .page .cp-footer {
    padding-bottom: 12rem; } }

.layout-adp .cp-detail-card .bike-code {
  display: inline-block; }

.cp-banner {
  height: 80vh;
  background: url("../images/banner-bg.png") no-repeat 0px 0px transparent;
  background-size: cover;
  position: relative;
  min-height: 75rem; }
  @media only screen and (max-width: 768px) {
    .cp-banner {
      height: 90.8vh;
      margin-bottom: 2rem;
      background-position: center center !important;
      background-size: cover !important; } }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    .cp-banner {
      min-height: 72rem;
      height: auto; } }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .cp-banner {
      min-height: 69rem;
      height: auto; } }
  .cp-banner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    background-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0) 94%);
    width: 100%;
    height: 33.4rem;
    z-index: 1; }
    @media only screen and (max-width: 768px) {
      .cp-banner:before {
        height: 20.9rem; } }
  .cp-banner:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.9;
    background-image: linear-gradient(to top, #000000, rgba(0, 0, 0, 0) 94%);
    width: 100%;
    height: 20.2rem;
    z-index: 1; }
    @media only screen and (max-width: 768px) {
      .cp-banner:after {
        height: 13.8rem;
        bottom: 7.5rem; } }
  .cp-banner .cp-benefits {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2; }
    @media only screen and (max-width: 768px) {
      .cp-banner .cp-benefits {
        padding: 1.5rem 2rem; } }
  .cp-banner .banner-cont {
    position: absolute;
    bottom: 19.9%;
    right: 16%;
    z-index: 2; }
    @media only screen and (max-width: 768px) {
      .cp-banner .banner-cont {
        position: initial; } }
    @media only screen and (min-width: 1600px) {
      .cp-banner .banner-cont {
        right: 16%; } }
    @media screen and (min-width: 1441px) and (max-width: 1600px) {
      .cp-banner .banner-cont {
        right: 16%; } }
    @media screen and (min-width: 991px) and (max-width: 1200px) {
      .cp-banner .banner-cont {
        right: 12%; } }
  .cp-banner.typ-invert {
    background: url("../images/banner-white.png") no-repeat 0px 0px transparent;
    background-size: cover; }
    .cp-banner.typ-invert:before, .cp-banner.typ-invert:after {
      content: none; }
    .cp-banner.typ-invert .cp-detail-card {
      border-radius: 8px;
      box-shadow: 0 0 39px 14px rgba(197, 197, 197, 0.3);
      background-color: #ffffff; }
      .cp-banner.typ-invert .cp-detail-card .btn-wrap {
        background: #3f4351; }
        .cp-banner.typ-invert .cp-detail-card .btn-wrap .cost-wrap .price {
          color: #ffffff; }
        .cp-banner.typ-invert .cp-detail-card .btn-wrap .btn.btn-outline {
          background: transparent;
          border: 0.8px solid #ffffff;
          color: #ffffff; }
      .cp-banner.typ-invert .cp-detail-card .bike-name {
        color: #3f4351; }
        .cp-banner.typ-invert .cp-detail-card .bike-name:before {
          content: none; }
      .cp-banner.typ-invert .cp-detail-card .bike-code {
        color: #8e9099;
        margin-top: -1.9rem; }
        @media only screen and (max-width: 768px) {
          .cp-banner.typ-invert .cp-detail-card .bike-code {
            color: #ffffff; } }
      .cp-banner.typ-invert .cp-detail-card .feature-list .f-item {
        color: #3f4351; }
        .cp-banner.typ-invert .cp-detail-card .feature-list .f-item:after {
          background: #3f4351; }
      .cp-banner.typ-invert .cp-detail-card .size-btn .compare-btn {
        background: #c1c1c1;
        color: #f8673b; }
    .cp-banner.typ-invert .cp-radio-box .label-field {
      color: #3f4351;
      font-family: "Barlow-Bold"; }
    .cp-banner.typ-invert .cp-radio-box.typ-frame label {
      color: #3f4351;
      border-color: #3f4351; }
    .cp-banner.typ-invert .cp-radio-box.typ-frame input[type="radio"]:not(old):checked + label {
      background-color: #3f4351;
      color: #ffffff; }
  .cp-banner.typ-form {
    height: 100vh;
    background: #131313;
    /* Old browsers */
    background: -webkit-gradient(top, #131313 0%, #4c4c4c 100%);
    background: -ms-linear-gradient(to bottom, #131313 0%, #4c4c4c 100%);
    margin-left: auto; }
    @media only screen and (max-width: 768px) {
      .cp-banner.typ-form {
        height: 100vh;
        background: url("../images/form-mob-banner.png") no-repeat 0px 0px transparent;
        background-size: cover;
        margin: 0rem; } }
    .cp-banner.typ-form:before, .cp-banner.typ-form:after {
      content: none; }
    .cp-banner.typ-form.login:after {
      content: "";
      background: url("../images/bike-infografy.png") no-repeat 0px 0px transparent;
      background-size: contain;
      width: 106.5rem;
      position: absolute;
      left: 0;
      bottom: 0;
      height: 52rem; }
      @media only screen and (max-width: 768px) {
        .cp-banner.typ-form.login:after {
          background: url("../images/bike-infografy-mob.png") no-repeat 0px 0px transparent;
          background-size: contain;
          bottom: auto;
          top: 10%;
          width: 100%;
          height: 35.3rem; } }
    .cp-banner.typ-form.account:after {
      content: "";
      background: url("../images/bike-infografy1.png") no-repeat 0px 0px transparent;
      background-size: contain;
      width: 106.5rem;
      position: absolute;
      left: 0;
      height: 71.6rem;
      top: 18rem; }
      @media only screen and (max-width: 768px) {
        .cp-banner.typ-form.account:after {
          background: url("../images/bike-infografy-mob.png") no-repeat 0px 0px transparent;
          background-size: contain;
          bottom: auto;
          top: 10%;
          width: 100%;
          height: 35.3rem; } }
    .cp-banner.typ-form .banner-cont {
      position: relative;
      bottom: auto;
      z-index: 2;
      width: 100%;
      left: auto;
      right: auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      padding: 14rem 0rem 10rem; }
      @media only screen and (max-width: 768px) {
        .cp-banner.typ-form .banner-cont {
          padding: 8.5rem 0rem 2.4rem;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
    .cp-banner.typ-form .cont-wrap {
      width: 33%;
      position: absolute;
      left: 15%;
      top: 22rem; }
      @media only screen and (max-width: 768px) {
        .cp-banner.typ-form .cont-wrap {
          position: initial;
          width: 100%;
          margin-bottom: 2.8rem; } }
      .cp-banner.typ-form .cont-wrap .desc {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-family: "Barlow-Regular";
        color: #b2b2b2;
        width: 78%; }
        @media only screen and (max-width: 768px) {
          .cp-banner.typ-form .cont-wrap .desc {
            font-size: 1.2rem;
            line-height: 1.6rem;
            width: 55%; } }
    .cp-banner.typ-form .banner-title {
      color: #ffffff;
      font-family: "BebasNeue-Regular";
      font-size: 10rem;
      line-height: 9rem;
      margin-bottom: 3rem; }
      @media only screen and (max-width: 768px) {
        .cp-banner.typ-form .banner-title {
          font-size: 6rem;
          line-height: 5.5rem;
          margin-bottom: 0.5rem; } }
      .cp-banner.typ-form .banner-title .typ-1 {
        z-index: 2;
        position: relative; }
        .cp-banner.typ-form .banner-title .typ-1:before {
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          z-index: -1;
          background: #000000;
          opacity: 0.6;
          height: 2.4rem;
          width: calc(100% + 4rem);
          bottom: 1rem;
          filter: blur(10px); }
      .cp-banner.typ-form .banner-title .typ-2 {
        margin-top: -3rem;
        z-index: 0;
        opacity: 0.6; }
        @media only screen and (max-width: 768px) {
          .cp-banner.typ-form .banner-title .typ-2 {
            margin-top: -1.6rem; } }
  .cp-banner.typ-acknowledge {
    background: #000000;
    height: 100vh;
    margin-bottom: 0; }
    .cp-banner.typ-acknowledge:before, .cp-banner.typ-acknowledge:after {
      content: none; }
    .cp-banner.typ-acknowledge .banner-cont {
      right: 9%;
      top: 50%;
      transform: translateY(-50%);
      bottom: 0; }
      @media only screen and (max-width: 768px) {
        .cp-banner.typ-acknowledge .banner-cont {
          position: absolute;
          bottom: 10%;
          top: auto;
          right: 0;
          transform: none; } }
      .cp-banner.typ-acknowledge .banner-cont.failed {
        right: 0;
        left: 0;
        margin: 0px auto;
        width: 60rem; }
        @media only screen and (max-width: 768px) {
          .cp-banner.typ-acknowledge .banner-cont.failed {
            width: 100%;
            bottom: auto;
            top: 50%;
            transform: translateY(-50%); } }
  @media only screen and (max-width: 768px) {
    .cp-banner.typ-apdp {
      height: auto;
      min-height: 51.1rem;
      background: url("../images/banner-mob-bg.png") no-repeat 0px 0px transparent;
      background-size: cover; }
      .cp-banner.typ-apdp:after {
        height: 21rem;
        bottom: 0; }
      .cp-banner.typ-apdp .cp-detail-card .feature-list {
        bottom: 3.2rem; }
      .cp-banner.typ-apdp .cp-detail-card .card-title {
        top: 7rem; }
      .cp-banner.typ-apdp .cp-detail-card .star-rating {
        top: 12rem;
        font-size: 0.8rem; }
      .cp-banner.typ-apdp .cp-detail-card .review {
        top: 13rem; } }
  .cp-banner.typ-apdp .banner-img {
    width: 38rem;
    margin: 0px auto; }
    @media only screen and (max-width: 768px) {
      .cp-banner.typ-apdp .banner-img {
        width: 24.1rem; } }
  .cp-banner.typ-apdp .bs-swiper {
    width: 40%; }
    .cp-banner.typ-apdp .bs-swiper .swiper-nav {
      bottom: 0%; }
      @media only screen and (max-width: 768px) {
        .cp-banner.typ-apdp .bs-swiper .swiper-nav {
          bottom: 7%; } }
    .cp-banner.typ-apdp .bs-swiper .swiper-wrapper {
      min-height: 43.5rem;
      -ms-flex-align: center;
          align-items: center; }
      @media only screen and (max-width: 768px) {
        .cp-banner.typ-apdp .bs-swiper .swiper-wrapper {
          min-height: 24.1rem; } }
    .cp-banner.typ-apdp .bs-swiper.typ-bannerSlide {
      top: 50%;
      transform: translateY(-50%); }
      .cp-banner.typ-apdp .bs-swiper.typ-bannerSlide .swiper-button-next {
        top: -7rem; }
      @media only screen and (max-width: 768px) {
        .cp-banner.typ-apdp .bs-swiper.typ-bannerSlide {
          width: 90%;
          top: 66%;
          left: 50%;
          transform: translate(-50%, -50%); }
          .cp-banner.typ-apdp .bs-swiper.typ-bannerSlide .swiper-nav {
            bottom: 0%; } }

@media only screen and (max-width: 768px) {
  .cp-banner {
    background-position: center center !important;
    background-size: cover !important; } }

.cp-banner .speed-lines {
  width: 100%;
  position: absolute;
  top: 0;
  left: 3%;
  bottom: 0;
  transform: scale(1.5);
  background-repeat: no-repeat;
  background-position-y: -41%; }

.cp-banner.typ-form {
  height: auto;
  position: relative;
  background: #131313;
  /* Old browsers */
  background: linear-gradient(to bottom, #131313 0%, #4c4c4c 100%);
  background: -webkit-gradient(top, #131313 0%, #4c4c4c 100%);
  background: -ms-linear-gradient(to bottom, #131313 0%, #4c4c4c 100%); }
  @media only screen and (max-width: 768px) {
    .cp-banner.typ-form {
      height: auto !important;
      background-size: cover;
      margin: 0rem;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 124%, #898989 75%, #181818 10%);
      min-height: auto !important; } }
  .cp-banner.typ-form .bg-infograpy {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: auto !important;
    background-position: left 18rem !important;
    background-repeat: no-repeat !important; }
    @media only screen and (max-width: 768px) {
      .cp-banner.typ-form .bg-infograpy {
        background-position: center 3rem !important;
        background-size: 130% !important; } }
  @media only screen and (max-width: 768px) {
    .cp-banner.typ-form .cont-wrap .desc {
      width: 60%; } }
  .cp-banner.typ-form.login {
    height: 100vh; }

.cp-banner.account .bg-infograpy {
  background-position: left center !important; }
  @media only screen and (max-width: 768px) {
    .cp-banner.account .bg-infograpy {
      background-position: center 3rem !important; } }

.cp-banner .banner-img {
  max-width: 63.1rem; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .cp-banner .banner-img {
      max-width: 55.1rem; } }
  @media only screen and (max-width: 768px) {
    .cp-banner .banner-img {
      max-width: 100%; } }
  @media only screen and (min-width: 1366px) {
    .cp-banner .banner-img img {
      max-width: 600px; } }

.cp-banner.typ-acknowledge {
  background-position: center !important;
  background-size: auto !important;
  background-repeat: no-repeat !important; }
  @media only screen and (max-width: 768px) {
    .cp-banner.typ-acknowledge {
      background-position: 0rem -3rem !important;
      background-size: 150% 42% !important; } }

@media only screen and (max-width: 768px) {
  .cp-banner.typ-failure {
    background-size: cover !important;
    background-position: left center !important; } }

.cp-banner.typ-product .cp-detail-card .icon-compare {
  color: #ffffff; }

@media only screen and (max-width: 768px) {
  .cp-banner.typ-product {
    background-size: auto !important;
    background-position: left center !important; } }

@media only screen and (max-width: 768px) {
  .cp-banner.typ-apdp:after {
    height: 9rem; } }

.cp-banner.typ-apdp.count-4\.0 {
  min-height: 80rem; }
  .cp-banner.typ-apdp.count-4\.0 .banner-cont {
    bottom: 8%; }

@media only screen and (max-width: 768px) {
  .cp-banner.typ-apdp .banner-cont .cp-detail-card .card-title {
    position: relative;
    left: 0;
    top: 0rem;
    width: 100%; }
    .cp-banner.typ-apdp .banner-cont .cp-detail-card .card-title .product-name {
      width: 80%;
      position: relative;
      top: 0;
      left: 0; } }

.cp-banner.typ-apdp .banner-cont .cp-detail-card .star-rating .review-cont {
  font-family: "Barlow-Bold"; }

.cp-banner.typ-apdp .banner-cont .cp-detail-card .attributes .lyt-apdp-variation .size.label-field {
  font-family: "Barlow-Bold"; }

.cp-banner.typ-apdp .banner-cont .cp-detail-card .attributes .lyt-apdp-variation .size-btn .btn.btn-link {
  color: #ef5323; }

.cp-banner.typ-apdp .banner-cont .cp-detail-card .attributes .lyt-apdp-variation .attribute.quantity .cp-cart {
  margin-top: -0.4rem; }
  .cp-banner.typ-apdp .banner-cont .cp-detail-card .attributes .lyt-apdp-variation .attribute.quantity .cp-cart .p-item.quintity .label {
    font-family: "Barlow-SemiBold";
    margin-bottom: 0.7rem; }

.cp-banner.typ-apdp .banner-cont .cp-detail-card .btn-wrap .act-btn .stock .buy-now.btn.btn-default {
  font-size: 1.4rem; }

.cp-banner.typ-apdp .banner-cont .cp-detail-card .btn-wrap .cost-wrap .price {
  font-family: "Barlow-SemiBold"; }

@media only screen and (max-width: 768px) {
  .cp-banner.typ-apdp .banner-cont .cp-detail-card .st-wrapper {
    position: absolute;
    z-index: 3;
    top: 8rem;
    max-width: 30rem; }
  .cp-banner.typ-apdp .banner-cont .cp-detail-card .star-rating {
    position: relative;
    top: 0;
    left: 0; }
  .cp-banner.typ-apdp .banner-cont .cp-detail-card .review {
    position: relative;
    top: 0;
    left: 0; }
  .cp-banner.typ-apdp .banner-cont .cp-detail-card .function-tag .tag-list {
    margin-top: 1rem; } }

.product-detail {
  overflow: hidden; }

#pdp .cp-banner .cp-detail-card .btn-wrap .cost-wrap, .layout-adp .cp-banner .cp-detail-card .btn-wrap .cost-wrap {
  width: 40%; }
  @media only screen and (max-width: 768px) {
    #pdp .cp-banner .cp-detail-card .btn-wrap .cost-wrap, .layout-adp .cp-banner .cp-detail-card .btn-wrap .cost-wrap {
      padding: 1.1rem 0.8rem;
      width: 35%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column; }
      #pdp .cp-banner .cp-detail-card .btn-wrap .cost-wrap .btn, .layout-adp .cp-banner .cp-detail-card .btn-wrap .cost-wrap .btn {
        -ms-flex-pack: left;
            justify-content: left; } }
  @media only screen and (max-width: 320px) {
    #pdp .cp-banner .cp-detail-card .btn-wrap .cost-wrap, .layout-adp .cp-banner .cp-detail-card .btn-wrap .cost-wrap {
      width: 41%; } }
  #pdp .cp-banner .cp-detail-card .btn-wrap .cost-wrap div.price, .layout-adp .cp-banner .cp-detail-card .btn-wrap .cost-wrap div.price {
    display: -ms-flexbox;
    display: flex;
    line-height: 3rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center; }
    #pdp .cp-banner .cp-detail-card .btn-wrap .cost-wrap div.price .strike-through, .layout-adp .cp-banner .cp-detail-card .btn-wrap .cost-wrap div.price .strike-through {
      color: #a3a6b0; }
      #pdp .cp-banner .cp-detail-card .btn-wrap .cost-wrap div.price .strike-through .price, .layout-adp .cp-banner .cp-detail-card .btn-wrap .cost-wrap div.price .strike-through .price {
        color: #a3a6b0;
        font-size: 1.6rem;
        line-height: 1.5rem; }
        #pdp .cp-banner .cp-detail-card .btn-wrap .cost-wrap div.price .strike-through .price .rupee, .layout-adp .cp-banner .cp-detail-card .btn-wrap .cost-wrap div.price .strike-through .price .rupee {
          margin-right: 0; }
      @media only screen and (max-width: 768px) {
        #pdp .cp-banner .cp-detail-card .btn-wrap .cost-wrap div.price .strike-through, .layout-adp .cp-banner .cp-detail-card .btn-wrap .cost-wrap div.price .strike-through {
          margin-right: 0.3rem; } }
    #pdp .cp-banner .cp-detail-card .btn-wrap .cost-wrap div.price .sales, .layout-adp .cp-banner .cp-detail-card .btn-wrap .cost-wrap div.price .sales {
      margin-right: 0.5rem; }
      #pdp .cp-banner .cp-detail-card .btn-wrap .cost-wrap div.price .sales .rupee, .layout-adp .cp-banner .cp-detail-card .btn-wrap .cost-wrap div.price .sales .rupee {
        margin-right: 0; }
    #pdp .cp-banner .cp-detail-card .btn-wrap .cost-wrap div.price .totalsalesPercentage, .layout-adp .cp-banner .cp-detail-card .btn-wrap .cost-wrap div.price .totalsalesPercentage {
      font-size: 1.3rem;
      display: inline-block;
      line-height: 1.5rem;
      color: #f8673b;
      margin-right: 0.5rem; }
      #pdp .cp-banner .cp-detail-card .btn-wrap .cost-wrap div.price .totalsalesPercentage.no-pdp, .layout-adp .cp-banner .cp-detail-card .btn-wrap .cost-wrap div.price .totalsalesPercentage.no-pdp {
        display: none; }
      @media only screen and (max-width: 768px) {
        #pdp .cp-banner .cp-detail-card .btn-wrap .cost-wrap div.price .totalsalesPercentage, .layout-adp .cp-banner .cp-detail-card .btn-wrap .cost-wrap div.price .totalsalesPercentage {
          margin-right: 0; } }
  #pdp .cp-banner .cp-detail-card .btn-wrap .cost-wrap .price-bar, .layout-adp .cp-banner .cp-detail-card .btn-wrap .cost-wrap .price-bar {
    line-height: 1rem !important; }

.cp-bike-card {
  background: url("../images/card-bg.jpg") no-repeat 0px 0px transparent;
  background-size: cover !important;
  width: 43.6rem;
  height: auto;
  padding: 2.6rem 3.5rem;
  border-radius: 16px; }
  @media only screen and (max-width: 768px) {
    .cp-bike-card {
      width: 25rem !important;
      height: auto;
      padding: 1.9rem 2.2rem; } }
  .cp-bike-card .bike-name {
    font-size: 2.4rem;
    line-height: 2.3rem;
    color: #ffffff;
    font-family: "Barlow-Bold";
    margin-bottom: .8rem;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .cp-bike-card .bike-name {
        font-size: 1.8rem;
        line-height: 1.6rem; } }
    .cp-bike-card .bike-name .share-link {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      color: #ffffff;
      opacity: 0.8; }
      @media only screen and (max-width: 768px) {
        .cp-bike-card .bike-name .share-link {
          font-size: 1.6rem; } }
  .cp-bike-card .star-rating .icon {
    color: #f8673b; }
    @media only screen and (max-width: 768px) {
      .cp-bike-card .star-rating .icon {
        font-size: 1.4rem; } }
  .cp-bike-card .img-wrap {
    width: 90%;
    margin: 0 auto; }
  .cp-bike-card .feature-list {
    margin-bottom: 3rem; }
  .cp-bike-card .f-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .cp-bike-card .f-item {
    font-size: 1.8rem;
    line-height: 1.8rem;
    font-family: "Barlow-Regular";
    color: #ffffff;
    position: relative;
    text-transform: uppercase;
    width: 33.33%;
    padding-right: 4rem; }
    @media only screen and (max-width: 768px) {
      .cp-bike-card .f-item {
        font-size: 1.4rem;
        line-height: 1.4rem;
        padding-right: 1rem; } }
    .cp-bike-card .f-item:before {
      content: '';
      position: absolute;
      height: 100%;
      width: 1px;
      background: #ffffff;
      opacity: 0.3;
      right: 3rem;
      transform: rotate(20deg); }
      @media only screen and (max-width: 768px) {
        .cp-bike-card .f-item:before {
          right: 1rem; } }
    .cp-bike-card .f-item:last-child {
      padding-right: 0rem;
      width: 30%; }
      @media only screen and (max-width: 768px) {
        .cp-bike-card .f-item:last-child {
          padding-right: 0rem; } }
      .cp-bike-card .f-item:last-child:before {
        content: none; }
  .cp-bike-card .btn-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .cp-bike-card .btn-wrap .btn.btn-link {
      font-size: 1.6rem;
      line-height: 1.9rem; }
      @media only screen and (max-width: 768px) {
        .cp-bike-card .btn-wrap .btn.btn-link {
          font-size: 1.2rem;
          line-height: 1.2rem; } }
    .cp-bike-card .btn-wrap .compare-btn {
      background: #ffffff40;
      padding: 0.5rem 1rem;
      font-size: 1.1rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      border-radius: 34px;
      line-height: 1.2rem;
      font-family: "Barlow-Medium";
      color: #ffffff; }
      .cp-bike-card .btn-wrap .compare-btn .icon {
        font-size: 1.2rem;
        margin-right: .5rem; }

.cp-bike-card {
  position: relative; }
  .cp-bike-card .icon-compare span {
    font-family: "Barlow-Medium"; }
  .cp-bike-card .prod-img {
    max-height: 332px;
    overflow: hidden;
    text-align: center; }
    .cp-bike-card .prod-img img {
      max-height: 300px;
      display: inline-block;
      max-width: 100%;
      width: auto; }
    @media only screen and (max-width: 768px) {
      .cp-bike-card .prod-img {
        max-height: 190px;
        max-height: 200px; }
        .cp-bike-card .prod-img img {
          max-height: 190px; } }
  @media only screen and (max-width: 768px) {
    .cp-bike-card {
      width: 25rem !important;
      height: auto;
      padding: 1.9rem 2.2rem; } }
  .cp-bike-card .fillLink {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    bottom: 0; }
  .cp-bike-card .bike-name {
    text-transform: uppercase;
    font-size: 2.4rem;
    line-height: 2.3rem;
    color: #ffffff;
    font-family: "BebasNeue-Regular";
    margin-bottom: 0.8rem;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .cp-bike-card .bike-name {
        font-size: 1.8rem;
        line-height: 1.6rem; } }
    .cp-bike-card .bike-name .share-link {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      color: #ffffff;
      opacity: 0.8;
      display: block;
      z-index: 5;
      padding: 3rem 0.5rem 2rem 1rem; }
      @media only screen and (max-width: 768px) {
        .cp-bike-card .bike-name .share-link {
          padding-top: 3.5rem; } }
      .cp-bike-card .bike-name .share-link:hover {
        text-shadow: 1px 1px 1px #000000; }
      .cp-bike-card .bike-name .share-link .icon {
        font-size: 2.25rem; }
        @media only screen and (max-width: 768px) {
          .cp-bike-card .bike-name .share-link .icon {
            font-size: 1.6rem; } }
  .cp-bike-card .star-rating .icon {
    color: #ff5000;
    font-size: 1.1rem; }
    @media only screen and (max-width: 768px) {
      .cp-bike-card .star-rating .icon {
        font-size: 0.8rem; } }
  .cp-bike-card .img-wrap {
    width: 90%;
    margin: 0 auto; }
  .cp-bike-card .feature-list {
    margin-bottom: 2rem; }
  .cp-bike-card .f-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .cp-bike-card .f-item {
    font-size: 1.4rem;
    line-height: 1.7rem;
    font-family: "Barlow-Regular";
    color: #ffffff;
    position: relative;
    text-transform: uppercase;
    width: 45.33%;
    padding-right: 4rem;
    overflow: hidden;
    max-height: 5rem; }
    @media only screen and (max-width: 768px) {
      .cp-bike-card .f-item {
        font-size: 0.9rem;
        line-height: 1.2rem;
        padding-right: 1rem; } }
    .cp-bike-card .f-item:before {
      content: "";
      position: absolute;
      height: 100%;
      width: 1px;
      background: #ffffff;
      opacity: 0.3;
      right: 3rem;
      transform: rotate(20deg); }
      @media only screen and (max-width: 768px) {
        .cp-bike-card .f-item:before {
          right: 1rem; } }
    .cp-bike-card .f-item:last-child {
      padding-right: 0rem;
      width: 30%; }
      @media only screen and (max-width: 768px) {
        .cp-bike-card .f-item:last-child {
          padding-right: 0rem;
          width: 45%; } }
      .cp-bike-card .f-item:last-child:before {
        content: none; }
  .cp-bike-card .btn-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .cp-bike-card .btn-wrap .btn.btn-link {
      font-size: 1.6rem;
      line-height: 1.9rem;
      color: #f54d00;
      font-family: "Barlow-Bold" !important; }
      @media only screen and (max-width: 768px) {
        .cp-bike-card .btn-wrap .btn.btn-link {
          font-size: 1.2rem;
          line-height: 1.2rem; } }
    .cp-bike-card .btn-wrap .compare-btn {
      background: #000;
      padding: 0.5rem 1rem;
      font-size: 1.1rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      border-radius: 34px;
      line-height: 1.2rem;
      font-family: "Barlow-Medium";
      color: #ffffff; }
      .cp-bike-card .btn-wrap .compare-btn .icon {
        font-size: 1.2rem;
        margin-right: 0.5rem; }
  .cp-bike-card .cp-detail-card .social-icons.active {
    transform: translateX(5px); }

.bike-name .cp-detail-card {
  width: auto;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  overflow: initial; }
  .bike-name .cp-detail-card .share-link {
    padding: 0;
    top: 32%;
    transform: translateY(0); }
    .bike-name .cp-detail-card .share-link .icon-share {
      position: relative;
      z-index: 6; }
    .bike-name .cp-detail-card .share-link:hover .social-container .social-icons {
      opacity: 1;
      visibility: visible;
      transform: translateX(5px); }
  .bike-name .cp-detail-card .social-icons {
    top: -0.7rem;
    right: -0.4rem; }
    @media only screen and (max-width: 768px) {
      .bike-name .cp-detail-card .social-icons {
        top: -1.1rem; } }
    @media only screen and (max-width: 768px) {
      .bike-name .cp-detail-card .social-icons .social-item {
        margin-right: 1.2rem; }
        .bike-name .cp-detail-card .social-icons .social-item:last-of-type {
          margin-right: 0 !important; } }
    .bike-name .cp-detail-card .social-icons .share-icons .icon {
      font-size: 1.3rem; }
    @media only screen and (max-width: 768px) {
      .bike-name .cp-detail-card .social-icons .icon-share {
        padding: 0.5rem; } }

@media only screen and (max-width: 768px) {
  .typ-bikecard .btn-wrap {
    -ms-flex-align: center;
    align-items: center; }
    .typ-bikecard .btn-wrap .btn.btn-link {
      padding-top: 0; }
    .typ-bikecard .btn-wrap .price {
      font-size: 1.8rem; } }

.compare-btn {
  background: #9e9e9e10;
  padding: 0.5rem 1rem;
  font-size: 1.1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 34px;
  line-height: 1.2rem;
  font-family: "Barlow-Medium";
  color: #3f4351;
  text-decoration: none;
  cursor: pointer; }
  .compare-btn label {
    cursor: pointer; }
  .compare-btn.active {
    background: transparent;
    transition: all 0.5s ease; }
    .compare-btn.active label.icon-compare {
      border-radius: 34px;
      line-height: 1.2rem;
      color: #f54d00 !important; }
      .compare-btn.active label.icon-compare:before {
        content: "\E90B" !important; }

.cp-expeart-card {
  width: 37rem;
  height: 40rem;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .cp-expeart-card {
      height: 27rem;
      width: 25rem; } }
  .cp-expeart-card:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 23rem;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000); }
  .cp-expeart-card .expert-info {
    position: absolute;
    bottom: 3.5rem;
    left: 3.2rem;
    right: 3.2rem; }
    @media only screen and (max-width: 768px) {
      .cp-expeart-card .expert-info {
        left: 2rem;
        right: 2rem;
        bottom: 1.5rem; } }
    .cp-expeart-card .expert-info .exper-name {
      font-size: 2.4rem;
      line-height: 2.1rem;
      color: #ffffff;
      font-family: "Barlow-Bold";
      margin-bottom: 1rem;
      text-transform: uppercase; }
      @media only screen and (max-width: 768px) {
        .cp-expeart-card .expert-info .exper-name {
          font-size: 1.8rem;
          line-height: 1.6rem; } }
    .cp-expeart-card .expert-info .desc {
      font-size: 1.6rem;
      line-height: 2.1rem;
      letter-spacing: 0;
      color: #ffffff;
      font-family: "Barlow-Regular";
      opacity: 0.8;
      margin-bottom: 1.5rem; }
      @media only screen and (max-width: 768px) {
        .cp-expeart-card .expert-info .desc {
          font-size: 1.2rem;
          line-height: 1.4rem;
          margin-bottom: 1.8rem; } }
    .cp-expeart-card .expert-info .btn .icon {
      margin: 0rem;
      font-size: 1rem;
      line-height: .8rem;
      margin-left: -1rem;
      margin-left: -0.5rem;
      letter-spacing: -5px; }
      @media only screen and (max-width: 768px) {
        .cp-expeart-card .expert-info .btn .icon {
          font-size: 1.2rem; } }
  .cp-expeart-card .card-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer; }

.swiper-container {
  display: -ms-flexbox;
  display: flex; }

.payu {
  max-width: 300px;
  margin-left: auto;
  margin-right: 70px;
  margin-top: 5.5rem; }

div#payuWidget iframe {
  height: 250px;
  max-width: 280px !important; }

.payu-container {
  background-image: url("../assets/images/Firefox-edge-pdp-D.jpg");
  padding: 2rem 0rem 4rem 0rem;
  height: 34rem;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 9; }

@media only screen and (max-width: 768px) {
  .payu-container {
    padding: 0rem;
    height: 46rem;
    background-image: url("../assets/images/Firefox-edge-pdp-M.jpg");
    background-size: cover; }
  .payu {
    max-width: 100%;
    margin: 0;
    padding: 2rem; }
  div#payuWidget iframe {
    margin-top: 2rem;
    max-width: 37rem !important; }
  div#payuWidget {
    margin-top: 5.8rem; }
  .cp-banner {
    margin-bottom: 0; }
    .cp-banner::after {
      bottom: 0rem;
      height: 23rem; }
  .cp-detail-card .feature-list {
    bottom: 1.5rem !important; }
    .cp-detail-card .feature-list .f-list .f-item {
      font-size: 1.2rem !important; }
  .bs-sec.typ-bike-bg.cm-mobile {
    position: absolute;
    padding-bottom: 0; }
    .bs-sec.typ-bike-bg.cm-mobile .bs-radio {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse; }
      .bs-sec.typ-bike-bg.cm-mobile .bs-radio .cp-radio-box .label-field {
        margin-bottom: 1rem;
        margin-top: 1rem; }
      .bs-sec.typ-bike-bg.cm-mobile .bs-radio .cp-radio-box .radio-wrap {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
        .bs-sec.typ-bike-bg.cm-mobile .bs-radio .cp-radio-box .radio-wrap .suitableRider {
          position: absolute;
          bottom: 0.6rem;
          min-width: 32rem; }
    .bs-sec.typ-bike-bg.cm-mobile .size-btn {
      margin-bottom: -4.6rem;
      left: 0; }
      .bs-sec.typ-bike-bg.cm-mobile .size-btn .btn-link {
        font-size: 1rem; } }

.cp-expeart-card .expert-info .exper-name {
  max-width: 13rem; }
  @media only screen and (max-width: 768px) {
    .cp-expeart-card .expert-info .exper-name {
      max-width: 8rem; } }

.cp-expeart-card .expert-info .desc {
  opacity: 1;
  margin-bottom: 1rem;
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: block;
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 6rem; }

@media only screen and (max-width: 768px) {
  .cp-expeart-card .expert-info .btn.btn-link {
    min-width: 3rem;
    height: 2rem; } }

.cp-expeart-card .expert-info .btn .icon {
  margin-left: 0rem;
  font-size: 1rem; }
  @media only screen and (max-width: 768px) {
    .cp-expeart-card .expert-info .btn .icon {
      font-size: 1rem; } }

.vid-click {
  color: #ffffff;
  font-size: 4.3rem;
  cursor: pointer; }

.video-wrapper {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: max-content;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background-size: cover;
  overflow: hidden; }

.cp-esntl-card {
  width: 27.5rem; }
  @media only screen and (max-width: 768px) {
    .cp-esntl-card {
      width: 20rem; } }
  .cp-esntl-card .img-wrap {
    margin-bottom: 3.2rem;
    border-radius: 16px;
    overflow: hidden; }
    @media only screen and (max-width: 768px) {
      .cp-esntl-card .img-wrap {
        margin-bottom: 2.2rem; } }
  .cp-esntl-card .info-wrap {
    height: 17rem; }
    @media only screen and (max-width: 768px) {
      .cp-esntl-card .info-wrap {
        height: 15rem; } }
    .cp-esntl-card .info-wrap .esntl-title {
      font-size: 1.6rem;
      line-height: 1.9rem;
      color: #3f4351;
      font-family: "Barlow-SemiBold";
      text-transform: uppercase;
      margin-bottom: .5rem; }
      @media only screen and (max-width: 768px) {
        .cp-esntl-card .info-wrap .esntl-title {
          font-size: 1.4rem;
          line-height: 1.7rem; } }
  .cp-esntl-card .price {
    font-size: 2.8rem;
    line-height: 3.4rem;
    margin-bottom: 1rem;
    font-family: "Barlow-Regular";
    color: #3f4351;
    display: block; }
    @media only screen and (max-width: 768px) {
      .cp-esntl-card .price {
        font-size: 1.8rem;
        line-height: 2.2rem;
        margin-bottom: .3rem; } }
  .cp-esntl-card .desc {
    min-height: 4.3rem;
    padding-right: 3.2rem;
    overflow: hidden;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 4;
    margin-bottom: 3rem;
    color: #3f4351;
    font-family: "Barlow-Light"; }
    @media only screen and (max-width: 768px) {
      .cp-esntl-card .desc {
        font-size: 1.2rem;
        line-height: 1.4rem;
        margin-bottom: 1.6rem; } }
  .cp-esntl-card .act-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    width: 80%; }
    .cp-esntl-card .act-wrap .add-cart {
      font-size: 2.9rem;
      line-height: 2.5rem;
      color: #f8673b; }
      @media only screen and (max-width: 768px) {
        .cp-esntl-card .act-wrap .add-cart {
          font-size: 2.4rem;
          line-height: 2rem; } }

.cp-esntl-card .img-wrap .img-fluid {
  height: 30rem; }
  @media only screen and (max-width: 768px) {
    .cp-esntl-card .img-wrap .img-fluid {
      height: 22rem; } }

.cp-detail-card {
  width: 48rem;
  border-radius: 6.4px 6.4px 0 0;
  box-shadow: 0 0 39px 14px rgba(0, 0, 0, 0.3);
  background: rgba(0, 0, 0, 0.3);
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    .cp-detail-card {
      width: auto;
      border-radius: 0;
      box-shadow: none;
      background: transparent;
      overflow: hidden; } }
  .cp-detail-card .card-body {
    padding: 2.8rem 2.2rem 2.2rem 4.2rem; }
    @media only screen and (max-width: 768px) {
      .cp-detail-card .card-body {
        padding: 0rem 2rem; } }
  .cp-detail-card .card-title {
    margin-bottom: 1.3rem; }
    @media only screen and (max-width: 768px) {
      .cp-detail-card .card-title {
        position: absolute;
        top: 8rem;
        left: 4.2rem; } }
  .cp-detail-card .bike-name {
    font-size: 4rem;
    line-height: 4.8rem;
    color: #ffffff;
    font-family: "BebasNeue-Regular";
    position: relative;
    z-index: 3; }
    .cp-detail-card .bike-name:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      z-index: -1;
      filter: blur(8px);
      background-color: #121212;
      height: 1.9rem;
      width: 2.5rem;
      bottom: 1rem; }
  .cp-detail-card .bike-code {
    font-size: 2.4rem;
    line-height: 2.9rem;
    color: #ffffff;
    opacity: 0.6;
    font-family: "BebasNeue-Regular";
    z-index: 1;
    margin-top: -1.6rem;
    position: relative; }
  .cp-detail-card .star-rating {
    font-size: 1.2rem;
    margin-bottom: 0.7rem; }
    @media only screen and (max-width: 768px) {
      .cp-detail-card .star-rating {
        position: absolute;
        top: 14rem;
        z-index: 3;
        left: 4.2rem; } }
    .cp-detail-card .star-rating .icon {
      color: #737680; }
      .cp-detail-card .star-rating .icon.fill {
        color: #f8673b; }
    .cp-detail-card .star-rating .review-cont {
      color: #f8673b;
      margin-left: 0.7rem; }
  @media only screen and (max-width: 768px) {
    .cp-detail-card .review {
      position: absolute;
      top: 15.6rem;
      left: 4.2rem;
      z-index: 3; } }
  .cp-detail-card .review .btn.btn-link {
    font-size: 1.2rem;
    line-height: 1.6rem; }
  .cp-detail-card .function-tag {
    position: absolute;
    top: 2.8rem;
    right: 2.2rem;
    width: 3.2rem; }
    @media only screen and (max-width: 768px) {
      .cp-detail-card .function-tag {
        top: 8rem;
        right: 2rem;
        width: 4.2rem;
        z-index: 3; } }
    .cp-detail-card .function-tag .tag-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .cp-detail-card .function-tag .tag-item {
      width: 3.2rem;
      height: 3.2rem;
      -ms-flex-pack: center;
          justify-content: center;
      background-color: rgba(0, 0, 0, 0.3);
      border-radius: 50%;
      margin-bottom: 1.5rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      cursor: pointer;
      transition: all 0.5s ease; }
      @media only screen and (max-width: 768px) {
        .cp-detail-card .function-tag .tag-item {
          width: 4.2rem;
          height: 4.2rem; } }
      .cp-detail-card .function-tag .tag-item .icon {
        font-size: 1.6rem;
        color: #ffffff; }
        .cp-detail-card .function-tag .tag-item .icon.icon-rotate {
          font-size: 0.9rem; }
      .cp-detail-card .function-tag .tag-item:hover {
        background: #ffffff; }
        .cp-detail-card .function-tag .tag-item:hover .icon {
          color: #3f4351; }
      @media only screen and (max-width: 768px) {
        .cp-detail-card .function-tag .tag-item.add-to-wish-list {
          background-color: rgba(0, 0, 0, 0.3) !important; }
          .cp-detail-card .function-tag .tag-item.add-to-wish-list:hover {
            background-color: rgba(0, 0, 0, 0.3) !important; }
            .cp-detail-card .function-tag .tag-item.add-to-wish-list:hover .icon {
              color: #ffffff; } }
      .cp-detail-card .function-tag .tag-item.active {
        cursor: not-allowed;
        pointer-events: none; }
        .cp-detail-card .function-tag .tag-item.active .icon {
          color: #ff5000 !important;
          cursor: not-allowed;
          pointer-events: none; }
  .cp-detail-card .feature-list {
    margin-top: 2.2rem;
    width: 96%;
    margin-bottom: 3.8rem; }
    @media only screen and (max-width: 768px) {
      .cp-detail-card .feature-list {
        position: absolute;
        bottom: 12.2rem;
        left: 2rem;
        right: 2rem;
        margin: 0;
        width: auto;
        z-index: 3; } }
    .cp-detail-card .feature-list .f-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
    .cp-detail-card .feature-list .f-item {
      font-size: 1.6rem;
      line-height: 1.4rem;
      font-family: "Barlow-Regular";
      color: #ffffff;
      position: relative;
      text-transform: uppercase;
      width: 31.33%;
      padding-right: 2rem; }
      @media only screen and (max-width: 768px) {
        .cp-detail-card .feature-list .f-item {
          padding-right: 0rem; } }
      .cp-detail-card .feature-list .f-item:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 1px;
        background: #ffffff;
        opacity: 0.3;
        right: 1rem;
        transform: rotate(13deg);
        top: 0; }
        @media only screen and (max-width: 768px) {
          .cp-detail-card .feature-list .f-item:after {
            right: 0rem; } }
      .cp-detail-card .feature-list .f-item:last-child {
        width: 30%; }
        .cp-detail-card .feature-list .f-item:last-child:after {
          content: none; }
  .cp-detail-card .radio-list {
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 768px) {
      .cp-detail-card .radio-list {
        position: absolute;
        bottom: 23%;
        z-index: 3; } }
    .cp-detail-card .radio-list .cp-radio-wrap {
      width: 50%;
      margin-bottom: 1.5rem; }
  .cp-detail-card .btn-wrap {
    background: #ffffff;
    padding: 1.3rem 2.2rem 1.4rem 4.2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    .cp-detail-card .btn-wrap.cannondale-action-btn-wrapper {
      padding: 1.3rem 2rem 1.4rem 2.5rem; }
      @media (max-width: 767px) {
        .cp-detail-card .btn-wrap.cannondale-action-btn-wrapper {
          -ms-flex-direction: column;
              flex-direction: column;
          padding: 10px;
          height: auto;
          -ms-flex-pack: left;
              justify-content: left; }
          .cp-detail-card .btn-wrap.cannondale-action-btn-wrapper .cost-wrap {
            padding: 5px 10px 15px !important;
            width: 100% !important;
            border: none; }
            .cp-detail-card .btn-wrap.cannondale-action-btn-wrapper .cost-wrap .price {
              display: -ms-flexbox;
              display: flex; }
          .cp-detail-card .btn-wrap.cannondale-action-btn-wrapper .act-btn {
            padding: 0px 10px 5px;
            width: 100%; }
            .cp-detail-card .btn-wrap.cannondale-action-btn-wrapper .act-btn .btn {
              width: 50%;
              margin: 0; }
            .cp-detail-card .btn-wrap.cannondale-action-btn-wrapper .act-btn .stock {
              width: 50%; }
              .cp-detail-card .btn-wrap.cannondale-action-btn-wrapper .act-btn .stock form,
              .cp-detail-card .btn-wrap.cannondale-action-btn-wrapper .act-btn .stock .btn.btn-default {
                width: 100%;
                min-height: auto;
                border-radius: 3px;
                font-size: 12px; }
            .cp-detail-card .btn-wrap.cannondale-action-btn-wrapper .act-btn.out-ofstock.cannondale-action-btn {
              width: 100%; }
              .cp-detail-card .btn-wrap.cannondale-action-btn-wrapper .act-btn.out-ofstock.cannondale-action-btn .outstock {
                width: 50%; }
                .cp-detail-card .btn-wrap.cannondale-action-btn-wrapper .act-btn.out-ofstock.cannondale-action-btn .outstock .btn {
                  width: 100%;
                  height: auto;
                  border: 1px solid #a3a6b0;
                  font-size: 12px;
                  border-radius: 3px; } }
      .cp-detail-card .btn-wrap.cannondale-action-btn-wrapper .cannondale-action-btn {
        display: -ms-flexbox;
        display: flex;
        gap: 10px; }
        .cp-detail-card .btn-wrap.cannondale-action-btn-wrapper .cannondale-action-btn .btn {
          padding: 1.1rem 2rem;
          margin: 0; }
          .cp-detail-card .btn-wrap.cannondale-action-btn-wrapper .cannondale-action-btn .btn.js-notifyPopup {
            margin-left: 0; }
        @media (min-width: 660px) and (max-width: 768px) {
          .cp-detail-card .btn-wrap.cannondale-action-btn-wrapper .cannondale-action-btn .product-instock {
            width: 50%; }
            .cp-detail-card .btn-wrap.cannondale-action-btn-wrapper .cannondale-action-btn .product-instock form {
              width: 100%; } }
      @media (min-width: 660px) and (max-width: 768px) {
        .cp-detail-card .btn-wrap.cannondale-action-btn-wrapper .cost-wrap {
          text-align: left; } }
    @media only screen and (max-width: 768px) {
      .cp-detail-card .btn-wrap {
        padding: 0;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 100; } }
    .cp-detail-card .btn-wrap .cost-wrap .price {
      font-size: 2.4rem;
      line-height: 2.9rem;
      color: #a3a6b0;
      font-family: "Barlow-SemiBold";
      display: block;
      color: #3f4351; }
      @media only screen and (max-width: 768px) {
        .cp-detail-card .btn-wrap .cost-wrap .price {
          font-size: 2.1rem;
          line-height: 2.5rem; } }
      .cp-detail-card .btn-wrap .cost-wrap .price .rupee {
        font-size: 1.6rem;
        vertical-align: top;
        font-family: "Barlow-Regular";
        margin-right: 0.5rem; }
        @media only screen and (max-width: 768px) {
          .cp-detail-card .btn-wrap .cost-wrap .price .rupee {
            font-size: 1.4rem; } }
    @media only screen and (max-width: 768px) {
      .cp-detail-card .btn-wrap .cost-wrap {
        padding: 1.5rem 2.2rem;
        overflow: hidden; }
        .cp-detail-card .btn-wrap .cost-wrap .btn {
          height: 100%;
          border: none;
          font-size: 1.2rem;
          line-height: 1.6rem; }
          .cp-detail-card .btn-wrap .cost-wrap .btn .icon {
            display: none; } }
    .cp-detail-card .btn-wrap .act-btn .stock {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .cp-detail-card .btn-wrap .act-btn .stock .cart-and-ipay {
        margin-right: 2rem;
        padding: 0; }
      @media only screen and (max-width: 768px) {
        .cp-detail-card .btn-wrap .act-btn .stock .btn {
          height: 100%;
          border: none;
          font-size: 1.6rem;
          line-height: 1.6rem;
          padding: 1.1rem 2rem; }
          .cp-detail-card .btn-wrap .act-btn .stock .btn .icon {
            display: none; }
          .cp-detail-card .btn-wrap .act-btn .stock .btn.btn-default {
            font-size: 1.6rem;
            line-height: 1.3rem;
            border-radius: 3.2px;
            min-height: 7.5rem;
            border-radius: 0; }
          .cp-detail-card .btn-wrap .act-btn .stock .btn.btn-outline {
            font-size: 1.6rem;
            line-height: 1.3rem;
            border-radius: 3.2px;
            min-height: 7.5rem; } }
    .cp-detail-card .btn-wrap .act-btn.out-stock .outstock {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      @media only screen and (max-width: 768px) {
        .cp-detail-card .btn-wrap .act-btn.out-stock .outstock .btn.btn-outline {
          padding: 0 2.2rem;
          border-radius: 0;
          height: 7.5rem;
          border: 0;
          border-left: 1px solid #e4e4e4; } }
    .cp-detail-card .btn-wrap .act-btn.out-stock .stock {
      display: none; }
    .cp-detail-card .btn-wrap .act-btn .out {
      font-size: 1.2rem;
      line-height: 1.2rem;
      margin-right: 2rem;
      color: #a80000;
      padding: 0.5rem 1rem;
      background: #f1f1f1;
      border-radius: 15px;
      font-family: "Barlow-Medium";
      font-style: italic; }
  .cp-detail-card .talk-to-expert-container {
    position: absolute;
    width: 100%;
    bottom: -49px;
    color: #000000; }
    .cp-detail-card .talk-to-expert-container .talk-to-expert {
      background: #373737;
      color: #e2e2e2;
      box-shadow: 0px 0px 3px 0px #50505052;
      width: 100%;
      border-radius: 0 0 6.4px 6.4px;
      padding: 14px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      gap: 22px;
      font-family: "Barlow-Regular";
      font-size: 14px;
      letter-spacing: 0.4px;
      text-transform: capitalize; }
      .cp-detail-card .talk-to-expert-container .talk-to-expert img {
        width: 20px; }
  .cp-detail-card .pincheck-pdp {
    padding: 5px 20px 20px 35px;
    width: 100%;
    bottom: -80px; }
    @media (max-width: 767px) {
      .cp-detail-card .pincheck-pdp {
        padding: 16px 20px 40px;
        background: #262626;
        bottom: -84px;
        border-radius: 0; } }
    .cp-detail-card .pincheck-pdp .pin-code-form {
      position: relative; }
      .cp-detail-card .pincheck-pdp .pin-code-form .input-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        gap: 5px; }
      .cp-detail-card .pincheck-pdp .pin-code-form .input-wrapper {
        width: fit-content;
        border-bottom: 1px solid #ffffff;
        padding: 5px 0px 5px 0;
        -ms-flex-align: center;
            align-items: center; }
        .cp-detail-card .pincheck-pdp .pin-code-form .input-wrapper .pin-code-field {
          background: transparent;
          color: #e9e9e9;
          font-size: 14px;
          font-family: 'Barlow-Regular';
          width: 100px; }
          @media (max-width: 767px) {
            .cp-detail-card .pincheck-pdp .pin-code-form .input-wrapper .pin-code-field {
              font-size: 12px;
              line-height: 16px;
              padding-top: 2px; } }
          .cp-detail-card .pincheck-pdp .pin-code-form .input-wrapper .pin-code-field::-ms-input-placeholder {
            color: #cccccc;
            top: 2px;
            font-size: 12px;
            position: absolute; }
          .cp-detail-card .pincheck-pdp .pin-code-form .input-wrapper .pin-code-field:-ms-input-placeholder {
            color: #cccccc;
            top: 2px;
            font-size: 12px;
            position: absolute; }
          .cp-detail-card .pincheck-pdp .pin-code-form .input-wrapper .pin-code-field::placeholder {
            color: #cccccc;
            top: 2px;
            font-size: 12px;
            position: absolute; }
        .cp-detail-card .pincheck-pdp .pin-code-form .input-wrapper .icon-tick::before {
          color: #00b200; }
      .cp-detail-card .pincheck-pdp .pin-code-form .img-wrap {
        position: absolute;
        right: 0;
        top: 3px; }
        .cp-detail-card .pincheck-pdp .pin-code-form .img-wrap img {
          width: 45px;
          opacity: 0.4; }
      .cp-detail-card .pincheck-pdp .pin-code-form .message-text {
        text-align: left;
        font-size: 10px;
        font-family: "Barlow-Medium";
        font-style: italic; }
        @media (max-width: 767px) {
          .cp-detail-card .pincheck-pdp .pin-code-form .message-text {
            font-size: 10px; } }
        @media (max-width: 767px) {
          .cp-detail-card .pincheck-pdp .pin-code-form .message-text {
            bottom: -30px;
            left: 0px; } }
        .cp-detail-card .pincheck-pdp .pin-code-form .message-text .error {
          color: #b20101;
          margin-top: 5px;
          background: #9f9f9f;
          padding: 2px 10px 4px;
          border-radius: 20px; }
          .cp-detail-card .pincheck-pdp .pin-code-form .message-text .error::before {
            content: "\E907";
            font-family: 'icomoon';
            padding-right: 1rem;
            position: relative;
            top: 1px; }
        .cp-detail-card .pincheck-pdp .pin-code-form .message-text .success {
          color: #015e01;
          margin-top: 5px;
          background: #9f9f9f;
          padding: 2px 10px 4px;
          border-radius: 20px; }
          .cp-detail-card .pincheck-pdp .pin-code-form .message-text .success::before {
            content: "\E907";
            font-family: 'icomoon';
            padding-right: 1rem;
            position: relative;
            top: 1px; }
  .cp-detail-card .size-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    @media only screen and (max-width: 768px) {
      .cp-detail-card .size-btn {
        position: absolute;
        bottom: 24.6%;
        right: 2.2rem; } }
    .cp-detail-card .size-btn .compare-btn {
      background: #ffffff40;
      padding: 0.5rem 1rem;
      font-size: 1.1rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      border-radius: 34px;
      line-height: 1.2rem;
      font-family: "Barlow-Medium";
      color: #ffffff; }
      .cp-detail-card .size-btn .compare-btn .icon {
        font-size: 1.2rem;
        margin-right: 0.5rem; }

@media (min-width: 768px) {
  .cart-snapmint-details {
    margin-top: 30px;
    margin-bottom: 0px;
    border-radius: 6px; }
    .cart-snapmint-details .snap_emi_txt {
      width: 100%; }
    .cart-snapmint-details .snap_emi_txt .snap-emi-inst,
    .cart-snapmint-details .snap_emi_txt .snap-emi-inst .white_label_comany_name,
    .cart-snapmint-details .snap_emi_slogan_text,
    .cart-snapmint-details .snap_emi_txt .snap_powered_text {
      color: #ffffff !important; } }

@media (max-width: 767px) {
  .cart-snapmint-details {
    padding: 10px 0px; } }

.experience-region .product-detail {
  height: 834px; }

.cp-detail-card .btn.btn-link {
  font-size: 1.2rem; }
  @media only screen and (max-width: 768px) {
    .cp-detail-card .btn.btn-link {
      -ms-flex-pack: center;
          justify-content: center; } }

.cp-detail-card .card-title {
  margin-bottom: 0.5rem; }

.cp-detail-card .yotpo .text-m {
  color: #ffffff !important;
  margin-left: 10px; }

.cp-detail-card .bike-name:before {
  width: 100%; }

.cp-detail-card .share-link.active {
  z-index: 2;
  width: 4.2rem;
  height: 4.2rem;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #252627;
  border-radius: 50%;
  margin-top: 0.7rem;
  cursor: pointer; }

.cp-detail-card .social-icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
  padding: 0 4rem 0 1.7rem;
  border-radius: 1.8rem;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.62);
  background-color: #000000;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateX(10px);
  transition: all 0.2s linear;
  font-size: 1.3rem;
  z-index: 4; }
  @media only screen and (max-width: 768px) {
    .cp-detail-card .social-icons {
      min-height: 4.2rem; } }
  .cp-detail-card .social-icons.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px); }
  .cp-detail-card .social-icons .social-item {
    margin-right: 2.1rem; }
    @media only screen and (max-width: 768px) {
      .cp-detail-card .social-icons .social-item {
        margin-right: 3.2rem; }
        .cp-detail-card .social-icons .social-item:last-of-type {
          margin-right: 2rem !important; } }
    .cp-detail-card .social-icons .social-item:last-of-type {
      margin-right: 0rem; }
    .cp-detail-card .social-icons .social-item .icon {
      color: #ffffff !important; }
  .cp-detail-card .social-icons .share-icons {
    display: inline-block;
    padding: 0.7rem 0 0.8rem 0;
    color: #ffffff;
    font-size: 1.3rem;
    cursor: pointer; }
    @media only screen and (max-width: 768px) {
      .cp-detail-card .social-icons .share-icons {
        font-size: 1.6rem; } }

.cp-detail-card .function-tag {
  position: absolute;
  top: 2.8rem;
  right: 2.2rem;
  width: 3.2rem;
  z-index: 5; }
  @media only screen and (max-width: 768px) {
    .cp-detail-card .function-tag {
      top: 8rem;
      right: 2rem;
      width: 4.2rem;
      z-index: 3; } }
  .cp-detail-card .function-tag .tag-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 0.9rem; }
  .cp-detail-card .function-tag .tag-lst {
    position: relative; }
    .cp-detail-card .function-tag .tag-lst:hover:nth-child(1) .social-icons {
      opacity: 1;
      visibility: visible;
      transform: translateX(0px); }
  .cp-detail-card .function-tag .tag-item {
    position: relative;
    z-index: 5;
    width: 3.2rem;
    height: 3.2rem;
    -ms-flex-pack: center;
        justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    margin-bottom: 1.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    cursor: pointer;
    transition: all 0.5s ease; }
    @media only screen and (max-width: 768px) {
      .cp-detail-card .function-tag .tag-item {
        width: 4.2rem;
        height: 4.2rem; } }
    .cp-detail-card .function-tag .tag-item .icon {
      font-size: 1.6rem;
      color: #ffffff; }
      .cp-detail-card .function-tag .tag-item .icon.icon-rotate {
        font-size: 0.9rem; }
    .cp-detail-card .function-tag .tag-item:hover {
      background: #ffffff; }
      .cp-detail-card .function-tag .tag-item:hover .icon {
        color: #3f4351; }

.cp-detail-card .attribute {
  margin-top: 0; }

.cp-detail-card .social-container {
  padding-top: 0 !important; }

@media only screen and (max-width: 768px) {
  .cp-detail-card .size-btn {
    z-index: 2; } }

.cp-detail-card .size-btn .compare-btn {
  padding: 0.6rem 1.4rem;
  line-height: 1.28rem;
  min-width: 9.6rem;
  background: #f8673b; }
  @media only screen and (max-width: 768px) {
    .cp-detail-card .size-btn .compare-btn {
      min-width: 10.4rem;
      font-size: 1.2rem;
      line-height: 1.6rem;
      padding: 0.45rem 1.4rem; }
      .cp-detail-card .size-btn .compare-btn .icon {
        margin-right: 1rem; } }
  .cp-detail-card .size-btn .compare-btn label span {
    font-family: "Barlow-Medium"; }

@media only screen and (max-width: 768px) {
  .cp-detail-card .cp-radio-box {
    display: -ms-flexbox;
    display: flex; }
    .cp-detail-card .cp-radio-box .color-attribute {
      margin-right: 3rem; }
      .cp-detail-card .cp-radio-box .color-attribute:last-child {
        margin-right: 0; } }

.cp-detail-card .radio-list .cp-radio-wrap {
  width: 100%; }

@media only screen and (max-width: 768px) {
  .cp-detail-card .radio-list {
    bottom: 23%; } }

@media only screen and (max-width: 768px) {
  .cp-detail-card .btn-wrap {
    box-shadow: 0 0 2.1rem 0.5rem rgba(131, 131, 131, 0.5);
    height: 6.5rem;
    overflow: hidden;
    z-index: 98; } }

@media only screen and (max-width: 768px) {
  .cp-detail-card .btn-wrap .cost-wrap {
    padding: 1.1rem 1.6rem;
    width: 30%;
    text-align: center;
    border-right: 0.5px solid #979797; } }

@media only screen and (max-width: 768px) {
  .cp-detail-card .btn-wrap .cost-wrap .price {
    display: -ms-inline-flexbox;
    display: inline-flex; } }

@media only screen and (max-width: 768px) {
  .cp-detail-card .btn-wrap .cost-wrap.out-ofstock {
    border-right: none; } }

@media only screen and (max-width: 768px) {
  .cp-detail-card .btn-wrap .cost-wrap.out-ofstock .price {
    display: -ms-flexbox;
    display: flex; } }

@media only screen and (max-width: 768px) {
  .cp-detail-card .btn-wrap .act-btn {
    width: 70%; } }

@media only screen and (max-width: 320px) {
  .cp-detail-card .btn-wrap .act-btn {
    width: 65%; } }

@media only screen and (max-width: 768px) {
  .cp-detail-card .btn-wrap .act-btn.out-ofstock {
    width: 65%; } }

.cp-detail-card .btn-wrap .act-btn.out-ofstock .outstock {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.cp-detail-card .btn-wrap .act-btn .stock {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .cp-detail-card .btn-wrap .act-btn .stock .cart-and-ipay {
    margin-right: 2rem;
    padding: 0; }
    @media only screen and (max-width: 768px) {
      .cp-detail-card .btn-wrap .act-btn .stock .cart-and-ipay {
        margin-right: 0;
        width: 60%; } }
    @media only screen and (max-width: 320px) {
      .cp-detail-card .btn-wrap .act-btn .stock .cart-and-ipay {
        width: 54%; } }
  @media only screen and (max-width: 768px) {
    .cp-detail-card .btn-wrap .act-btn .stock form {
      width: 40%; } }
  @media only screen and (max-width: 320px) {
    .cp-detail-card .btn-wrap .act-btn .stock form {
      width: 45%; } }
  @media only screen and (max-width: 768px) {
    .cp-detail-card .btn-wrap .act-btn .stock {
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .cp-detail-card .btn-wrap .act-btn .stock .btn.btn-default {
        min-height: 6.5rem;
        width: 100%; }
      .cp-detail-card .btn-wrap .act-btn .stock .btn.btn-outline {
        min-height: 6.5rem; } }
  @media only screen and (max-width: 320px) {
    .cp-detail-card .btn-wrap .act-btn .stock .btn {
      padding: 1.1rem 0.5rem;
      text-align: center; }
      .cp-detail-card .btn-wrap .act-btn .stock .btn.btn-default {
        width: 9rem; } }

.cp-detail-card .btn-wrap .act-btn .outstock .btn.btn-outline {
  padding: 1.05rem 1.8rem; }
  @media only screen and (max-width: 768px) {
    .cp-detail-card .btn-wrap .act-btn .outstock .btn.btn-outline {
      width: 11.4rem;
      font-size: 1.6rem;
      height: 6.5rem;
      border-top: none;
      border-right: none;
      border-bottom: none;
      border-radius: 0;
      border-left-color: #979797;
      padding: 1.1rem 1.2rem; } }
  @media only screen and (max-width: 320px) {
    .cp-detail-card .btn-wrap .act-btn .outstock .btn.btn-outline {
      width: 10rem; } }

.cp-detail-card .btn-wrap .act-btn .outstock .Well-notify-you {
  font-family: Barlow;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.07;
  letter-spacing: normal;
  text-align: center;
  color: #787878; }
  @media only screen and (max-width: 768px) {
    .cp-detail-card .btn-wrap .act-btn .outstock .Well-notify-you {
      margin-right: 10px; } }
  .cp-detail-card .btn-wrap .act-btn .outstock .Well-notify-you .icon-tick {
    margin-right: 10px;
    color: #339e01; }

.cp-detail-card .btn-wrap .act-btn .out .icon {
  margin-right: .6rem; }

@media only screen and (max-width: 320px) {
  .cp-detail-card .btn-wrap .act-btn .out {
    margin: 0; } }

.cp-detail-card .star-rating .icon {
  font-size: 0.8rem; }
  @media only screen and (max-width: 768px) {
    .cp-detail-card .star-rating .icon {
      font-size: 0.8rem; } }

.cp-detail-card .height-calc {
  font-size: 1.1rem;
  line-height: 1.2rem;
  color: #ffffff;
  opacity: 0.5;
  margin-top: 0.5rem;
  font-family: "Barlow-Medium";
  display: none; }
  @media only screen and (min-width: 768px) {
    .cp-detail-card .height-calc.active {
      display: block; } }

.product-detail .attributes {
  padding: 0; }
  .product-detail .attributes .swatch-circle {
    width: 1.6rem;
    height: 1.6rem;
    background: #ffffff;
    border-radius: 50%;
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-right: 0.313em;
    position: relative; }
    .product-detail .attributes .swatch-circle.color-value.selected::after {
      width: 2.2rem;
      height: 2.2rem;
      content: "";
      border: 1px solid #ffffff;
      border-radius: 30rem;
      background-color: transparent;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.cart-and-ipay {
  padding: 0 !important; }

.add-to-cart-messages {
  z-index: 9999; }

@media only screen and (max-width: 768px) {
  #pdp .cp-detail-card .yotpo.bottomLine.yotpo-small {
    top: 11.5rem;
    position: absolute;
    left: 4rem; } }

@media (max-width: 767px) {
  .yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-1, .yotpo .yotpo-modal-dialog .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-1 {
    min-width: 100% !important; } }

.cp-benefits {
  background: #f4f4f4;
  padding: 2.4rem 2rem 2.2rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  @media screen and (max-width: 767px) {
    .cp-benefits {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px; } }
  .cp-benefits .benft-list {
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 767px) {
      .cp-benefits .benft-list {
        -ms-flex-pack: justify;
            justify-content: space-between; } }
  .cp-benefits .benft-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-right: 10rem; }
    @media screen and (max-width: 767px) {
      .cp-benefits .benft-item {
        margin: 0rem;
        -ms-flex-pack: justify;
            justify-content: space-between;
        padding-top: 3rem;
        width: 25%; } }
    .cp-benefits .benft-item:last-of-type {
      margin-right: 0; }
    .cp-benefits .benft-item .benft-icon {
      font-size: 3rem;
      color: #3f4351;
      margin-right: 1.5rem; }
      @media screen and (max-width: 767px) {
        .cp-benefits .benft-item .benft-icon {
          font-size: 2.4rem;
          position: absolute;
          left: 0;
          top: 0rem;
          bottom: 0;
          margin: auto; } }
    .cp-benefits .benft-item .benft-text {
      font-size: 1.6rem;
      line-height: 1.4rem;
      font-family: "Barlow-Medium";
      text-transform: uppercase;
      color: #3f4351; }
      @media screen and (max-width: 767px) {
        .cp-benefits .benft-item .benft-text {
          font-size: 1.2rem; } }

.cp-radio-box .label-field {
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #ffffff;
  opacity: .5;
  font-family: "Barlow-Regular";
  margin-bottom: 1.7rem;
  text-transform: uppercase;
  display: block; }

.cp-radio-box .radio-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.cp-radio-box .radio {
  margin-right: 1.6rem;
  cursor: pointer;
  margin-bottom: 1.5rem; }
  @media only screen and (max-width: 768px) {
    .cp-radio-box .radio {
      margin-right: 3.2rem; } }
  .cp-radio-box .radio input[type=radio]:not(old) {
    width: auto;
    margin: 0;
    padding: 0;
    opacity: 0;
    position: absolute; }
  .cp-radio-box .radio label {
    cursor: pointer; }

.cp-radio-box.typ-normal input[type=radio]:not(old) + label {
  position: relative; }
  .cp-radio-box.typ-normal input[type=radio]:not(old) + label:before {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    background: #2a8ac6;
    border-radius: 50%;
    transition: all .2s ease;
    display: inline-block; }
  .cp-radio-box.typ-normal input[type=radio]:not(old) + label.red {
    position: relative; }
    .cp-radio-box.typ-normal input[type=radio]:not(old) + label.red:before {
      content: "";
      width: 1.6rem;
      height: 1.6rem;
      background: #f04703;
      border-radius: 50%;
      transition: all .2s ease;
      display: inline-block; }

.cp-radio-box.typ-normal input[type=radio]:not(old):checked + label:after {
  content: '';
  border: 1px solid #2a8ac6;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: -.3rem;
  top: -.3rem; }

.cp-radio-box.typ-normal input[type=radio]:not(old):checked + label.red:after {
  content: '';
  border: 1px solid #f04703;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: -.3rem;
  top: -.3rem; }

.cp-radio-box.typ-frame input[type=radio]:not(old):checked + label .cm-thin {
  font-family: "Barlow-Regular"; }

.cp-radio-box.typ-frame label {
  padding: 6px;
  border: 0.8px solid #ffffff;
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
  line-height: 16px;
  color: #ffffff;
  width: 4rem;
  height: 4rem;
  font-family: "Barlow-Regular";
  transition: all 0.5s ease; }
  .cp-radio-box.typ-frame label.size-swatch {
    vertical-align: middle;
    display: table-cell; }
  .cp-radio-box.typ-frame label .cm-thin {
    font-size: 1rem;
    line-height: .8rem; }

.cp-radio-box.typ-frame .radio-wrap.disabled input[type=radio]:not(old):disabled + label {
  color: #ffffff;
  opacity: 0.3;
  background: transparent; }

@media only screen and (max-width: 768px) {
  .cp-radio-box.typ-frame .radio {
    margin-right: 2rem; } }

.cp-radio-box.typ-coupon .radio {
  margin: 0;
  margin-bottom: 2rem; }
  .cp-radio-box.typ-coupon .radio:last-child {
    margin-bottom: 0rem; }

.cp-radio-box.typ-coupon label {
  padding: 1.3rem 1.3rem 1.3rem 4.3rem;
  border: 1px dashed #5f5f5f;
  border-radius: 6px; }
  .cp-radio-box.typ-coupon label .radio-title {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #ffffff;
    font-family: "Barlow-Medium";
    margin-bottom: 2px;
    display: block; }
  .cp-radio-box.typ-coupon label .note {
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #979797; }

.cp-radio-box.typ-coupon input[type=radio]:not(old) + label {
  position: relative; }
  .cp-radio-box.typ-coupon input[type=radio]:not(old) + label:before {
    content: "";
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid #979797;
    border-radius: 50%;
    transition: all .2s ease;
    display: inline-block;
    position: absolute;
    left: 1.2rem; }

.cp-radio-box.typ-coupon input[type=radio]:not(old):checked + label {
  background: #2a2929; }
  .cp-radio-box.typ-coupon input[type=radio]:not(old):checked + label:before {
    border-color: #f8673b; }
  .cp-radio-box.typ-coupon input[type=radio]:not(old):checked + label:after {
    content: '';
    background: #f8673b;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 1.6rem;
    top: 1.7rem; }

.cp-radio-box.typ-normal2 input[type=radio]:not(old) + label {
  padding-left: 3rem;
  font-family: "Barlow-Regular";
  font-size: 1.8rem;
  color: #151515;
  position: relative;
  margin-bottom: 0; }
  .cp-radio-box.typ-normal2 input[type=radio]:not(old) + label:before {
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    background: transparent;
    border-radius: 50%;
    transition: all .2s ease;
    display: inline-block;
    position: absolute;
    top: 4.2px;
    left: 4.2px; }
    @media only screen and (max-width: 1366px) {
      .cp-radio-box.typ-normal2 input[type=radio]:not(old) + label:before {
        top: 4px;
        left: 4px; } }
  .cp-radio-box.typ-normal2 input[type=radio]:not(old) + label:after {
    content: "";
    border: 1px solid #979797;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0; }

.cp-radio-box.typ-normal2 input[type=radio]:not(old):checked + label:before {
  background: #f8673b; }

.cp-radio-box.typ-normal2 input[type=radio]:not(old):checked + label:after {
  border: 1px solid #f8673b; }

.cp-radio-box.typ-address input[type=radio]:not(old) + label {
  padding-left: 3rem;
  font-family: "Barlow-Regular";
  font-size: 1.8rem;
  color: #151515;
  position: relative;
  margin-bottom: 0; }
  .cp-radio-box.typ-address input[type=radio]:not(old) + label:before {
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    background: transparent;
    border-radius: 50%;
    transition: all .2s ease;
    display: inline-block;
    position: absolute;
    top: .4rem;
    left: .4rem; }
    @media only screen and (max-width: 768px) {
      .cp-radio-box.typ-address input[type=radio]:not(old) + label:before {
        top: .4rem;
        left: .4rem; } }
  .cp-radio-box.typ-address input[type=radio]:not(old) + label:after {
    content: "";
    border: 1px solid #979797;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0; }
  .cp-radio-box.typ-address input[type=radio]:not(old) + label .name {
    font-family: "Barlow-SemiBold";
    font-size: 1.8rem;
    font-weight: 600;
    color: #3f4351;
    margin-bottom: 0.1rem; }
    @media only screen and (max-width: 768px) {
      .cp-radio-box.typ-address input[type=radio]:not(old) + label .name {
        margin-bottom: 0.8rem; } }
    .cp-radio-box.typ-address input[type=radio]:not(old) + label .name .tag {
      padding: 0.1rem 0.7rem;
      border-radius: 12px;
      background-color: #eaeaea;
      font-family: "Barlow-Medium";
      font-size: 1.2rem;
      line-height: 1.4rem;
      color: #3f4351;
      margin-left: 2rem; }
  .cp-radio-box.typ-address input[type=radio]:not(old) + label .address {
    font-family: "Barlow-Regular";
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: #3f4351;
    margin-bottom: 0.6rem; }
  .cp-radio-box.typ-address input[type=radio]:not(old) + label .phone-no {
    font-family: "Barlow-Regular";
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: #474747; }
    .cp-radio-box.typ-address input[type=radio]:not(old) + label .phone-no .no {
      font-family: "Barlow-Bold"; }

.cp-radio-box.typ-address input[type=radio]:not(old):checked + label:before {
  background: #f8673b; }

.cp-radio-box.typ-address input[type=radio]:not(old):checked + label:after {
  border: 1px solid #f8673b; }

.write-review-btn-hidden {
  color: #ffffff !important;
  margin-left: 10px;
  font-size: 12px;
  font-family: 'Barlow'; }

.rider-heights {
  color: #ffffff;
  opacity: .5;
  font-family: "Barlow-Regular"; }
  @media only screen and (max-width: 768px) {
    .rider-heights {
      opacity: 1;
      color: #a3a6b0;
      font-family: "Barlow-Bold"; } }

.update-height {
  color: #ffffff;
  font-size: 1.6rem; }
  @media only screen and (max-width: 768px) {
    .update-height {
      color: #f8673b;
      font-family: "Barlow-Bold"; } }
  .update-height span {
    color: #ffffff;
    opacity: 1; }
    @media only screen and (max-width: 768px) {
      .update-height span {
        color: #a3a6b0;
        font-family: "Barlow-Bold"; } }

.cp-radio-box {
  margin-bottom: 0.5rem !important; }
  .cp-radio-box.typ-frame input[type=radio]:not(old):checked + .is-active {
    background: #ffffff;
    color: #000000;
    font-family: "Barlow-Bold"; }
  .cp-radio-box.typ-normal2 input[type=radio]:not(old) + label {
    padding-left: 3rem;
    font-family: "Barlow-Regular";
    font-size: 1.8rem;
    color: #151515;
    position: relative;
    margin-bottom: 0; }
    .cp-radio-box.typ-normal2 input[type=radio]:not(old) + label:before {
      content: "";
      width: 1.2rem;
      height: 1.2rem;
      background: transparent;
      border-radius: 50%;
      transition: all .2s ease;
      display: inline-block;
      position: absolute;
      top: 4.2px;
      left: 4.2px; }
      @media only screen and (min-width: 1366px) {
        .cp-radio-box.typ-normal2 input[type=radio]:not(old) + label:before {
          top: 4px;
          left: 4px; } }
      @media only screen and (max-width: 1366px) {
        .cp-radio-box.typ-normal2 input[type=radio]:not(old) + label:before {
          top: 4px;
          left: 4px; } }
    .cp-radio-box.typ-normal2 input[type=radio]:not(old) + label:after {
      content: "";
      border: 1px solid #979797;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0; }
  .cp-radio-box.typ-normal2 input[type=radio]:not(old):checked + label:before {
    background: #f8673b; }
  .cp-radio-box.typ-normal2 input[type=radio]:not(old):checked + label:after {
    border: 1px solid #f8673b; }
  .cp-radio-box.radio-margin {
    margin-bottom: 0 !important; }

.typ-bike-bg {
  background-repeat: no-repeat;
  background-position: right; }
  .typ-bike-bg .typ-frame.cm-desktop {
    display: block !important;
    margin-bottom: 0 !important; }
  .typ-bike-bg .cp-radio-box.typ-frame.cm-desktop input[type=radio] + .is-active {
    background: #3f4351;
    color: #ffffff;
    font-family: "Barlow-Bold"; }
  .typ-bike-bg .typ-normal {
    display: none !important; }
  .typ-bike-bg .height-calc {
    font-size: 1.2rem;
    line-height: 1.2rem;
    color: #a80000;
    font-family: "Barlow-Medium";
    margin-bottom: .6rem;
    display: none; }
    @media only screen and (max-width: 768px) {
      .typ-bike-bg .height-calc.active {
        display: block; } }

.quickViewModelBuyModal .cp-radio-box.typ-frame input[type=radio]:not(old):checked + label {
  color: #000000;
  font-family: "Barlow-Bold"; }

.cp-feature-list {
  margin-bottom: 8rem; }
  @media only screen and (max-width: 768px) {
    .cp-feature-list {
      margin: 0px; } }
  .cp-feature-list .f-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      .cp-feature-list .f-list {
        width: 100%; } }
  .cp-feature-list .f-item {
    width: 48%;
    position: relative;
    margin-bottom: 3rem; }
    @media only screen and (max-width: 768px) {
      .cp-feature-list .f-item {
        width: 100%;
        margin-bottom: 3rem; } }
    @media only screen and (max-width: 768px) {
      .cp-feature-list .f-item:last-child {
        margin-bottom: 0; } }
    .cp-feature-list .f-item:first-child {
      padding-left: 0; }
    .cp-feature-list .f-item .icon-text {
      display: -ms-flexbox;
      display: flex;
      z-index: 0;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      @media only screen and (max-width: 768px) {
        .cp-feature-list .f-item .icon-text {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
      .cp-feature-list .f-item .icon-text .img-wrap {
        width: 10%; }
        @media only screen and (max-width: 768px) {
          .cp-feature-list .f-item .icon-text .img-wrap {
            width: 15%;
            margin-top: 1.2rem; } }
      .cp-feature-list .f-item .icon-text .text-wrap {
        width: 88%; }
        @media only screen and (max-width: 768px) {
          .cp-feature-list .f-item .icon-text .text-wrap {
            width: 82%; } }
        .cp-feature-list .f-item .icon-text .text-wrap .detail-title {
          font-size: 2.1rem;
          line-height: 2.4rem;
          margin-bottom: .7rem;
          color: #3f4351;
          font-family: "Barlow-Bold";
          text-transform: uppercase; }
          @media only screen and (max-width: 768px) {
            .cp-feature-list .f-item .icon-text .text-wrap .detail-title {
              font-size: 1.4rem;
              line-height: 1.6rem;
              margin-bottom: .4rem; } }
        .cp-feature-list .f-item .icon-text .text-wrap .desc {
          font-size: 1.8rem;
          line-height: 2.1rem;
          color: #737680;
          font-family: "Barlow-Regular";
          margin-bottom: 1rem;
          display: block;
          display: -webkit-box;
          height: 6.4rem;
          -webkit-line-clamp: 3;
          overflow: hidden;
          text-overflow: ellipsis; }
          @media only screen and (max-width: 768px) {
            .cp-feature-list .f-item .icon-text .text-wrap .desc {
              font-size: 1.2rem;
              line-height: 1.4rem;
              height: 4.5rem;
              font-family: "Barlow-Medium";
              margin-bottom: .9rem;
              -webkit-line-clamp: 3; } }
          .cp-feature-list .f-item .icon-text .text-wrap .desc.show {
            overflow: initial;
            height: auto;
            -webkit-line-clamp: 10;
            text-overflow: initial; }
            @media only screen and (max-width: 768px) {
              .cp-feature-list .f-item .icon-text .text-wrap .desc.show {
                height: 12rem; } }
        .cp-feature-list .f-item .icon-text .text-wrap .btn-link {
          margin: 0; }
          .cp-feature-list .f-item .icon-text .text-wrap .btn-link.hide {
            display: none; }
      .cp-feature-list .f-item .icon-text .text {
        font-size: 1.8rem;
        line-height: 1.6rem;
        color: #737680;
        font-family: "Barlow-Regular";
        text-transform: uppercase; }
        @media only screen and (max-width: 768px) {
          .cp-feature-list .f-item .icon-text .text {
            font-size: 1.4rem;
            line-height: 1.5rem; } }
        .cp-feature-list .f-item .icon-text .text .large {
          font-size: 2.4rem;
          line-height: 2.4rem;
          font-family: "Barlow-Bold"; }
          @media only screen and (max-width: 768px) {
            .cp-feature-list .f-item .icon-text .text .large {
              font-size: 2.3rem;
              line-height: 2.3rem;
              margin-bottom: 0.7rem; } }
    .cp-feature-list .f-item .detail {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 7rem;
      z-index: 2; }
      @media only screen and (max-width: 768px) {
        .cp-feature-list .f-item .detail {
          top: 9rem;
          right: auto;
          z-index: 2;
          left: 4rem;
          transform: none; } }
      .cp-feature-list .f-item .detail .icon {
        font-size: 2.2rem;
        line-height: 1rem;
        color: #f8673b; }
      .cp-feature-list .f-item .detail .detail-wrap {
        visibility: hidden;
        width: 53.1rem;
        padding: 1.9rem 1.8rem;
        background-color: #ffffff;
        box-shadow: 0 0 18px 1px rgba(110, 109, 109, 0.3);
        border-radius: 6px;
        position: absolute;
        left: 5rem;
        top: 50%;
        transform: translateY(-50%); }
        @media only screen and (max-width: 768px) {
          .cp-feature-list .f-item .detail .detail-wrap {
            width: 20.9rem;
            left: -4rem;
            bottom: 5rem;
            transform: none;
            top: auto;
            padding: 2rem 2.4rem 0; } }
        .cp-feature-list .f-item .detail .detail-wrap .detail-list {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
              justify-content: space-between; }
          @media only screen and (max-width: 768px) {
            .cp-feature-list .f-item .detail .detail-wrap .detail-list {
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; } }
        .cp-feature-list .f-item .detail .detail-wrap .detail-item {
          width: 30%; }
          @media only screen and (max-width: 768px) {
            .cp-feature-list .f-item .detail .detail-wrap .detail-item {
              width: 100%;
              margin-bottom: 2.4rem; } }
          .cp-feature-list .f-item .detail .detail-wrap .detail-item:first-child {
            width: 40%; }
            @media only screen and (max-width: 768px) {
              .cp-feature-list .f-item .detail .detail-wrap .detail-item:first-child {
                width: 100%; } }
          .cp-feature-list .f-item .detail .detail-wrap .detail-item .detail-tag {
            font-size: 1.4rem;
            line-height: 1.7rem;
            font-family: "Barlow-Light";
            color: #000000;
            margin-bottom: .6rem;
            display: block; }
          .cp-feature-list .f-item .detail .detail-wrap .detail-item .detail-title {
            font-size: 2rem;
            line-height: 2.1rem;
            color: #3f4351;
            font-family: "Barlow-Bold"; }
          .cp-feature-list .f-item .detail .detail-wrap .detail-item .extra-info {
            font-size: 1.4rem;
            line-height: 1.7rem;
            color: #acacac;
            font-family: "Barlow-Bold"; }
          .cp-feature-list .f-item .detail .detail-wrap .detail-item .star-rating {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center; }
            .cp-feature-list .f-item .detail .detail-wrap .detail-item .star-rating .icon {
              font-size: .9rem; }
            .cp-feature-list .f-item .detail .detail-wrap .detail-item .star-rating .stars-cont {
              font-size: 1.4rem;
              line-height: 1.7rem;
              color: #acacac;
              font-family: "Barlow-Bold";
              margin-left: 1rem; }
        .cp-feature-list .f-item .detail .detail-wrap:before {
          content: "";
          display: inline-block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 19px 10px 0;
          border-color: transparent #ffffff transparent transparent;
          position: absolute;
          left: -17px;
          top: 50%;
          transform: translateY(-50%);
          z-index: 0; }
          @media only screen and (max-width: 768px) {
            .cp-feature-list .f-item .detail .detail-wrap:before {
              left: 18%;
              top: auto;
              transform: none;
              z-index: 0;
              bottom: -1.8rem;
              border-width: 19px 10px 0 10px;
              border-color: #ffffff transparent transparent transparent; } }
      .cp-feature-list .f-item .detail:hover .detail-wrap {
        visibility: visible;
        transition: all 0.5s ease; }
  .cp-feature-list:before {
    content: '';
    position: absolute;
    right: 0;
    top: 4rem;
    width: 32.9rem;
    height: 33.5rem;
    background: url("../../../../../static/default/assets/images/bike-bg.png") no-repeat 0px 0px transparent;
    background-size: cover; }
    @media only screen and (max-width: 768px) {
      .cp-feature-list:before {
        content: none; } }
  .cp-feature-list.typ-adp .f-list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 78%; }
    @media only screen and (max-width: 768px) {
      .cp-feature-list.typ-adp .f-list {
        width: 100%;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
  .cp-feature-list.typ-adp .f-item {
    width: auto;
    padding: 1.6rem 4rem 1.6rem 3rem;
    border-left: 1px solid #bbbbbb; }
    @media only screen and (max-width: 768px) {
      .cp-feature-list.typ-adp .f-item {
        width: 50%;
        padding: 1.3rem 2.6rem 1.3rem;
        margin-bottom: 0; }
        .cp-feature-list.typ-adp .f-item:last-child {
          padding-left: 0;
          border: 0; } }
    .cp-feature-list.typ-adp .f-item:first-child {
      padding-left: 0;
      border: 0; }
    .cp-feature-list.typ-adp .f-item .img-text {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      @media only screen and (max-width: 768px) {
        .cp-feature-list.typ-adp .f-item .img-text {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
      .cp-feature-list.typ-adp .f-item .img-text .text-wrap {
        width: 15rem;
        margin-left: 3rem; }
        @media only screen and (max-width: 768px) {
          .cp-feature-list.typ-adp .f-item .img-text .text-wrap {
            width: 100%;
            margin-left: 0; } }
        .cp-feature-list.typ-adp .f-item .img-text .text-wrap .desc {
          height: auto;
          margin: 0;
          font-size: 1.6rem;
          line-height: 1.6rem;
          font-family: "Barlow-Regular";
          color: #737680;
          margin-top: 1rem; }
          @media only screen and (max-width: 768px) {
            .cp-feature-list.typ-adp .f-item .img-text .text-wrap .desc {
              font-size: 1.2rem;
              line-height: 1.4rem;
              width: 6.8rem; } }
        .cp-feature-list.typ-adp .f-item .img-text .text-wrap .img-title {
          font-size: 1.8rem;
          line-height: 1.6rem;
          font-family: "Barlow-Bold";
          color: #737680;
          text-transform: uppercase; }
          @media only screen and (max-width: 768px) {
            .cp-feature-list.typ-adp .f-item .img-text .text-wrap .img-title {
              font-size: 1.4rem;
              line-height: 1.2rem;
              margin-top: 1.4rem; } }
      .cp-feature-list.typ-adp .f-item .img-text .img-wrap {
        width: 7.5rem;
        height: 7.2rem; }
        @media only screen and (max-width: 768px) {
          .cp-feature-list.typ-adp .f-item .img-text .img-wrap {
            width: 5.5rem;
            height: 5.3rem; } }
        .cp-feature-list.typ-adp .f-item .img-text .img-wrap.type-hand {
          width: 5rem; }
          @media only screen and (max-width: 768px) {
            .cp-feature-list.typ-adp .f-item .img-text .img-wrap.type-hand {
              width: 3.3rem; } }
  .cp-feature-list:before {
    content: none; }
  .cp-feature-list.typ-2:before {
    content: none; }
  .cp-feature-list.typ-2 .f-list {
    -ms-flex-pack: initial;
        justify-content: initial;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 100%; }
  .cp-feature-list.typ-2 .f-item {
    width: auto;
    padding: 1.6rem 4rem 1.6rem 3rem;
    border-left: 1px solid #bbbbbb; }
    @media only screen and (max-width: 768px) {
      .cp-feature-list.typ-2 .f-item {
        width: 50%;
        padding: 1.3rem 3.3rem 1.3rem;
        margin-bottom: 0; } }
    .cp-feature-list.typ-2 .f-item:first-child {
      padding-left: 0;
      border: 0; }
    .cp-feature-list.typ-2 .f-item .img-text {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      @media only screen and (max-width: 768px) {
        .cp-feature-list.typ-2 .f-item .img-text {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
      .cp-feature-list.typ-2 .f-item .img-text .text-wrap {
        width: 15rem;
        margin-left: 3rem; }
        @media only screen and (max-width: 768px) {
          .cp-feature-list.typ-2 .f-item .img-text .text-wrap {
            width: 100%;
            margin-left: 0; } }
        .cp-feature-list.typ-2 .f-item .img-text .text-wrap .img-title {
          font-size: 1.8rem;
          line-height: 1.6rem;
          font-family: "Barlow-Bold";
          color: #737680;
          text-transform: uppercase; }
          @media only screen and (max-width: 768px) {
            .cp-feature-list.typ-2 .f-item .img-text .text-wrap .img-title {
              font-size: 1.4rem;
              line-height: 1.2rem;
              margin-top: 1.4rem;
              width: 11.2rem; } }
    .cp-feature-list.typ-2 .f-item .img-wrap {
      width: 7.5rem;
      height: 7.2rem; }
      @media only screen and (max-width: 768px) {
        .cp-feature-list.typ-2 .f-item .img-wrap {
          width: 6rem;
          height: 5.8rem; } }
      .cp-feature-list.typ-2 .f-item .img-wrap.typ-woman {
        height: auto; }
        @media only screen and (max-width: 768px) {
          .cp-feature-list.typ-2 .f-item .img-wrap.typ-woman {
            height: 5.8rem;
            width: 4.4rem; } }

.cp-feature-list .f-list {
  -ms-flex-pack: start;
      justify-content: flex-start; }

.cp-feature-list .text-wrap {
  width: 12.5rem; }

#pdp .cp-feature-list::before {
  content: "";
  position: absolute;
  right: 0;
  top: 4rem;
  width: 32.9rem;
  height: 33.5rem;
  background: url("https://i.ibb.co/nQxPhXm/bike-bg.png") no-repeat 0px 0px transparent;
  background-size: cover;
  display: none; }

#pdp .cp-feature-list .f-list {
  -ms-flex-pack: justify;
      justify-content: space-between; }

#accessoriespdp .cp-feature-list .f-list {
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

@media only screen and (max-width: 768px) {
  #accessoriespdp .cp-feature-list .f-item {
    margin-bottom: 4rem; } }

@media only screen and (max-width: 768px) {
  #accessoriespdp .cp-feature-list .f-item:nth-child(odd) {
    padding-left: 0;
    padding-right: 3.3rem; } }

@media only screen and (max-width: 767px) {
  #accessoriespdp .cp-feature-list .f-item:nth-child(even) {
    border-right: none;
    padding-right: 0; } }

@media only screen and (max-width: 320px) {
  #accessoriespdp .cp-feature-list .f-item {
    padding-left: 0;
    border-right: none; } }

#accessoriespdp .cp-feature-list .f-item .icon-text .img-wrap {
  width: 8.6rem; }
  #accessoriespdp .cp-feature-list .f-item .icon-text .img-wrap.type-hgev {
    width: 7.5rem;
    padding-top: 0; }
    @media only screen and (max-width: 767px) {
      #accessoriespdp .cp-feature-list .f-item .icon-text .img-wrap.type-hgev {
        width: 5.3rem; } }

#accessoriespdp .cp-feature-list .text-wrap {
  margin-top: 0; }

.experience-dynamic-whyYouLoveIt .cp-feature-list .f-item .icon-text .text {
  font-family: "Barlow-Bold"; }

.experience-dynamic-whyYouLoveIt .cp-feature-list .f-item .icon-text .text-wrap .desc.show {
  overflow: hidden; }

.experience-dynamic-whyYouLoveIt .cp-feature-list .f-list {
  -ms-flex-pack: justify;
      justify-content: space-between; }

a:not([href]):not([tabindex]) {
  color: #f8673b; }

.cp-testimonial {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .cp-testimonial.type-2 {
    display: block; }
  .cp-testimonial .testi-info {
    width: 24%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    @media only screen and (max-width: 991px) {
      .cp-testimonial .testi-info {
        left: 9%;
        width: 60%; } }
    @media only screen and (min-width: 1024px) and (max-width: 1366px) {
      .cp-testimonial .testi-info {
        width: 28%; } }
    .cp-testimonial .testi-info .baiker-name {
      font-size: 2.1rem;
      line-height: 2.1rem;
      color: #ffffff;
      font-family: "Barlow-Bold";
      margin-bottom: 1rem;
      position: relative;
      transition: all 1.6s cubic-bezier(0.075, 0.82, 0.165, 1);
      transform: translateX(-60px) translateZ(0);
      transition-delay: 0.4s;
      opacity: 0;
      display: block;
      text-transform: uppercase; }
      @media only screen and (max-width: 991px) {
        .cp-testimonial .testi-info .baiker-name {
          font-size: 1.6rem;
          line-height: 1.4rem; } }
    .cp-testimonial .testi-info .location {
      font-size: 1.8rem;
      line-height: 2.4rem;
      font-family: "Barlow-Light";
      color: #ffffff;
      margin-bottom: 1.5rem;
      position: relative;
      transition: all 1.6s cubic-bezier(0.075, 0.82, 0.165, 1);
      transform: translateX(-60px) translateZ(0);
      transition-delay: 0.6s;
      opacity: 0;
      display: block;
      text-transform: uppercase; }
      @media only screen and (max-width: 991px) {
        .cp-testimonial .testi-info .location {
          font-size: 1.4rem;
          line-height: 2.4rem;
          margin-bottom: 1.1rem; } }
    .cp-testimonial .testi-info .desc {
      font-size: 1.8rem;
      line-height: 2.4rem;
      color: #ffffff;
      font-family: "Barlow-Light";
      margin-bottom: 6rem;
      position: relative;
      transition: all 1.6s cubic-bezier(0.075, 0.82, 0.165, 1);
      transform: translateX(-60px) translateZ(0);
      transition-delay: 0.7s;
      opacity: 0;
      display: block; }
      @media only screen and (max-width: 991px) {
        .cp-testimonial .testi-info .desc {
          font-size: 1.2rem;
          line-height: 1.4rem;
          margin-bottom: 2rem; } }
    .cp-testimonial .testi-info .video-link {
      position: relative;
      transition: all 1.6s cubic-bezier(0.075, 0.82, 0.165, 1);
      transform: translateX(-60px) translateZ(0);
      transition-delay: 0.8s;
      opacity: 0;
      display: block; }
      .cp-testimonial .testi-info .video-link .icon {
        font-size: 4.3rem;
        line-height: 0rem;
        color: #ffffff; }
        @media only screen and (max-width: 991px) {
          .cp-testimonial .testi-info .video-link .icon {
            font-size: 2.7rem;
            line-height: 0rem; } }
    .cp-testimonial .testi-info.typ-2 {
      width: 27%; }
      @media only screen and (max-width: 991px) {
        .cp-testimonial .testi-info.typ-2 {
          width: 65%; } }
      .cp-testimonial .testi-info.typ-2 .title-desc {
        margin-bottom: 3.5rem; }
        @media only screen and (max-width: 991px) {
          .cp-testimonial .testi-info.typ-2 .title-desc {
            margin-bottom: 2rem; } }
        .cp-testimonial .testi-info.typ-2 .title-desc .test-title {
          font-size: 1.8rem;
          line-height: 2.3rem;
          text-transform: uppercase;
          color: #ffffff;
          font-family: "Barlow-Bold";
          margin-bottom: 1.5rem; }
          @media only screen and (max-width: 991px) {
            .cp-testimonial .testi-info.typ-2 .title-desc .test-title {
              font-size: 1.6rem;
              line-height: 1.8rem;
              margin-bottom: 0.5rem; } }
        .cp-testimonial .testi-info.typ-2 .title-desc .test-desc {
          font-size: 1.8rem;
          line-height: 2.3rem;
          font-family: "Barlow-Regular";
          color: #979797; }
          @media only screen and (max-width: 991px) {
            .cp-testimonial .testi-info.typ-2 .title-desc .test-desc {
              font-size: 1.2rem;
              line-height: 1.4rem; } }

.cp-testimonial .testi-info {
  left: 10%; }
  .cp-testimonial .testi-info .video-link {
    padding: 0; }
  .cp-testimonial .testi-info .baiker-name {
    line-height: 1.8rem; }
  .cp-testimonial .testi-info.typ-2 {
    top: 33rem; }
    @media only screen and (max-width: 1024px) {
      .cp-testimonial .testi-info.typ-2 {
        top: 30rem; } }
    @media only screen and (max-width: 768px) {
      .cp-testimonial .testi-info.typ-2 {
        top: 24rem; } }

@media only screen and (min-width: 1415px) and (max-width: 1439px) {
  .cp-testimonial .testi-info {
    left: 17.8rem; } }

@media only screen and (min-width: 1600px) and (max-width: 1460px) {
  .cp-testimonial .testi-info {
    left: 13.8rem; } }

@media only screen and (max-width: 768px) {
  .cp-testimonial .testi-info {
    left: 2rem; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cp-testimonial .testi-info {
    left: 5rem; } }

@media only screen and (min-width: 991px) and (max-width: 1024px) {
  .cp-testimonial .testi-info {
    left: 6rem; } }

@media only screen and (min-width: 1270px) and (max-width: 1316px) {
  .cp-testimonial .testi-info {
    left: 10rem; } }

@media only screen and (min-width: 1026px) and (max-width: 1225px) {
  .cp-testimonial .testi-info {
    left: 5%; } }

@media only screen and (min-width: 1335px) and (max-width: 1366px) {
  .cp-testimonial .testi-info {
    left: 9%; } }

.cp-testimonial .testi-info .desc {
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: block;
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 9rem; }

.cp-detSpecifications {
  position: relative; }
  @media screen and (max-width: 991px) {
    .cp-detSpecifications {
      padding: 0; } }
  .cp-detSpecifications .specfn-wrap {
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 991px) {
      .cp-detSpecifications .specfn-wrap {
        -ms-flex-direction: column;
            flex-direction: column; } }
    .cp-detSpecifications .specfn-wrap .specfn-list {
      width: 15.4rem;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      border-bottom: 0;
      height: auto;
      padding-top: 21rem; }
      @media screen and (max-width: 991px) {
        .cp-detSpecifications .specfn-wrap .specfn-list {
          padding-right: 0;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          margin-bottom: 3rem;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
          width: 100%;
          padding: 0rem; } }
      @media screen and (max-width: 420px) {
        .cp-detSpecifications .specfn-wrap .specfn-list {
          -ms-flex-pack: justify;
              justify-content: space-between;
          overflow-x: auto;
          white-space: nowrap;
          margin-bottom: 2rem; } }
      .cp-detSpecifications .specfn-wrap .specfn-list .specfn-item {
        margin: 0 0 3.8rem;
        padding: 0;
        width: auto;
        height: auto;
        position: relative;
        padding-right: 4rem; }
        @media screen and (max-width: 991px) {
          .cp-detSpecifications .specfn-wrap .specfn-list .specfn-item {
            margin: 0 1rem 0 0;
            padding: 0; } }
        .cp-detSpecifications .specfn-wrap .specfn-list .specfn-item:last-of-type {
          margin-right: 0; }
          @media screen and (max-width: 1024px) {
            .cp-detSpecifications .specfn-wrap .specfn-list .specfn-item:last-of-type {
              margin-bottom: 0; } }
        .cp-detSpecifications .specfn-wrap .specfn-list .specfn-item.active .specfn-link {
          color: #3f4351;
          position: relative;
          font-family: "Barlow-Bold"; }
          .cp-detSpecifications .specfn-wrap .specfn-list .specfn-item.active .specfn-link:before {
            width: 1.6rem; }
        .cp-detSpecifications .specfn-wrap .specfn-list .specfn-item.active:after {
          content: '';
          position: absolute;
          right: 0rem;
          top: 0;
          bottom: 0;
          margin: auto;
          height: 1px;
          width: 2rem;
          background: #979797; }
          @media screen and (max-width: 991px) {
            .cp-detSpecifications .specfn-wrap .specfn-list .specfn-item.active:after {
              display: none; } }
      .cp-detSpecifications .specfn-wrap .specfn-list .specfn-link {
        font-family: "Barlow-Medium";
        font-size: 1.6rem;
        color: #f8673b;
        padding: 0 0 1.4rem;
        margin: 0;
        display: block;
        position: relative; }
        @media screen and (max-width: 991px) {
          .cp-detSpecifications .specfn-wrap .specfn-list .specfn-link {
            font-size: 1.4rem; } }
        .cp-detSpecifications .specfn-wrap .specfn-list .specfn-link:before {
          content: '';
          position: absolute;
          bottom: 0;
          height: 0.2rem;
          width: 0;
          background: #3f4351;
          transition: all 0.4s ease;
          -webkit-transition: all 0.4s ease;
          -moz-transition: all 0.4s ease; }
    .cp-detSpecifications .specfn-wrap .specfn-content {
      position: relative;
      padding-top: 21rem; }
      @media screen and (max-width: 991px) {
        .cp-detSpecifications .specfn-wrap .specfn-content {
          padding: 0; } }
      .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane {
        padding-left: 2.5rem;
        position: relative;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        display: none; }
        @media screen and (max-width: 991px) {
          .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane {
            padding-left: 0; } }
        .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane.active {
          display: -ms-flexbox;
          display: flex; }
          @media screen and (max-width: 991px) {
            .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane.active {
              -ms-flex-direction: column;
                  flex-direction: column; } }
        .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane#frameset .spec-cont {
          margin-top: -1.3rem; }
          @media screen and (max-width: 991px) {
            .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane#frameset .spec-cont {
              margin: 0; } }
          .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane#frameset .spec-cont ul {
            position: initial;
            top: 0;
            transform: none; }
        .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane#drivetain .spec-cont {
          margin-top: 5.8rem; }
          @media screen and (max-width: 991px) {
            .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane#drivetain .spec-cont {
              margin: 0;
              width: 100%; } }
          .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane#drivetain .spec-cont ul {
            position: initial;
            top: 0;
            transform: none; }
        .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane#wheels .spec-cont {
          margin-top: 12.8rem; }
          @media screen and (max-width: 991px) {
            .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane#wheels .spec-cont {
              margin: 0;
              width: 100%; } }
        .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane#components .spec-cont {
          margin-top: 21.4rem; }
          @media screen and (max-width: 991px) {
            .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane#components .spec-cont {
              margin: 0;
              width: 100%; } }
          .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane#components .spec-cont ul {
            top: 50%;
            transform: translateY(-75%); }
            @media screen and (max-width: 991px) {
              .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane#components .spec-cont ul {
                position: initial;
                top: 0;
                transform: none; } }
        .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane#extra .spec-cont {
          margin-top: 31.9rem; }
          @media screen and (max-width: 991px) {
            .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane#extra .spec-cont {
              margin: 0;
              width: 100%; } }
          .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane#extra .spec-cont ul {
            top: 0;
            transform: translateY(-84%); }
            @media screen and (max-width: 991px) {
              .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane#extra .spec-cont ul {
                position: initial;
                top: 0;
                transform: none; } }
  .cp-detSpecifications .spec-cont {
    height: 5.8rem;
    display: block;
    position: relative;
    width: 17rem; }
    @media screen and (max-width: 991px) {
      .cp-detSpecifications .spec-cont {
        margin: 0;
        width: 100%; } }
    .cp-detSpecifications .spec-cont ul {
      position: absolute;
      width: 18rem;
      top: 50%;
      transform: translateY(-50%); }
      @media screen and (max-width: 1199px) {
        .cp-detSpecifications .spec-cont ul {
          width: 13rem; } }
      @media screen and (max-width: 991px) {
        .cp-detSpecifications .spec-cont ul {
          width: auto;
          max-width: 34rem;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          padding-top: 0;
          padding-bottom: 1rem;
          margin: 0 auto; } }
      @media screen and (max-width: 768px) {
        .cp-detSpecifications .spec-cont ul {
          max-width: 35rem;
          position: initial;
          top: 0;
          transform: none; } }
    .cp-detSpecifications .spec-cont .spec-list {
      padding: 1.1rem 0;
      position: relative; }
      @media screen and (max-width: 991px) {
        .cp-detSpecifications .spec-cont .spec-list {
          margin: 0; } }
      @media screen and (max-width: 420px) {
        .cp-detSpecifications .spec-cont .spec-list {
          margin: 0; } }
      .cp-detSpecifications .spec-cont .spec-list:before {
        content: '';
        position: absolute;
        left: -2.5rem;
        top: 0rem;
        height: 50%;
        width: 1px;
        background: #979797; }
        @media screen and (max-width: 1024px) {
          .cp-detSpecifications .spec-cont .spec-list:before {
            top: -7px; } }
        @media screen and (max-width: 991px) {
          .cp-detSpecifications .spec-cont .spec-list:before {
            display: none; } }
      .cp-detSpecifications .spec-cont .spec-list:after {
        content: '';
        position: absolute;
        left: -2.5rem;
        bottom: 0;
        height: 50%;
        width: 1px;
        background: #979797; }
        @media screen and (max-width: 1024px) {
          .cp-detSpecifications .spec-cont .spec-list:after {
            top: -7px; } }
        @media screen and (max-width: 991px) {
          .cp-detSpecifications .spec-cont .spec-list:after {
            display: none; } }
      .cp-detSpecifications .spec-cont .spec-list .spec-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
            justify-content: start;
        -ms-flex-align: center;
            align-items: center;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        position: relative; }
        @media screen and (max-width: 991px) {
          .cp-detSpecifications .spec-cont .spec-list .spec-link {
            font-size: 1rem;
            padding: 0.3rem 1rem; } }
        .cp-detSpecifications .spec-cont .spec-list .spec-link:before {
          content: '';
          position: absolute;
          left: -2.5rem;
          top: 1.8rem;
          height: 1px;
          width: 2.5rem;
          background: #979797; }
          @media screen and (max-width: 991px) {
            .cp-detSpecifications .spec-cont .spec-list .spec-link:before {
              left: 0;
              right: 0;
              bottom: 18px;
              top: auto;
              margin: auto;
              height: 20px;
              width: 1px;
              display: none; } }
        .cp-detSpecifications .spec-cont .spec-list .spec-link .spec-icon {
          height: 3.6rem;
          width: 3.6rem;
          font-size: 1.6rem;
          line-height: 3.6rem;
          text-align: center;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border: 0.1rem solid #a3a6b0;
          background: #ffffff;
          color: #a3a6b0;
          transition: all 0.4s ease;
          -webkit-transition: all 0.4s ease;
          -moz-transition: all 0.4s ease;
          position: relative; }
          .cp-detSpecifications .spec-cont .spec-list .spec-link .spec-icon img {
            position: absolute;
            width: 2rem;
            height: 2rem;
            top: 50%;
            left: 0;
            right: 0;
            margin: 0px auto;
            transform: translateY(-50%); }
        .cp-detSpecifications .spec-cont .spec-list .spec-link .spec-text {
          position: relative;
          font-family: "Barlow-Medium";
          font-size: 1.2rem;
          color: #3f4351;
          margin-left: 1.6rem;
          left: -2rem;
          opacity: 0;
          visibility: hidden;
          transition: all 0.4s ease;
          -webkit-transition: all 0.4s ease;
          -moz-transition: all 0.4s ease; }
          @media screen and (max-width: 991px) {
            .cp-detSpecifications .spec-cont .spec-list .spec-link .spec-text {
              display: none; } }
      .cp-detSpecifications .spec-cont .spec-list:last-of-type {
        margin-bottom: 0; }
        @media screen and (max-width: 991px) {
          .cp-detSpecifications .spec-cont .spec-list:last-of-type {
            margin-right: 0; } }
      .cp-detSpecifications .spec-cont .spec-list.active .spec-icon, .cp-detSpecifications .spec-cont .spec-list:hover .spec-icon {
        background: #3f4351;
        border-color: #3f4351;
        color: #ffffff; }
      .cp-detSpecifications .spec-cont .spec-list.active .spec-text, .cp-detSpecifications .spec-cont .spec-list:hover .spec-text {
        left: 0;
        opacity: 1;
        visibility: visible;
        display: block; }
        @media screen and (max-width: 991px) {
          .cp-detSpecifications .spec-cont .spec-list.active .spec-text, .cp-detSpecifications .spec-cont .spec-list:hover .spec-text {
            display: none; } }
      .cp-detSpecifications .spec-cont .spec-list:first-child:before {
        content: none; }
      .cp-detSpecifications .spec-cont .spec-list:last-child:after {
        content: none; }
  .cp-detSpecifications .spec-img {
    max-width: 80.8rem;
    width: 80.8rem; }
    @media screen and (max-width: 991px) {
      .cp-detSpecifications .spec-img {
        width: 37.5rem;
        margin: 0rem -2rem; } }
    .cp-detSpecifications .spec-img ul {
      display: none; }
      .cp-detSpecifications .spec-img ul.show {
        display: block; }
      .cp-detSpecifications .spec-img ul li img {
        width: 100%;
        display: none; }
      .cp-detSpecifications .spec-img ul li.active img {
        display: block; }
  .cp-detSpecifications .swiper-container-android .swiper-slide,
  .cp-detSpecifications .swiper-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media screen and (max-width: 991px) {
      .cp-detSpecifications .swiper-container-android .swiper-slide,
      .cp-detSpecifications .swiper-wrapper {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; } }
  @media screen and (max-width: 991px) {
    .cp-detSpecifications .swiper-slide {
      width: auto;
      margin: 0 1rem 0 0; } }

.cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane#frameset .spec-cont ul {
  overflow: unset; }

@media screen and (max-width: 991px) {
  .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane#components .spec-cont ul {
    transform: translate(3rem, 0);
    padding: 0 3rem 0 3rem; }
    .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane#components .spec-cont ul li:last-of-type {
      margin-right: 3rem; } }

@media screen and (min-width: 991px) and (max-width: 1366px) {
  .cp-detSpecifications .specfn-wrap .specfn-content .specfn-pane#extra .spec-cont ul {
    transform: translateY(-82%); } }

@media only screen and (max-width: 350px) {
  .cp-detSpecifications .specfn-wrap {
    overflow: hidden; } }

.cp-detSpecifications .spec-list .spec-list .specfn-item:last-of-type {
  margin-right: 0; }
  @media screen and (max-width: 991px) {
    .cp-detSpecifications .spec-list .spec-list .specfn-item:last-of-type {
      margin-bottom: 0; } }

@media only screen and (max-width: 768px) {
  .cp-detSpecifications .spec-img {
    margin-top: 2rem;
    width: 35rem; } }

@media only screen and (max-width: 768px) {
  .cp-detSpecifications .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    top: 5rem; } }

.cp-modal.fade {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  outline: 0; }
  @media screen and (max-width: 767px) {
    .cp-modal.fade {
      overflow: unset; } }

.cp-modal.modal-show {
  opacity: 1;
  visibility: visible;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -20%);
  transition: opacity 0.1s ease-in-out;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out; }
  .cp-modal.modal-show .modal-dialog {
    transform: translate(-50%, -50%); }

.cp-modal .modal-body {
  -ms-flex: none;
      flex: none;
  padding: 0; }

.cp-modal .modal-dialog {
  max-width: 100%;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -75%);
  transition: transform 0.3s ease-out; }

.cp-modal .modal-header {
  display: block;
  text-align: center;
  border: 0;
  padding: 0; }

.cp-modal .modal-title {
  font-size: 2.4rem;
  line-height: 2rem;
  font-family: "Barlow-Bold";
  margin-bottom: 3.5rem;
  text-align: left;
  color: #000000;
  text-transform: uppercase; }

.cp-modal .desc {
  font-size: 1.4rem;
  line-height: 1.9rem;
  font-family: "Barlow-Regular";
  color: #3f4351;
  text-align: left; }
  .cp-modal .desc.light {
    font-family: "Barlow-Light"; }

.cp-modal .modal-content {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  pointer-events: auto;
  background: #ffffff;
  width: 100%;
  border: 0;
  outline: 0;
  padding: 3.4rem; }

@media screen and (max-width: 767px) {
  .cp-modal.typ-md {
    left: 0;
    overflow-y: auto;
    top: 5.6rem;
    z-index: 100;
    bottom: 0;
    transform: none; } }

.cp-modal.typ-md .modal-dialog {
  width: 71rem; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-md .modal-dialog {
      width: 100%;
      transform: none;
      left: 0;
      top: 0; } }

.cp-modal.typ-md .modal-content {
  padding: 2rem; }

.cp-modal.typ-sm .modal-dialog {
  width: 48rem; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-sm .modal-dialog {
      width: 96%; } }

.cp-modal.typ-sizechart .modal-content {
  background: #ffffff url(../../../../../static/default/assets/images/size_chart_bg.svg) no-repeat top 3.4rem right 3.4rem;
  background-size: 28rem;
  padding: 3.4rem; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-sizechart .modal-content {
      padding: 2rem;
      background: #ffffff url(../images/size_chart_bg.svg) no-repeat top 11rem right -2rem;
      background-size: 20rem;
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0; }
      .cp-modal.typ-sizechart .modal-content .modal-title {
        padding-left: 3rem;
        position: relative; }
      .cp-modal.typ-sizechart .modal-content .back-icon {
        position: absolute;
        top: 0;
        left: 0rem;
        transform: rotate(180deg);
        color: #f8673b;
        cursor: pointer;
        font-size: 1rem;
        line-height: 1rem; } }

.cp-modal.typ-sizechart .table-wrap {
  position: relative; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-sizechart .table-wrap {
      overflow-x: auto;
      margin-right: -2rem;
      box-shadow: -10px 0 10px 0 rgba(255, 255, 255, 0.5) inset; } }

.cp-modal.typ-sizechart .chart-table {
  box-shadow: 0 0 0.7rem rgba(209, 209, 209, 0.5);
  width: 100%;
  text-align: center;
  border-radius: 0.7rem;
  -webkit-border-radius: 0.7rem;
  -moz-border-radius: 0.7rem;
  border: 1px solid #d8d8d8;
  border-collapse: inherit;
  border-spacing: inherit;
  margin-bottom: 2.5rem;
  background: #ffffff;
  position: relative; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-sizechart .chart-table {
      width: 50rem; } }
  .cp-modal.typ-sizechart .chart-table tr:nth-of-type(odd) {
    background: #f6f6f6; }
    .cp-modal.typ-sizechart .chart-table tr:nth-of-type(odd) td:first-of-type {
      background: #e6e5e5; }
  .cp-modal.typ-sizechart .chart-table tr:nth-of-type(even) td:first-of-type {
    background: #f0efef; }
  .cp-modal.typ-sizechart .chart-table tr:first-of-type th:first-of-type {
    border-top-left-radius: 7px;
    background: #f0efef; }
  .cp-modal.typ-sizechart .chart-table tr:first-of-type th:last-of-type {
    border-top-right-radius: 7px; }
  .cp-modal.typ-sizechart .chart-table tr:last-of-type td {
    font-family: "Barlow-Regular"; }
    .cp-modal.typ-sizechart .chart-table tr:last-of-type td:first-of-type {
      border-bottom-left-radius: 7px; }
    .cp-modal.typ-sizechart .chart-table tr:last-of-type td:last-of-type {
      border-bottom-right-radius: 7px; }
  .cp-modal.typ-sizechart .chart-table th,
  .cp-modal.typ-sizechart .chart-table td {
    font-size: 1.2rem;
    color: #3f4351;
    height: 4rem;
    vertical-align: middle;
    text-transform: uppercase;
    border-right: 1px solid #e8e8e8; }
    .cp-modal.typ-sizechart .chart-table th strong,
    .cp-modal.typ-sizechart .chart-table td strong {
      font-family: "Barlow-Bold"; }
    .cp-modal.typ-sizechart .chart-table th:last-of-type,
    .cp-modal.typ-sizechart .chart-table td:last-of-type {
      border-right: 0;
      padding-right: 2rem; }
    .cp-modal.typ-sizechart .chart-table th:first-of-type,
    .cp-modal.typ-sizechart .chart-table td:first-of-type {
      min-width: 14rem;
      box-shadow: -10px 0 10px 0 rgba(209, 209, 209, 0.3) inset; }
      @media screen and (max-width: 767px) {
        .cp-modal.typ-sizechart .chart-table th:first-of-type,
        .cp-modal.typ-sizechart .chart-table td:first-of-type {
          min-width: inherit; } }
  .cp-modal.typ-sizechart .chart-table th {
    font-family: "Barlow-Bold";
    background: #ffffff; }
  .cp-modal.typ-sizechart .chart-table td {
    font-family: "Barlow-Regular"; }

.cp-modal.typ-sizechart .size {
  font-size: 2rem;
  color: #f8673b;
  font-family: "Barlow-Bold";
  text-align: left;
  margin-top: 0.5rem; }

.cp-modal.typ-sizechart .disclaimer-wrap {
  text-align: left;
  margin-top: 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-sizechart .disclaimer-wrap {
      -ms-flex-direction: column;
          flex-direction: column; } }
  .cp-modal.typ-sizechart .disclaimer-wrap .desc {
    margin-right: 3.1rem; }
    @media screen and (max-width: 767px) {
      .cp-modal.typ-sizechart .disclaimer-wrap .desc {
        margin-bottom: 2rem;
        margin-right: 0; } }
  .cp-modal.typ-sizechart .disclaimer-wrap .btn {
    min-width: 10.9rem; }

.cp-modal.typ-sizechart .size-info-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 3rem;
  margin-bottom: 3rem; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-sizechart .size-info-wrap {
      -ms-flex-direction: column;
          flex-direction: column; } }
  .cp-modal.typ-sizechart .size-info-wrap .size-info-left,
  .cp-modal.typ-sizechart .size-info-wrap .size-info-right {
    width: 50%; }
    @media screen and (max-width: 767px) {
      .cp-modal.typ-sizechart .size-info-wrap .size-info-left,
      .cp-modal.typ-sizechart .size-info-wrap .size-info-right {
        width: 100%; } }
  .cp-modal.typ-sizechart .size-info-wrap .size-info-left {
    text-align: left; }
    @media screen and (max-width: 767px) {
      .cp-modal.typ-sizechart .size-info-wrap .size-info-left {
        margin-bottom: 3rem; } }
    .cp-modal.typ-sizechart .size-info-wrap .size-info-left .desc {
      padding-bottom: 0.5rem; }
  .cp-modal.typ-sizechart .size-info-wrap .input-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: start; }
  .cp-modal.typ-sizechart .size-info-wrap .size-input {
    font-family: 2rem;
    color: #3f4351;
    font-family: "Barlow-Regular";
    text-align: left;
    width: 7rem;
    border-bottom: 1px solid #3f4351;
    padding-bottom: 0.5rem;
    margin-right: 1rem; }

.cp-modal.typ-sizechart .switch {
  display: inline-block;
  position: relative;
  background: #ffffff;
  border: 1px solid #c2c2c2;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  height: 28px;
  width: 130px;
  margin: 0; }
  .cp-modal.typ-sizechart .switch .switch-input {
    display: none; }
  .cp-modal.typ-sizechart .switch .switch-label {
    float: left;
    width: 50%;
    font-size: 12px;
    color: #3f4351;
    text-align: center;
    cursor: pointer;
    position: inherit;
    z-index: 1;
    padding: 5px 10px;
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform; }
  .cp-modal.typ-sizechart .switch .switch-toggle {
    position: absolute;
    float: left;
    height: 28px;
    width: 50%;
    font-size: 12px;
    line-height: 14px;
    cursor: pointer;
    background: #3f4351;
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    left: -1px;
    top: -1px;
    transition: left 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform; }
  .cp-modal.typ-sizechart .switch .switch-input:checked + .switch-label {
    color: #ffffff; }
  .cp-modal.typ-sizechart .switch .switch-input2:checked ~ .switch-toggle {
    left: 65px; }

.cp-modal.modal-show.pdp-popup-container {
  width: 100%;
  background: #00000099;
  z-index: 123456;
  top: 0;
  left: 0;
  transform: none; }
  .cp-modal.modal-show.pdp-popup-container .whatsapp-chat-btn {
    padding-bottom: 20px;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 20px;
    margin-top: 30px; }
    .cp-modal.modal-show.pdp-popup-container .whatsapp-chat-btn .product-name {
      display: -ms-flexbox;
      display: flex;
      font-size: 20px;
      position: absolute;
      top: 16px;
      color: #ffffff;
      font-family: 'BebasNeue-Regular';
      letter-spacing: 0.05em;
      -ms-flex-align: baseline;
          align-items: baseline;
      gap: 6px;
      background: rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 25px 6px rgba(0, 0, 0, 0.3);
      width: fit-content;
      padding: 3px 10px;
      border-radius: 4px; }
      .cp-modal.modal-show.pdp-popup-container .whatsapp-chat-btn .product-name .bike-code {
        font-size: 15px; }
    .cp-modal.modal-show.pdp-popup-container .whatsapp-chat-btn .whatsapp-chat-btn-wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      gap: 45px;
      border: 1px solid #1c5c14;
      padding: 8px;
      border-radius: 4px;
      color: white;
      text-transform: capitalize;
      font-size: 16px;
      font-weight: 600;
      background: #1c5c14; }
      .cp-modal.modal-show.pdp-popup-container .whatsapp-chat-btn .whatsapp-chat-btn-wrap img {
        width: 35px; }
      .cp-modal.modal-show.pdp-popup-container .whatsapp-chat-btn .whatsapp-chat-btn-wrap .text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column; }
        .cp-modal.modal-show.pdp-popup-container .whatsapp-chat-btn .whatsapp-chat-btn-wrap .text span {
          font-size: 10px;
          text-align: center; }
  .cp-modal.modal-show.pdp-popup-container .modal-dialog {
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    right: auto;
    height: auto !important; }
    .cp-modal.modal-show.pdp-popup-container .modal-dialog .modal-content {
      background: linear-gradient(to bottom, #2a2a2c 0%, #595a5e 34%, #2a2a2c 100%); }

.cp-modal.typ-notiyfy.modal-show {
  right: 0;
  margin: 0 auto;
  left: 0%;
  transform: translate(0%, -20%);
  height: 100%; }

.cp-modal.typ-notiyfy .modal-content {
  padding: 2.4rem; }

.cp-modal.typ-notiyfy .button-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 1.4rem; }
  .cp-modal.typ-notiyfy .button-wrap .btn-default.disabled {
    background-color: #dedede; }

.cp-modal.typ-notiyfy .input-wrap {
  position: relative;
  margin: 3.4rem 0 0;
  padding: 0;
  display: block; }
  .cp-modal.typ-notiyfy .input-wrap .input {
    max-width: 30rem;
    position: relative;
    padding: 2rem 0 3rem;
    text-align: left; }
    .cp-modal.typ-notiyfy .input-wrap .input label {
      position: absolute;
      left: 0;
      top: 2.2rem;
      font-size: 1.8rem;
      line-height: 1.6rem;
      color: #666666;
      transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      font-family: "Barlow-Regular"; }
    .cp-modal.typ-notiyfy .input-wrap .input .inputDefault {
      width: 100%;
      box-sizing: border-box;
      box-shadow: none;
      outline: none;
      border: none;
      font-size: 1.8rem;
      line-height: 1.8rem;
      background: transparent;
      color: #3f4351;
      border-bottom: 1px solid #979797;
      font-family: "Barlow-Regular";
      padding: 0.6rem 0; }
      .cp-modal.typ-notiyfy .input-wrap .input .inputDefault:focus ~ label,
      .cp-modal.typ-notiyfy .input-wrap .input .inputDefault:valid ~ label {
        top: 0;
        font-size: 1.4rem;
        line-height: 1.4rem;
        margin-bottom: 0.5rem; }
    .cp-modal.typ-notiyfy .input-wrap .input.error .error-wrap {
      display: inline-block; }
    .cp-modal.typ-notiyfy .input-wrap .input.valid label {
      top: 0.5rem;
      font-size: 1.4rem;
      line-height: 1.4rem; }
    .cp-modal.typ-notiyfy .input-wrap .input .error-wrap {
      text-align: left;
      margin-top: 0.5rem;
      font-size: 1.2rem;
      line-height: 1.2rem;
      color: #a80000;
      padding: 0.5rem 1rem;
      background: #f1f1f1;
      border-radius: 15px;
      font-family: "Barlow-Medium";
      font-style: italic;
      display: none;
      position: absolute;
      left: 0;
      bottom: 0; }
      .cp-modal.typ-notiyfy .input-wrap .input .error-wrap .icon-info {
        margin-right: 0.7rem; }

.cp-modal.typ-video .modal-content {
  padding: 2rem; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-video .modal-content {
      padding: 1rem; } }

.cp-modal.typ-video .video-container iframe {
  width: 100%; }

.cp-modal.typ-video .js-close {
  color: #fff;
  position: absolute;
  right: 0rem;
  font-size: 2.5rem;
  top: -4rem;
  font-family: "Barlow-Bold";
  line-height: 3rem; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-video .js-close {
      right: 0; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .cp-modal.typ-video .js-close {
      right: 0; } }

@media screen and (max-width: 767px) {
  .cp-modal.typ-video.modal-show {
    top: 50%;
    left: 1rem;
    right: 1rem;
    transform: translateY(-50%); } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .cp-modal.typ-video.modal-show {
    top: 20%;
    left: 1rem;
    right: 1rem;
    transform: translateY(-20%); } }

.cp-modal.typ-video.modal-show .modal-dialog {
  transform: translateY(-50%);
  left: 0;
  right: 0; }

.cp-modal.typ-kit .modal-dialog {
  width: 94%;
  right: 0;
  margin: 0px auto; }

.cp-modal.typ-buy .modal-dialog {
  width: 50rem; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-buy .modal-dialog {
      width: 100%;
      left: 0;
      right: 0;
      bottom: 0;
      transform: none;
      top: auto; } }

.cp-modal.typ-buy .modal-content {
  padding: 2.2rem 3.3rem; }
  @media only screen and (max-width: 1024px) {
    .cp-modal.typ-buy .modal-content {
      padding: 1.4rem 3.4rem; } }

@media screen and (max-width: 767px) {
  .cp-modal.typ-buy {
    bottom: -100%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    top: auto; }
    .cp-modal.typ-buy.modal-show {
      top: 0;
      left: 0;
      bottom: 0;
      transform: none; }
      .cp-modal.typ-buy.modal-show .modal-dialog {
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
        top: auto; } }

.cp-modal.typ-compare {
  right: 0;
  margin: 0 auto;
  left: 0%;
  transform: translate(-25%, -40%);
  visibility: visible;
  overflow: visible; }
  .cp-modal.typ-compare .modal-dialog {
    max-width: 77.4rem;
    width: 96%; }
  @media screen and (max-width: 768px) {
    .cp-modal.typ-compare .modal-body {
      height: 350px;
      overflow-y: scroll; } }
  .cp-modal.typ-compare .modal-content {
    padding: 7rem; }
    @media screen and (max-width: 768px) {
      .cp-modal.typ-compare .modal-content {
        padding: 2rem; } }
  .cp-modal.typ-compare .modal-title {
    font-size: 1.6rem;
    color: #3f4351;
    font-family: "Barlow-Bold";
    text-align: center; }
  .cp-modal.typ-compare .btn-default {
    padding: 0;
    width: 20.3rem;
    height: 5rem;
    text-align: center;
    -ms-flex-align: center;
        align-items: center;
    font-size: 1.6rem; }
  .cp-modal.typ-compare .bikecompareList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 3rem; }
  .cp-modal.typ-compare .listitem {
    width: 50%; }
    @media screen and (max-width: 768px) {
      .cp-modal.typ-compare .listitem {
        width: 100%; } }
  .cp-modal.typ-compare .cp-radio-box .radio label {
    font-family: "Barlow-Medium"; }

.cp-modal.typ-emi .modal-content {
  background: #ffffff url(../../../../../static/default/assets/images/size_chart_bg.svg) no-repeat top 3.4rem right 3.4rem;
  background-size: 28rem;
  padding: 3.4rem; }

.cp-modal.typ-emi .modal-title {
  margin-bottom: 2rem; }

.cp-modal.typ-emi .desc {
  margin-bottom: 1.5rem; }

.cp-modal.typ-emi .act-btn {
  text-align: right; }

.cp-modal.typ-emi .table-wrap {
  position: relative;
  overflow-y: auto; }
  .cp-modal.typ-emi .table-wrap .mCSB_inside > .mCSB_container {
    margin-right: 8px; }

.cp-modal.typ-emi .chart-table {
  box-shadow: 0 0 0.7rem rgba(209, 209, 209, 0.5);
  width: 100%;
  text-align: center;
  border-radius: 0.7rem;
  -webkit-border-radius: 0.7rem;
  -moz-border-radius: 0.7rem;
  border: 1px solid #d8d8d8;
  border-collapse: inherit;
  border-spacing: inherit;
  margin-bottom: 2.5rem;
  background: #ffffff;
  position: relative;
  display: block;
  overflow: auto;
  height: 350px;
  width: 100%; }
  .cp-modal.typ-emi .chart-table tr:nth-of-type(odd) {
    background: #F6F6F6; }
    .cp-modal.typ-emi .chart-table tr:nth-of-type(odd) td:first-of-type {
      background: #e6e5e5; }
  .cp-modal.typ-emi .chart-table tr:nth-of-type(even) td:first-of-type {
    background: #f0efef; }
  .cp-modal.typ-emi .chart-table tr:first-of-type th:first-of-type {
    border-top-left-radius: 7px;
    background: #f0efef; }
  .cp-modal.typ-emi .chart-table tr:first-of-type th:last-of-type {
    border-top-right-radius: 7px; }
  .cp-modal.typ-emi .chart-table tr:last-of-type td {
    font-family: "Barlow-Regular"; }
    .cp-modal.typ-emi .chart-table tr:last-of-type td:first-of-type {
      border-bottom-left-radius: 7px; }
    .cp-modal.typ-emi .chart-table tr:last-of-type td:last-of-type {
      border-bottom-right-radius: 7px; }
  .cp-modal.typ-emi .chart-table th,
  .cp-modal.typ-emi .chart-table td {
    font-size: 1.2rem;
    color: #3f4351;
    height: 4rem;
    vertical-align: middle;
    text-transform: uppercase;
    border-right: 1px solid #e8e8e8 !important;
    padding: 1rem;
    width: 10%; }
  .cp-modal.typ-emi .chart-table th strong,
  .cp-modal.typ-emi .chart-table td strong {
    font-family: "Barlow-Bold"; }
  .cp-modal.typ-emi .chart-table th:last-of-type,
  .cp-modal.typ-emi .chart-table td:last-of-type {
    border-right: 0;
    padding-right: 2rem; }
  .cp-modal.typ-emi .chart-table th:first-of-type,
  .cp-modal.typ-emi .chart-table td:first-of-type {
    min-width: 14rem;
    box-shadow: -10px 0 10px 0 rgba(209, 209, 209, 0.3) inset; }
  .cp-modal.typ-emi .chart-table th {
    font-family: "Barlow-Bold";
    background: #ffffff; }
  .cp-modal.typ-emi .chart-table td {
    font-family: "Barlow-Regular"; }

.quickViewModelBuyModal {
  top: 0 !important;
  left: 0 !important;
  transform: initial !important; }
  .quickViewModelBuyModal::after {
    content: "";
    background: rgba(0, 0, 0, 0.75);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    width: 100%;
    height: 100%; }
  .quickViewModelBuyModal .modal-dialog {
    z-index: 99; }

.top-fixed {
  position: sticky;
  top: 0px;
  z-index: 999; }

@media screen and (max-width: 767px) {
  .left-fixed {
    position: sticky;
    left: 0; } }

.Line-1 {
  width: 2.6rem;
  margin: 0rem 0rem 2.8rem 0.5rem;
  border: 1px solid black; }

.Line-2 {
  width: 2.6rem;
  margin: 0rem 0rem 2.8rem 17rem;
  border: 1px solid black; }
  @media screen and (max-width: 767px) {
    .Line-2 {
      margin: 0rem 0rem 2.8rem 15.5rem; } }

.hide-error #number-error,
.hide-error #name-error,
.hide-error #pinCode-error {
  display: none !important; }

.cp-modal.fade {
  z-index: 1050; }
  @media only screen and (min-width: 768px) {
    .cp-modal.fade {
      overflow: initial; } }

.cp-modal .modal-title {
  color: #3f4351; }

.cp-modal.typ-sm .modal-dialog .modal-content .input-wrap .input label {
  font-family: "Barlow-Light"; }

.cp-modal.typ-buy.modal-show {
  z-index: 1044; }

.cp-modal.typ-buy .modal-dialog .cp-buy-prodcut .prod-info a.btn.btn-link {
  font-family: "Barlow-ExtraBold"; }

.cp-modal.typ-buy .modal-dialog .cp-buy-prodcut .prod-requirment {
  border-top: 0.2px solid #979797;
  border-bottom: 0.2px solid #979797; }

.cp-modal.typ-buy .modal-dialog .cp-buy-prodcut .color.label-field {
  margin-left: 0.5rem; }

.cp-modal.typ-buy .modal-dialog .cp-buy-prodcut .color-attribute {
  margin-left: 0.5rem; }

.cp-modal.typ-kit .modal-content {
  padding: 3rem; }

.cp-modal .sub-title {
  font-size: 1.4rem;
  margin-top: 1.3rem;
  margin-bottom: 1.2rem;
  color: #3f4351;
  text-align: left; }

.cp-modal.typ-sizechart .size-info-left .ft-inchs-msg {
  display: none;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #a80000 !important;
  margin-top: 0.5rem; }
  .cp-modal.typ-sizechart .size-info-left .ft-inchs-msg.is-active {
    display: block;
    color: #a80000; }

.cp-modal.typ-sizechart .ft-inchs-inp {
  display: none;
  margin-right: 1rem; }
  .cp-modal.typ-sizechart .ft-inchs-inp .size-input {
    width: 3rem;
    text-align: center;
    margin-right: 0.5rem; }
    @media only screen and (max-width: 768px) {
      .cp-modal.typ-sizechart .ft-inchs-inp .size-input {
        width: 4rem; } }
  .cp-modal.typ-sizechart .ft-inchs-inp.is-active {
    display: block; }

.cp-modal.typ-sizechart .size-cm.is-inactive {
  display: none; }

.cp-modal.typ-sizechart .chart-table tr:first-of-type td {
  color: #adadad; }
  .cp-modal.typ-sizechart .chart-table tr:first-of-type td:first-of-type {
    color: #3f4351; }

.cp-modal.typ-sizechart .chart-table tr:nth-of-type(odd) {
  background: #f6f6f6; }
  .cp-modal.typ-sizechart .chart-table tr:nth-of-type(odd) td:first-of-type {
    background: #bdbdbd; }

.cp-modal.typ-sizechart .chart-table tr:last-of-type td {
  font-family: "Barlow-Regular"; }
  .cp-modal.typ-sizechart .chart-table tr:last-of-type td:first-of-type {
    border-bottom-left-radius: 7px; }
  .cp-modal.typ-sizechart .chart-table tr:last-of-type td:last-of-type {
    border-bottom-right-radius: 7px; }

.cp-modal.typ-sizechart .switch .switch-label {
  text-transform: uppercase; }

.cp-modal.typ-sizechart .modal-content.wheelSize-modal .modal-title {
  font-size: 1.8rem;
  font-family: "Barlow-Regular"; }
  @media only screen and (max-width: 768px) {
    .cp-modal.typ-sizechart .modal-content.wheelSize-modal .modal-title {
      font-size: 1.4rem;
      font-family: "Barlow-Light"; } }

.cp-modal.typ-notiyfy {
  font-size: 1.9rem; }
  .cp-modal.typ-notiyfy .input-wrap .input label {
    font-size: 1.4rem; }

.cp-modal.fade.return-popup {
  z-index: 999; }

.cp-modal.deletecartproductmodal .modal-body {
  text-align: center; }
  .cp-modal.deletecartproductmodal .modal-body .delete-confirmation-body {
    font-size: 2.1rem;
    margin-bottom: 2rem; }
  .cp-modal.deletecartproductmodal .modal-body .product-to-remove {
    font-family: "Barlow-SemiBold";
    color: #3f4351;
    font-size: 2.7rem;
    margin-top: 2rem; }
  .cp-modal.deletecartproductmodal .modal-body .btn {
    min-width: 8.8rem;
    min-width: 10rem; }

.cp-modal.typ-cancelOrder .cp-form.profile-form .cp-form-list .form-item.full-width .inputDefault {
  width: 97%; }
  .cp-modal.typ-cancelOrder .cp-form.profile-form .cp-form-list .form-item.full-width .inputDefault.selectCheck {
    -webkit-appearance: none;
    background-image: url("../assets/images/angle-down-solid.svg");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 2%; }

.cp-modal.typ-cancelOrder .order-txt {
  margin-bottom: 3.2rem;
  font-family: "Barlow-Bold";
  font-size: 2rem;
  letter-spacing: 0.4px;
  color: #000000; }

.cp-modal.typ-cancelOrder .no-forChar {
  font-family: "Barlow-Light";
  font-size: 1.4rem;
  color: #3f4351; }

.cp-modal.typ-cancelOrder .modal-header {
  display: -ms-flexbox;
  display: flex; }
  .cp-modal.typ-cancelOrder .modal-header .icon-cancel {
    color: #3f4351;
    cursor: pointer; }

.cp-modal.typ-cancelOrder .modal-title {
  font-size: 3.2rem;
  line-height: 3.4rem;
  margin-bottom: 4.4rem;
  color: #3f4351; }

.cp-modal.typ-cancelOrder .btn-wrapper {
  width: max-content;
  margin: 0 0 0 auto;
  display: block; }

.cp-modal.typ-cancelOrder .no-forChar {
  font-family: "Barlow-Light";
  font-size: 1.4rem;
  color: #3f4351; }

@media only screen and (max-width: 768px) {
  .cp-modal.typ-addAdressPopUp {
    width: 33.5rem;
    display: block;
    margin: auto; } }

.cp-modal.typ-addAdressPopUp .modal-dialog {
  margin-top: 4rem; }
  @media only screen and (max-width: 768px) {
    .cp-modal.typ-addAdressPopUp .modal-dialog {
      width: 70.8rem;
      height: 65rem;
      display: block;
      margin: auto;
      margin-top: 0rem; } }

.cp-modal.typ-addAdressPopUp .modal-body {
  overflow-y: initial !important; }

.cp-modal.typ-addAdressPopUp .modal-content {
  overflow-y: auto;
  padding-bottom: 7rem; }
  @media only screen and (min-width: 1024px) {
    .cp-modal.typ-addAdressPopUp .modal-content {
      height: 87vh; } }

.cp-modal.typ-addAdressPopUp .order-txt {
  margin-bottom: 3.2rem;
  font-family: "Barlow-Bold";
  font-size: 2rem;
  letter-spacing: 0.4px;
  color: #000000; }

.cp-modal.typ-addAdressPopUp .no-forChar {
  font-family: "Barlow-Light";
  font-size: 1.4rem;
  color: #3f4351; }

.cp-modal.typ-addAdressPopUp .modal-header {
  display: -ms-flexbox;
  display: flex; }
  .cp-modal.typ-addAdressPopUp .modal-header .icon-cancel {
    color: #3f4351;
    cursor: pointer; }

.cp-modal.typ-addAdressPopUp .modal-title {
  font-size: 2.4rem;
  line-height: 2.08rem;
  margin-bottom: 4.4rem;
  color: #3f4351; }
  @media only screen and (max-width: 768px) {
    .cp-modal.typ-addAdressPopUp .modal-title {
      font-size: 2.4rem; } }

.cp-modal.typ-addAdressPopUp .btn-wrapper {
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 100%;
  padding: 1.8rem 3.5rem;
  box-shadow: 0 -5px 19px -2px rgba(167, 167, 167, 0.5); }
  .cp-modal.typ-addAdressPopUp .btn-wrapper button.btn-popupclose {
    margin-top: 0rem;
    min-width: 10rem;
    padding: 1.06rem 3.72rem; }
  .cp-modal.typ-addAdressPopUp .btn-wrapper button.addShippingAddress,
  .cp-modal.typ-addAdressPopUp .btn-wrapper button.addBillingAddress {
    margin-top: 0rem;
    display: -ms-flexbox;
    display: flex;
    width: max-content;
    text-align: center;
    -ms-flex-align: center;
        align-items: center;
    padding: 1.06rem 2.12rem;
    z-index: 3; }
  @media only screen and (max-width: 768px) {
    .cp-modal.typ-addAdressPopUp .btn-wrapper {
      width: 89%;
      bottom: 0.4rem;
      left: 2rem;
      border-bottom-left-radius: 0.4rem;
      border-bottom-right-radius: 0.4rem;
      -ms-flex-pack: center;
          justify-content: center; } }

.cp-modal.typ-addAdressPopUp .act-btn .editShippingAddress {
  width: max-content; }

.cp-modal.typ-compare .bs-radio .cp-radio-box {
  margin-bottom: 1.8rem; }
  .cp-modal.typ-compare .bs-radio .cp-radio-box .radio {
    margin-bottom: 0; }

.cp-modal.typ-emi.modal-show {
  z-index: 1144;
  top: 3rem; }

.cp-modal.typ-emi .desc {
  margin-bottom: 0.4rem !important; }

.cp-modal.typ-emi .modal-content .table-bordered th,
.cp-modal.typ-emi .modal-content .table-bordered td {
  border: none; }

.cp-modal.typ-emi .modal-content .modal-title {
  font-family: "RobotoCondensed-Bold"; }

.cp-modal.typ-emi .modal-content tr:first-of-type th:first-of-type {
  color: #1b1b1b; }

.cp-modal.typ-emi .modal-content tr,
.cp-modal.typ-emi .modal-content td,
.cp-modal.typ-emi .modal-content th {
  color: #1b1b1b; }

.cp-modal.typ-emi .modal-content .modal-header .cm-regular {
  font-family: "RobotoCondensed-Bold"; }

.cp-modal.typ-emi .modal-content .modal-cards {
  display: -ms-flexbox;
  display: flex; }
  .cp-modal.typ-emi .modal-content .modal-cards .desc {
    cursor: pointer;
    margin-right: 0;
    padding: 0;
    font-size: 2.1rem;
    font-family: "Barlow-Medium";
    z-index: 1050;
    color: #ef5323; }
    @media only screen and (max-width: 768px) {
      .cp-modal.typ-emi .modal-content .modal-cards .desc {
        font-size: 1.7rem; } }
    .cp-modal.typ-emi .modal-content .modal-cards .desc.active {
      color: #3f4351;
      font-family: "Barlow-Bold"; }
      @media only screen and (max-width: 768px) {
        .cp-modal.typ-emi .modal-content .modal-cards .desc.active {
          color: #3f4351; } }

.cp-modal.typ-emi .modal-cards {
  display: -ms-flexbox;
  display: flex; }

.cp-modal.typ-emi .desc {
  cursor: pointer;
  margin-right: 4rem;
  font-size: 2.1rem;
  font-family: "Barlow-Medium";
  z-index: 1050;
  color: #ef5323; }
  .cp-modal.typ-emi .desc.active {
    color: #3f4351;
    font-family: "Barlow-Bold"; }

.wheelSize-modal .custom-scrollbar {
  max-height: 30rem; }
  @media only screen and (max-width: 768px) {
    .wheelSize-modal .custom-scrollbar {
      max-height: 22rem; } }

.overflow-hidden {
  overflow: hidden; }

.productDetailsQuickView {
  padding: 0; }
  .productDetailsQuickView .swatch-circle {
    width: 1.6rem;
    height: 1.6rem;
    background: #ffffff;
    border-radius: 50%;
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-right: 0.313em;
    position: relative; }
    .productDetailsQuickView .swatch-circle.color-value.selected::after {
      width: 2.2rem;
      height: 2.2rem;
      content: "";
      border: 1px solid #ffffff;
      border-radius: 30rem;
      background-color: transparent;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.deletePopUpFlex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: baseline;
      align-items: baseline; }
  .deletePopUpFlex button {
    height: max-content;
    width: max-content;
    padding: 1rem 2rem; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield; }

.modal-backdrop  {
  z-index:  9; }

.cp-modal.fade {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  outline: 0; }

.cp-modal.modal-show {
  opacity: 1;
  visibility: visible;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -20%);
  transition: opacity 0.1s ease-in-out;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out; }
  .cp-modal.modal-show .modal-dialog {
    transform: translate(-50%, -50%); }

.cp-modal .ft-inchs-inp {
  font-family: "Barlow-Regular" !important; }

.cp-modal .modal-body {
  -ms-flex: none;
      flex: none;
  padding: 0; }

.cp-modal .modal-dialog {
  max-width: 100%;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -75%);
  transition: transform .3s ease-out; }

.cp-modal .modal-header {
  display: block;
  text-align: center;
  border: 0;
  padding: 0; }

.cp-modal .modal-title {
  font-size: 1.89474rem;
  line-height: 2rem;
  font-family: "Barlow-Bold";
  margin-bottom: 3.5rem;
  text-align: left;
  color: #000000;
  text-transform: uppercase; }

.cp-modal .desc {
  font-size: 1.4rem;
  line-height: 1.9rem;
  font-family: "Barlow-Regular";
  color: #3f4351;
  text-align: left; }
  .cp-modal .desc.light {
    font-family: "Barlow-Light"; }

.cp-modal .modal-content {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  pointer-events: auto;
  background: #ffffff;
  width: 100%;
  border: 0;
  outline: 0;
  padding: 3.4rem; }

@media screen and (max-width: 767px) {
  .cp-modal.typ-md {
    left: 0;
    overflow-y: auto;
    top: 5.6rem;
    z-index: 100;
    bottom: 0;
    transform: none; } }

.cp-modal.typ-md .modal-dialog {
  width: 71rem; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-md .modal-dialog {
      width: 100%;
      transform: none;
      left: 0;
      top: 0; } }

.cp-modal.typ-md .modal-content {
  padding: 2rem; }

.cp-modal.typ-sm .modal-dialog {
  width: 48rem; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-sm .modal-dialog {
      width: 96%; } }

.cp-modal.typ-sizechart .modal-content {
  background-size: 28rem;
  padding: 3.4rem; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-sizechart .modal-content {
      padding: 2rem;
      background: #ffffff url(../../../../../static/default/assets/images/size_chart_bg.png) no-repeat top 11rem right -2rem;
      background-size: 20rem;
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0; }
      .cp-modal.typ-sizechart .modal-content .modal-title {
        font-size: 1.8rem;
        line-height: 2.1rem;
        position: relative; }
      .cp-modal.typ-sizechart .modal-content .back-icon {
        position: absolute;
        top: 5px;
        left: 0rem;
        transform: rotate(180deg);
        color: #f8673b;
        cursor: pointer;
        font-size: 1rem;
        line-height: 1rem; }
      .cp-modal.typ-sizechart .modal-content .title {
        font-size: 1.4rem;
        padding-left: 0; }
      .cp-modal.typ-sizechart .modal-content .cm-regular {
        font-family: "Barlow"; } }

.cp-modal.typ-sizechart .desc {
  font-size: 1.2rem;
  line-height: 1.8rem; }

.cp-modal.typ-sizechart .table-wrap {
  position: relative;
  overflow-x: auto;
  white-space: nowrap; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-sizechart .table-wrap {
      width: 50rem;
      box-shadow: -10px 0 10px 0 rgba(255, 255, 255, 0.5) inset; } }

.cp-modal.typ-sizechart .chart-table {
  box-shadow: 0 0 0.7rem rgba(209, 209, 209, 0.5);
  width: 100%;
  text-align: center;
  border-radius: 0.7rem;
  -webkit-border-radius: 0.7rem;
  -moz-border-radius: 0.7rem;
  border: 1px solid #d8d8d8;
  border-collapse: inherit;
  border-spacing: inherit;
  margin-bottom: 2.5rem;
  background: #ffffff;
  position: relative; }
  .cp-modal.typ-sizechart .chart-table tr:nth-of-type(odd) {
    background: #f6f6f6; }
    .cp-modal.typ-sizechart .chart-table tr:nth-of-type(odd) td:first-of-type {
      background: #e6e5e5; }
  .cp-modal.typ-sizechart .chart-table tr:nth-of-type(even) td:first-of-type {
    background: #f0efef; }
  .cp-modal.typ-sizechart .chart-table tr:first-of-type th:first-of-type {
    border-top-left-radius: 7px;
    background: #f0efef; }
  .cp-modal.typ-sizechart .chart-table tr:first-of-type th:last-of-type {
    border-top-right-radius: 7px; }
  .cp-modal.typ-sizechart .chart-table tr:last-of-type td {
    font-family: "Barlow-Regular"; }
    .cp-modal.typ-sizechart .chart-table tr:last-of-type td:first-of-type {
      border-bottom-left-radius: 7px; }
    .cp-modal.typ-sizechart .chart-table tr:last-of-type td:last-of-type {
      border-bottom-right-radius: 7px; }
  .cp-modal.typ-sizechart .chart-table tr:hover td {
    background: #ffc8b7;
    color: #3f4351;
    font-family: "Barlow-Bold"; }
    .cp-modal.typ-sizechart .chart-table tr:hover td:first-of-type {
      background: #ff8d6a; }
  .cp-modal.typ-sizechart .chart-table th,
  .cp-modal.typ-sizechart .chart-table td {
    font-size: 1.2rem;
    color: #3f4351;
    height: 4rem;
    vertical-align: middle;
    text-transform: uppercase;
    border-right: 1px solid #e8e8e8; }
    .cp-modal.typ-sizechart .chart-table th strong,
    .cp-modal.typ-sizechart .chart-table td strong {
      font-family: "Barlow-Bold"; }
    .cp-modal.typ-sizechart .chart-table th:last-of-type,
    .cp-modal.typ-sizechart .chart-table td:last-of-type {
      border-right: 0;
      padding-right: 2rem; }
    .cp-modal.typ-sizechart .chart-table th:first-of-type,
    .cp-modal.typ-sizechart .chart-table td:first-of-type {
      min-width: 14rem;
      box-shadow: -10px 0 10px 0 rgba(209, 209, 209, 0.3) inset; }
      @media screen and (max-width: 767px) {
        .cp-modal.typ-sizechart .chart-table th:first-of-type,
        .cp-modal.typ-sizechart .chart-table td:first-of-type {
          min-width: inherit; } }
  .cp-modal.typ-sizechart .chart-table th {
    font-family: "Barlow-Bold";
    background: #ffffff; }
  .cp-modal.typ-sizechart .chart-table td {
    font-family: "Barlow-Regular"; }

.cp-modal.typ-sizechart .size {
  font-size: 1.4rem;
  color: #f8673b;
  font-family: "Barlow-Bold";
  text-align: left;
  margin-top: 0.5rem; }

.cp-modal.typ-sizechart .disclaimer-wrap {
  text-align: left;
  margin-top: 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-sizechart .disclaimer-wrap {
      -ms-flex-direction: column;
          flex-direction: column; } }
  .cp-modal.typ-sizechart .disclaimer-wrap .desc {
    margin-right: 3.1rem;
    line-height: 1.2rem; }
    @media screen and (max-width: 767px) {
      .cp-modal.typ-sizechart .disclaimer-wrap .desc {
        margin-bottom: 2rem;
        margin-right: 0; } }
  .cp-modal.typ-sizechart .disclaimer-wrap .btn {
    min-width: 10.9rem; }

.cp-modal.typ-sizechart .size-info-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: left;
      justify-content: left;
  margin-top: 3rem;
  margin-bottom: 3rem; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-sizechart .size-info-wrap {
      -ms-flex-direction: column;
          flex-direction: column; } }
  .cp-modal.typ-sizechart .size-info-wrap .size-info-left {
    width: 40%;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .cp-modal.typ-sizechart .size-info-wrap .size-info-left {
        margin-bottom: 3rem; } }
    .cp-modal.typ-sizechart .size-info-wrap .size-info-left .desc {
      padding-bottom: 0.5rem; }
  .cp-modal.typ-sizechart .size-info-wrap .size-info-right {
    width: 50%; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-sizechart .size-info-wrap .size-info-left,
    .cp-modal.typ-sizechart .size-info-wrap .size-info-right {
      width: 100%; } }
  .cp-modal.typ-sizechart .size-info-wrap .input-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: start;
    -ms-flex-align: end;
        align-items: flex-end;
    margin-right: 1rem; }
  .cp-modal.typ-sizechart .size-info-wrap .size-input {
    font-size: 2.1rem;
    color: #3f4351;
    font-family: "Barlow-Bold";
    text-align: left;
    width: 3.5rem;
    border-bottom: 1px solid #3f4351;
    padding-bottom: 0.5rem;
    margin-right: 1rem; }
  .cp-modal.typ-sizechart .size-info-wrap .input-label {
    margin-right: 1rem; }

.cp-modal.typ-sizechart .frame-input-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: end;
      align-items: flex-end; }
  .cp-modal.typ-sizechart .frame-input-wrap .btn.btn-default {
    padding: 0.5rem 1.6rem; }
  .cp-modal.typ-sizechart .frame-input-wrap.hide {
    display: none; }

.cp-modal.typ-sizechart .switch {
  display: inline-block;
  position: relative;
  background: #ffffff;
  border: 1px solid #c2c2c2;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  height: 28px;
  width: 130px;
  margin: 0;
  margin-bottom: 2rem; }
  .cp-modal.typ-sizechart .switch .switch-input {
    display: none; }
  .cp-modal.typ-sizechart .switch .switch-label {
    float: left;
    width: 50%;
    font-size: 12px;
    color: #3f4351;
    text-align: center;
    cursor: pointer;
    position: inherit;
    z-index: 1;
    padding: 5px 10px;
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform; }
  .cp-modal.typ-sizechart .switch .switch-toggle {
    position: absolute;
    float: left;
    height: 28px;
    width: 50%;
    font-size: 12px;
    line-height: 14px;
    cursor: pointer;
    background: #3f4351;
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    left: -1px;
    top: -1px;
    transition: left 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform; }
  .cp-modal.typ-sizechart .switch .switch-input:checked + .switch-label {
    color: #ffffff; }
  .cp-modal.typ-sizechart .switch .switch-input2:checked ~ .switch-toggle {
    left: 65px; }

.cp-modal.typ-sizechart .shadow-box {
  display: none;
  border-radius: 4px;
  box-shadow: 0 0 9px 5px rgba(179, 179, 179, 0.18);
  border: solid 1px #979797;
  background-color: #ffffff;
  padding: 1.5rem 2rem;
  text-align: center; }
  .cp-modal.typ-sizechart .shadow-box .desc {
    text-align: center;
    font-family: "Barlow-Bold" !important; }
    .cp-modal.typ-sizechart .shadow-box .desc span {
      text-align: center; }

.cp-modal.typ-notiyfy.modal-show {
  right: 0;
  margin: 0 auto;
  left: 0%;
  transform: translate(0%, -20%);
  height: 100%; }

.cp-modal.typ-notiyfy .modal-content {
  padding: 2.4rem; }

.cp-modal.typ-notiyfy .button-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 1.4rem; }
  .cp-modal.typ-notiyfy .button-wrap .btn-default.disabled {
    background-color: #dedede;
    cursor: no-drop; }

.cp-modal.typ-notiyfy .input-wrap {
  position: relative;
  margin: 3.4rem 0 0;
  padding: 0;
  display: block; }
  .cp-modal.typ-notiyfy .input-wrap .input {
    max-width: 30rem;
    position: relative;
    padding: 2rem 0 3rem;
    text-align: left; }
    .cp-modal.typ-notiyfy .input-wrap .input label {
      position: absolute;
      left: 0;
      top: 2.2rem;
      font-size: 1.8rem;
      line-height: 1.6rem;
      color: #666666;
      transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      font-family: "Barlow-Regular"; }
    .cp-modal.typ-notiyfy .input-wrap .input .inputDefault {
      width: 100%;
      box-sizing: border-box;
      box-shadow: none;
      outline: none;
      border: none;
      font-size: 1.8rem;
      line-height: 1.8rem;
      background: transparent;
      color: #3f4351;
      border-bottom: 1px solid #979797;
      font-family: "Barlow-Regular";
      padding: 0.6rem 0; }
      .cp-modal.typ-notiyfy .input-wrap .input .inputDefault:focus ~ label,
      .cp-modal.typ-notiyfy .input-wrap .input .inputDefault:valid ~ label {
        top: 0;
        font-size: 1.4rem;
        line-height: 1.4rem;
        margin-bottom: .5rem; }
    .cp-modal.typ-notiyfy .input-wrap .input.error .error-wrap {
      display: inline-block; }
    .cp-modal.typ-notiyfy .input-wrap .input.valid label {
      top: 0.5rem;
      font-size: 1.4rem;
      line-height: 1.4rem; }
    .cp-modal.typ-notiyfy .input-wrap .input .error-wrap {
      text-align: left;
      margin-top: .5rem;
      font-size: 1.2rem;
      line-height: 1.2rem;
      color: #a80000;
      padding: 0.5rem 1rem;
      background: #f1f1f1;
      border-radius: 15px;
      font-family: "Barlow-Medium";
      font-style: italic;
      display: none;
      position: absolute;
      left: 0;
      bottom: 0; }
      .cp-modal.typ-notiyfy .input-wrap .input .error-wrap .icon-info {
        margin-right: 0.7rem; }

.cp-modal.bookNowModal.typ-notiyfy {
  right: 0;
  margin: 0 auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  z-index: 1234;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .cp-modal.bookNowModal.typ-notiyfy {
      width: 90%; } }
  .cp-modal.bookNowModal.typ-notiyfy .modal-dialog {
    width: 35rem;
    height: 48rem; }
  .cp-modal.bookNowModal.typ-notiyfy .button-wrap {
    -ms-flex-pack: center;
        justify-content: center; }

.cp-modal.typ-deletitem .modal-header {
  text-align: left; }

.cp-modal.typ-deletitem .modal-title {
  color: #3f4351; }

.cp-modal.typ-deletitem .btn-outline,
.cp-modal.typ-deletitem .btn-default {
  padding: 1.1rem 2.8rem; }

.cp-modal.typ-video .modal-content {
  padding: 2rem; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-video .modal-content {
      padding: 1rem; } }

.cp-modal.typ-video .video-container iframe {
  width: 100%;
  height: 50rem; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-video .video-container iframe {
      height: 32rem; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .cp-modal.typ-video .video-container iframe {
      height: 40rem; } }

.cp-modal.typ-video .js-close {
  color: #000;
  position: absolute;
  right: 1rem;
  font-size: 1.5rem;
  top: 4rem;
  font-family: 'Barlow-Bold';
  line-height: 3rem; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-video .js-close {
      right: 0;
      top: 0rem; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .cp-modal.typ-video .js-close {
      right: 0; } }

@media screen and (max-width: 767px) {
  .cp-modal.typ-video.modal-show {
    top: 50%;
    left: 1rem;
    right: 1rem;
    transform: translateY(-50%); } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .cp-modal.typ-video.modal-show {
    top: 20%;
    left: 1rem;
    right: 1rem;
    transform: translateY(-20%); } }

.cp-modal.typ-video.modal-show .modal-dialog {
  transform: translateY(-50%);
  left: 0;
  right: 0; }

@media screen and (min-device-height: 100px) and (max-device-height: 700px) and (orientation: landscape) {
  .cp-modal.typ-video.vimeoVideo {
    top: 50%;
    transform: translateY(-20%); } }

@media screen and (min-device-height: 100px) and (max-device-height: 700px) and (orientation: landscape) {
  .cp-modal.typ-video.vimeoVideo .modal-content {
    padding: 12rem; } }

@media screen and (min-device-height: 100px) and (max-device-height: 700px) and (orientation: landscape) {
  .cp-modal.typ-video.vimeoVideo .modal-content #vimeoVideo iframe {
    height: 15rem; } }

@media screen and (min-device-height: 100px) and (max-device-height: 700px) and (orientation: landscape) {
  .cp-modal.typ-video.vimeoVideo .js-close {
    top: 12rem; } }

.cp-modal.typ-kit .modal-dialog {
  width: 100%;
  right: 0;
  top: 54%;
  margin: 0px auto; }

.cp-modal.typ-buy .modal-dialog {
  width: 50rem; }
  @media screen and (max-width: 767px) {
    .cp-modal.typ-buy .modal-dialog {
      width: 100%;
      left: 0;
      right: 0;
      bottom: 0;
      transform: none;
      top: auto; } }

.cp-modal.typ-buy .modal-content {
  padding: 2.2rem 3.3rem; }
  @media only screen and (max-width: 768px) {
    .cp-modal.typ-buy .modal-content {
      padding: 1.4rem 3.4rem; } }

@media screen and (max-width: 767px) {
  .cp-modal.typ-buy {
    bottom: -100%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    top: auto; }
    .cp-modal.typ-buy.modal-show {
      top: 0;
      left: 0;
      bottom: 0;
      transform: none; }
      .cp-modal.typ-buy.modal-show .modal-dialog {
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
        top: auto; } }

.cp-modal.typ-cancelOrder .modal-title {
  font-size: 3.2rem;
  line-height: 3.4rem;
  margin-bottom: 4.4rem;
  color: #3f4351; }
  @media screen and (max-width: 768px) {
    .cp-modal.typ-cancelOrder .modal-title {
      font-size: 2.4rem;
      line-height: 2.4rem;
      margin-bottom: 3.2rem; } }

.cp-modal.typ-cancelOrder .no-forChar {
  font-family: "Barlow-Light";
  font-size: 1.4rem;
  color: #3f4351; }

.cp-modal.typ-cancelOrder .order-txt {
  margin-bottom: 3.2rem;
  font-family: "Barlow-Bold";
  font-size: 2rem;
  letter-spacing: 0.4px;
  color: #000000; }
  @media screen and (max-width: 768px) {
    .cp-modal.typ-cancelOrder .order-txt {
      font-size: 1.4rem;
      line-height: 1.6rem;
      margin-bottom: 2rem; } }

.cp-modal.typ-cancelOrder .btn-default {
  margin: 0 0 0 auto; }

.cp-modal.typ-eligibility .modal-content {
  padding: 2.4rem; }

.cp-modal.typ-eligibility .button-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 1.4rem; }
  .cp-modal.typ-eligibility .button-wrap .btn-default.disabled {
    background-color: #dedede; }

.cp-modal.typ-eligibility .input-wrap {
  position: relative;
  margin: 3.4rem 0 0;
  padding: 0;
  display: block; }
  .cp-modal.typ-eligibility .input-wrap .input {
    max-width: 30rem;
    position: relative;
    padding: 2rem 0 3rem;
    text-align: left; }
    .cp-modal.typ-eligibility .input-wrap .input .icon {
      font-size: 2.2rem;
      position: absolute;
      top: 2.5rem;
      right: 0;
      z-index: 1;
      color: #f8673b; }
    .cp-modal.typ-eligibility .input-wrap .input label {
      position: absolute;
      left: 0;
      top: 2.2rem;
      font-size: 1.8rem;
      line-height: 1.6rem;
      color: #666666;
      transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      font-family: "Barlow-Regular"; }
    .cp-modal.typ-eligibility .input-wrap .input .inputDefault {
      width: 100%;
      box-sizing: border-box;
      box-shadow: none;
      outline: none;
      border: none;
      font-size: 1.8rem;
      line-height: 1.8rem;
      background: transparent;
      color: #3f4351;
      border-bottom: 1px solid #979797;
      font-family: "Barlow-Regular";
      padding: 0.6rem 0; }
      .cp-modal.typ-eligibility .input-wrap .input .inputDefault:focus ~ label,
      .cp-modal.typ-eligibility .input-wrap .input .inputDefault:valid ~ label {
        top: 0;
        font-size: 1.4rem;
        line-height: 1.4rem;
        margin-bottom: .5rem; }
    .cp-modal.typ-eligibility .input-wrap .input.error .error-wrap {
      display: inline-block; }
    .cp-modal.typ-eligibility .input-wrap .input.valid label {
      top: 0.5rem;
      font-size: 1.4rem;
      line-height: 1.4rem; }
    .cp-modal.typ-eligibility .input-wrap .input .error-wrap {
      text-align: left;
      margin-top: .5rem;
      font-size: 1.2rem;
      line-height: 1.2rem;
      color: #a80000;
      padding: 0.5rem 1rem;
      background: #f1f1f1;
      border-radius: 15px;
      font-family: "Barlow-Medium";
      font-style: italic;
      display: none;
      position: absolute;
      left: 0;
      bottom: 0; }
      .cp-modal.typ-eligibility .input-wrap .input .error-wrap .icon-info {
        margin-right: 0.7rem; }

.cp-modal.typ-oops .modal-title {
  margin-bottom: 3rem; }

.cp-modal.typ-oops .modal-content {
  padding: 2.4rem; }

.cp-modal.typ-oops .desc {
  font-family: "Barlow-Medium";
  font-size: 1.8rem;
  line-height: 2rem;
  color: #3f4351;
  margin-bottom: 3rem; }

.cp-modal.typ-oops .button-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end; }
  .cp-modal.typ-oops .button-wrap .btn-default.disabled {
    background-color: #dedede; }

.cp-modal.typ-eligibilityPincode .modal-content {
  padding: 2.4rem; }

.cp-modal.typ-eligibilityPincode .modal-title {
  margin-bottom: 1rem; }

.cp-modal.typ-eligibilityPincode .desc {
  font-family: "Barlow-Regular";
  font-size: 1.6rem;
  line-height: 1.8rem;
  color: #3f4351;
  margin-bottom: 3rem; }

.cp-modal.typ-eligibilityPincode .button-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 1.4rem; }
  .cp-modal.typ-eligibilityPincode .button-wrap .btn-default.disabled {
    background-color: #dedede; }

.cp-modal.typ-compare {
  right: 0;
  margin: 0 auto;
  left: 0%;
  transform: translate(0%, -20%); }
  .cp-modal.typ-compare .modal-dialog {
    max-width: 77.4rem;
    width: 96%; }
  @media screen and (max-width: 768px) {
    .cp-modal.typ-compare .modal-body {
      height: 350px;
      overflow-y: scroll; } }
  .cp-modal.typ-compare .modal-content {
    padding: 7rem; }
    @media screen and (max-width: 768px) {
      .cp-modal.typ-compare .modal-content {
        padding: 2rem; } }
  .cp-modal.typ-compare .modal-title {
    font-size: 1.6rem;
    color: #3f4351;
    font-family: "Barlow-Bold";
    text-align: center; }
  .cp-modal.typ-compare .btn-default {
    padding: 1.8rem 6.5rem;
    font-size: 1.6rem;
    width: auto;
    margin: 0 auto; }
  .cp-modal.typ-compare .bikecompareList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 3rem; }
  .cp-modal.typ-compare .listitem {
    width: 50%; }
    @media screen and (max-width: 768px) {
      .cp-modal.typ-compare .listitem {
        width: 100%; } }
  .cp-modal.typ-compare .cp-radio-box .radio label {
    font-family: "Barlow-Medium"; }

.cp-modal.typ-emi .modal-content {
  background: #ffffff no-repeat top 3.4rem right 3.4rem;
  background-size: 28rem;
  background-repeat: no-repeat;
  padding: 3.4rem; }
  @media only screen and (max-width: 1024px) {
    .cp-modal.typ-emi .modal-content {
      background-image: none !important; } }

.cp-modal.typ-emi .modal-title {
  margin-bottom: 2rem; }

.cp-modal.typ-emi .desc {
  margin-bottom: 1.5rem; }

.cp-modal.typ-emi .act-btn {
  text-align: right; }

.cp-modal.typ-emi .table-wrap {
  position: relative;
  overflow-y: auto; }
  .cp-modal.typ-emi .table-wrap .mCSB_inside > .mCSB_container {
    margin-right: 8px; }

.cp-modal.typ-emi .chart-table {
  box-shadow: 0 0 0.7rem rgba(209, 209, 209, 0.5);
  width: 100%;
  text-align: center;
  border-radius: 0.7rem;
  -webkit-border-radius: 0.7rem;
  -moz-border-radius: 0.7rem;
  border: 1px solid #d8d8d8;
  border-collapse: inherit;
  border-spacing: inherit;
  margin-bottom: 2.5rem;
  background: #ffffff;
  position: relative;
  display: block;
  overflow: auto;
  height: 350px;
  width: 100%; }
  .cp-modal.typ-emi .chart-table tr:nth-of-type(odd) {
    background: #F6F6F6; }
    .cp-modal.typ-emi .chart-table tr:nth-of-type(odd) td:first-of-type {
      background: #e6e5e5; }
  .cp-modal.typ-emi .chart-table tr:nth-of-type(even) td:first-of-type {
    background: #f0efef; }
  .cp-modal.typ-emi .chart-table tr:first-of-type th:first-of-type {
    border-top-left-radius: 7px;
    background: #f0efef; }
  .cp-modal.typ-emi .chart-table tr:first-of-type th:last-of-type {
    border-top-right-radius: 7px; }
  .cp-modal.typ-emi .chart-table tr:last-of-type td {
    font-family: "Barlow-Regular"; }
    .cp-modal.typ-emi .chart-table tr:last-of-type td:first-of-type {
      border-bottom-left-radius: 7px; }
    .cp-modal.typ-emi .chart-table tr:last-of-type td:last-of-type {
      border-bottom-right-radius: 7px; }
  .cp-modal.typ-emi .chart-table th,
  .cp-modal.typ-emi .chart-table td {
    font-size: 1.2rem;
    color: #3F4351;
    height: 4rem;
    vertical-align: middle;
    text-transform: uppercase;
    border-right: 1px solid #e8e8e8;
    padding: 1rem;
    width: 10%; }
  .cp-modal.typ-emi .chart-table th strong,
  .cp-modal.typ-emi .chart-table td strong {
    font-family: "Barlow-Bold"; }
  .cp-modal.typ-emi .chart-table th:last-of-type,
  .cp-modal.typ-emi .chart-table td:last-of-type {
    border-right: 0;
    padding-right: 2rem; }
  .cp-modal.typ-emi .chart-table th:first-of-type,
  .cp-modal.typ-emi .chart-table td:first-of-type {
    min-width: 14rem;
    box-shadow: -10px 0 10px 0 rgba(209, 209, 209, 0.3) inset; }
  .cp-modal.typ-emi .chart-table th {
    font-family: "Barlow-Bold";
    background: #ffffff; }
  .cp-modal.typ-emi .chart-table td {
    font-family: "Barlow-Regular"; }

@media screen and (max-width: 767px) {
  .cp-modal .cp-modal.typ-emi .modal-content {
    padding: 2rem;
    background: #ffffff no-repeat top 13.4rem right -2.6rem;
    background-size: 20rem;
    background-repeat: no-repeat;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0; }
    .cp-modal .cp-modal.typ-emi .modal-content .modal-title {
      padding-left: 2rem;
      position: relative; }
    .cp-modal .cp-modal.typ-emi .modal-content .back-icon {
      position: absolute;
      top: .5rem;
      left: 0rem;
      transform: rotate(180deg);
      color: #F8673B;
      cursor: pointer;
      font-size: 1rem;
      line-height: 1rem; } }

@media screen and (max-width: 767px) {
  .cp-modal .cp-modal.typ-emi .table-wrap {
    overflow-x: auto;
    margin-right: -2rem;
    box-shadow: -10px 0 10px 0 rgba(255, 255, 255, 0.5) inset; } }

@media screen and (max-width: 767px) {
  .cp-modal .cp-modal.typ-emi .chart-table {
    width: 50rem; } }

@media screen and (max-width: 767px) {
  .cp-modal .cp-modal.typ-emi .chart-table tr:first-child td,
  .cp-modal .cp-modal.typ-emi .chart-table tr:first-child th {
    position: sticky;
    left: 0;
    z-index: 2; } }

@media screen and (max-width: 767px) {
  .cp-modal .cp-modal.typ-emi .chart-table th:first-of-type,
  .cp-modal .cp-modal.typ-emi .chart-table td:first-of-type {
    min-width: inherit; } }

.cp-modal .modal-title {
  font-size: 2.4rem; }

.cp-modal .modal-subtitle {
  margin-bottom: 5rem;
  font-size: 1.8rem; }

.cp-modal.typ-sm .modal-dialog {
  width: 48rem;
  height: 24.3rem; }
  @media screen and (max-width: 1024px) {
    .cp-modal.typ-sm .modal-dialog {
      width: 33.5rem;
      height: 23.9rem; } }

@media screen and (max-width: 1024px) {
  .cp-modal.typ-sizechart.modal-show .modal-dialog {
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    transform: translate(0%, 0%); }
    .cp-modal.typ-sizechart.modal-show .modal-dialog .modal-body {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #ffffff no-repeat; }
      .cp-modal.typ-sizechart.modal-show .modal-dialog .modal-body .modal-content {
        padding-left: 2rem; } }

.cp-modal.typ-sizechart .ft-inchs-inp {
  margin-right: -0.2rem; }

.cp-modal.typ-sizechart .modal-content .modal-header .custom-scrollbar .mCustomScrollBox .mCSB_container {
  overflow-x: auto; }

.cp-modal.typ-sizechart .modal-content .modal-title {
  color: #3f4351; }

@media screen and (max-width: 1024px) {
  .cp-modal.typ-sizechart .modal-content {
    background: #ffffff no-repeat top 13rem right -3rem; }
    .cp-modal.typ-sizechart .modal-content .font-bold {
      font-size: 1.8rem !important;
      font-family: "Barlow-Bold" !important; }
    .cp-modal.typ-sizechart .modal-content .modal-title {
      font-size: 2.4rem; } }

.cp-modal.typ-sizechart .modal-content.wheelSize-modal .size-info-wrap {
  -ms-flex-pack: start;
      justify-content: flex-start; }
  @media screen and (max-width: 1024px) {
    .cp-modal.typ-sizechart .modal-content.wheelSize-modal .size-info-wrap {
      margin-top: 2rem;
      margin-bottom: 2rem; } }
  .cp-modal.typ-sizechart .modal-content.wheelSize-modal .size-info-wrap .size-input {
    width: 2.3rem;
    margin-right: 0; }
    @media screen and (max-width: 1024px) {
      .cp-modal.typ-sizechart .modal-content.wheelSize-modal .size-info-wrap .size-input {
        text-align: center;
        padding: 0rem;
        padding-bottom: 0.5rem; } }
  .cp-modal.typ-sizechart .modal-content.wheelSize-modal .size-info-wrap .size-cm {
    width: 4rem;
    margin-right: 1rem; }
    @media screen and (max-width: 1024px) {
      .cp-modal.typ-sizechart .modal-content.wheelSize-modal .size-info-wrap .size-cm {
        padding: 0rem;
        padding-bottom: 0.5rem;
        text-align: center; } }
  .cp-modal.typ-sizechart .modal-content.wheelSize-modal .size-info-wrap .input-label {
    font-size: 1.1rem;
    font-family: "Barlow-Regular";
    margin-right: 0; }
  .cp-modal.typ-sizechart .modal-content.wheelSize-modal .size-info-wrap .size-info-left {
    width: 40%; }
  .cp-modal.typ-sizechart .modal-content.wheelSize-modal .size-info-wrap .size-info-right {
    width: 50%; }
  @media screen and (max-width: 1024px) {
    .cp-modal.typ-sizechart .modal-content.wheelSize-modal .size-info-wrap .size-info-left, .cp-modal.typ-sizechart .modal-content.wheelSize-modal .size-info-wrap .size-info-right {
      width: 86%; } }

.cp-modal.typ-sizechart .modal-content.wheelSize-modal .switch {
  width: 10.1rem; }
  .cp-modal.typ-sizechart .modal-content.wheelSize-modal .switch .switch-label {
    font-size: 1.1rem;
    padding: 7px 0; }
  .cp-modal.typ-sizechart .modal-content.wheelSize-modal .switch .switch-input2:checked ~ .switch-toggle {
    left: 45%;
    width: 60%; }

.cp-modal.modal-show {
  top: 7.5rem;
  transform: translate(-50%, 0%); }
  @media only screen and (max-width: 1024px) {
    .cp-modal.modal-show {
      transform: translate(0%, 0%); } }

@media only screen and (min-width: 768px) {
  .cp-modal.deletecartproductmodal.modal-show {
    transform: translate(-50%, 0%); } }

@media only screen and (max-width: 767px) {
  .cp-modal.deletecartproductmodal.modal-show {
    transform: translate(0%, 0%); } }

@media only screen and (max-width: 768px) {
  .cp-modal.typ-kit {
    overflow-y: inherit; } }

@media only screen and (max-width: 768px) {
  .cp-modal.typ-kit .modal-dialog {
    top: auto;
    bottom: 0;
    position: fixed; } }

.cp-modal#removeCouponModal.modal-show {
  z-index: 1100;
  top: -1.5rem; }

.cp-form .input-wrap {
  width: 100%;
  margin: 0 0 5rem;
  position: relative; }
  .cp-form .input-wrap.error .error-wrap {
    display: inline-block; }

.cp-form .inputDefault {
  width: 100%;
  background: none;
  border-bottom: 1px solid #979797;
  padding: 0.6rem 0;
  color: #ffffff;
  font-family: "Barlow-Regular";
  font-size: 1.8rem; }
  .cp-form .inputDefault::-ms-reveal, .cp-form .inputDefault::-ms-clear {
    display: none; }
  .cp-form .inputDefault::-webkit-input-placeholder {
    color: #7d7d7d;
    font-size: 1.8rem;
    font-family: "Barlow-Light"; }
  .cp-form .inputDefault::-moz-placeholder {
    color: #7d7d7d;
    font-size: 1.8rem;
    font-family: "Barlow-Light"; }
  .cp-form .inputDefault:-ms-input-placeholder {
    color: #7d7d7d;
    font-size: 1.8rem;
    font-family: "Barlow-Light"; }
  .cp-form .inputDefault:-moz-placeholder {
    color: #7d7d7d;
    font-size: 1.8rem;
    font-family: "Barlow-Light"; }

.cp-form label {
  font-family: "Barlow-Light";
  font-size: 1.4rem;
  font-weight: 300;
  color: #ffffff;
  display: block; }

.cp-form .error-wrap {
  text-align: left;
  margin-top: .5rem;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #a80000;
  padding: 0.5rem 1rem;
  background: #9f9f9f;
  border-radius: 15px;
  font-family: "Barlow-Medium";
  font-style: italic;
  display: none;
  position: absolute;
  left: 0;
  bottom: -3rem; }
  .cp-form .error-wrap .icon-info {
    margin-right: 0.7rem; }

.cp-form .forgotPassword {
  font-family: "Barlow-Bold";
  font-size: 1.4rem;
  font-weight: bold;
  color: #f8673b;
  position: absolute;
  text-transform: uppercase;
  right: 0;
  bottom: -2.5rem;
  cursor: pointer;
  z-index: 1; }
  .cp-form .forgotPassword .link {
    color: #f8673b; }

.cp-form .icon.icon-eye {
  position: absolute;
  right: 0;
  top: 2rem;
  opacity: 0.2;
  color: #ffffff;
  font-size: 2.4rem;
  cursor: pointer;
  display: none;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease; }
  .cp-form .icon.icon-eye.active, .cp-form .icon.icon-eye:hover {
    opacity: 0.8; }
  .cp-form .icon.icon-eye.active:after {
    display: block; }
  .cp-form .icon.icon-eye:after {
    display: none;
    content: '';
    position: absolute;
    right: 13px;
    width: 2px;
    height: 26px;
    transform: rotate(35deg);
    bottom: 0px;
    background: #ffffff; }
  .cp-form .icon.icon-eye.show {
    display: block; }

.cp-form .btn-default {
  width: 100%; }

.cp-form .text-link {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding-top: 1.7rem; }
  .cp-form .text-link span {
    font-family: "Barlow-Regular";
    font-size: 1.4rem;
    color: #b2b2b2; }
  .cp-form .text-link .createAccount {
    padding-left: 1rem;
    font-family: "Barlow-Bold";
    font-size: 1.4rem;
    color: #f8673b;
    cursor: pointer;
    text-transform: uppercase; }

.cp-form .extra-note {
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-family: "Barlow-Regular";
  color: #858585; }

.cp-form.cart .input-wrap {
  margin-bottom: 4rem; }

.cp-form.cart .inputDefault {
  border: 1px solid #595959;
  border-radius: 6px;
  padding: .9rem 10rem .9rem 1.4rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-family: "Barlow-Regular";
  color: #9f9f9f;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .cp-form.cart .inputDefault {
      padding: .6rem 6rem .6rem 1rem; } }
  .cp-form.cart .inputDefault:-ms-input-placeholder {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-family: "Barlow-Regular";
    color: #9f9f9f; }
  .cp-form.cart .inputDefault::placeholder {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-family: "Barlow-Regular";
    color: #9f9f9f; }

.cp-form.cart .btn-link {
  font-size: 1.2rem;
  line-height: 1.2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.4rem; }

.cp-form.cart .success-msg {
  display: none;
  position: absolute;
  left: 0;
  bottom: -2rem;
  font-size: 1.4rem;
  font-family: "Barlow-Regular";
  font-style: italic;
  color: green; }
  .cp-form.cart .success-msg.show {
    display: block; }

.cp-form.shipping-form {
  border-top: 3px solid rgba(151, 151, 151, 0.4); }
  .cp-form.shipping-form .subtitle {
    margin-top: 4rem; }
    @media only screen and (max-width: 768px) {
      .cp-form.shipping-form .subtitle {
        margin-top: 2rem; } }
  @media only screen and (max-width: 768px) {
    .cp-form.shipping-form .input-wrap {
      margin-bottom: 4rem; } }
  .cp-form.shipping-form .form-title {
    margin-bottom: 3.2rem;
    font-family: "Barlow-Bold";
    letter-spacing: 0.4px;
    color: #000000; }
    @media only screen and (max-width: 768px) {
      .cp-form.shipping-form .form-title {
        font-size: 1.4rem;
        margin-bottom: 2rem; } }
  .cp-form.shipping-form label {
    margin-bottom: 0.8rem;
    font-family: "Barlow-Light";
    font-size: 1.4rem;
    color: #3f4351; }
    @media only screen and (max-width: 768px) {
      .cp-form.shipping-form label {
        margin-bottom: 0; } }
  .cp-form.shipping-form .inputDefault {
    border-bottom: 1px solid #979797;
    padding: .6rem 2rem .6rem 0rem;
    font-size: 1.8rem;
    line-height: 2rem;
    font-family: "Barlow-Regular";
    color: #000000;
    position: relative; }
    .cp-form.shipping-form .inputDefault.selectCheck {
      -webkit-appearance: none;
      background-image: url("../assets/images/angle-down-solid.svg");
      background-repeat: no-repeat;
      background-position: right;
      background-size: 3%; }
    @media only screen and (max-width: 768px) {
      .cp-form.shipping-form .inputDefault {
        padding: .6rem 1rem .6rem 0; } }
    .cp-form.shipping-form .inputDefault:-ms-input-placeholder {
      font-size: 1.8rem;
      line-height: 2rem;
      font-family: "Barlow-Regular";
      color: #b2b2b2; }
    .cp-form.shipping-form .inputDefault::placeholder {
      font-size: 1.8rem;
      line-height: 2rem;
      font-family: "Barlow-Regular";
      color: #b2b2b2; }
  .cp-form.shipping-form .btn-outline {
    min-width: 36rem;
    margin-top: 3rem;
    padding: 0.7rem 2.2rem; }
    @media only screen and (max-width: 768px) {
      .cp-form.shipping-form .btn-outline {
        min-width: 24rem; } }
    .cp-form.shipping-form .btn-outline.disabled {
      opacity: 0.6;
      cursor: none; }
  @media only screen and (max-width: 768px) {
    .cp-form.shipping-form .act-btn {
      text-align: right;
      width: max-content;
      margin: 0 0 0 auto; } }
  .cp-form.shipping-form .cp-radio-box .radio-wrap .radio {
    margin-right: 6rem; }
    @media only screen and (max-width: 768px) {
      .cp-form.shipping-form .cp-radio-box .radio-wrap .radio {
        margin-right: 4rem; } }

@media only screen and (max-width: 768px) {
  .cp-form.profile-form .input-wrap {
    margin-bottom: 4rem; } }

.cp-form.profile-form .form-title {
  margin-bottom: 3.2rem;
  font-family: "Barlow-Bold";
  letter-spacing: 0.4px;
  color: #000000; }
  @media only screen and (max-width: 768px) {
    .cp-form.profile-form .form-title {
      font-size: 1.4rem;
      margin-bottom: 2rem; } }

.cp-form.profile-form label {
  font-family: "Barlow-Light";
  font-size: 1.4rem;
  color: #3f4351; }

.cp-form.profile-form .inputDefault {
  border-bottom: 1px solid #979797;
  padding: .6rem 2rem .6rem 0rem;
  font-size: 1.8rem;
  line-height: 2rem;
  font-family: "Barlow-Regular";
  color: #000000;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .cp-form.profile-form .inputDefault {
      padding: .6rem 1rem .6rem 0; } }
  .cp-form.profile-form .inputDefault:-ms-input-placeholder {
    font-size: 1.8rem;
    line-height: 2rem;
    font-family: "Barlow-Regular";
    color: #b2b2b2; }
  .cp-form.profile-form .inputDefault::placeholder {
    font-size: 1.8rem;
    line-height: 2rem;
    font-family: "Barlow-Regular";
    color: #b2b2b2; }

.cp-form.profile-form .inputTextarea {
  margin-top: 1.8rem;
  border-radius: 6px;
  border: solid 1px #979797;
  padding: .9rem 1.6rem;
  width: 100%;
  font-size: 1.8rem;
  font-family: "Barlow-Regular";
  color: #000000; }

.cp-form.profile-form .btn {
  min-width: 14.4rem;
  padding: 1rem; }
  @media only screen and (max-width: 768px) {
    .cp-form.profile-form .btn {
      min-width: 15.2rem;
      padding: 0.9rem 1rem; } }
  @media only screen and (max-width: 368px) {
    .cp-form.profile-form .btn {
      min-width: 12.2rem; } }
  .cp-form.profile-form .btn.btn-default {
    width: auto; }
  .cp-form.profile-form .btn.disabled {
    opacity: 0.6;
    cursor: none; }

@media only screen and (max-width: 768px) {
  .cp-form.profile-form .act-btn {
    text-align: center;
    margin-top: 1rem; } }

.cp-form.profile-form .cp-radio-box .radio-wrap .radio {
  margin-right: 6rem; }
  @media only screen and (max-width: 768px) {
    .cp-form.profile-form .cp-radio-box .radio-wrap .radio {
      margin-right: 4rem; } }

.cp-form.typ-f-signup {
  margin-top: 2.3rem; }
  .cp-form.typ-f-signup .input-wrap {
    margin-bottom: 2rem; }
  .cp-form.typ-f-signup .act-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .cp-form.typ-f-signup .btn.btn-outline {
    background: transparent;
    color: #ffffff;
    opacity: 1; }
  .cp-form.typ-f-signup .privacyLink {
    color: #ffffff !important;
    font-family: 'Barlow-Medium';
    font-size: 1.2rem;
    text-decoration: underline;
    position: relative;
    top: 6px; }
  .cp-form.typ-f-signup .inputDefault {
    border-bottom: 1px solid #a6a6a6; }
    .cp-form.typ-f-signup .inputDefault::-webkit-input-placeholder {
      color: #a6a6a6;
      font-size: 1.4rem;
      font-family: "Barlow-Regular"; }
    .cp-form.typ-f-signup .inputDefault::-moz-placeholder {
      color: #a6a6a6;
      font-size: 1.4rem;
      font-family: "Barlow-Regular"; }
    .cp-form.typ-f-signup .inputDefault:-ms-input-placeholder {
      color: #a6a6a6;
      font-size: 1.4rem;
      font-family: "Barlow-Regular"; }
    .cp-form.typ-f-signup .inputDefault:-moz-placeholder {
      color: #a6a6a6;
      font-size: 1.4rem;
      font-family: "Barlow-Regular"; }

.btn-display-thankyou {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly; }

.form-custom-input-style {
  position: relative; }
  .form-custom-input-style .inputDefault {
    padding-right: 0 !important; }
  .form-custom-input-style .file-name {
    position: absolute;
    left: 0;
    top: 35px; }
  .form-custom-input-style .noteText {
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #999;
    margin-top: 1rem;
    position: absolute; }
  .form-custom-input-style .upload-icon {
    background-image: url(../images/upload-icon.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100%;
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: -1; }
  .form-custom-input-style input[type="file"] {
    opacity: 0;
    width: 100%;
    cursor: pointer; }

.cp-login {
  background: #2c2c2c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2c2c2c 0%, #434548 100%);
  /* IE6-9 */
  padding: 6rem 8rem;
  width: 49.9rem;
  border-radius: 0.64rem;
  -webkit-border-radius: 0.64rem;
  -moz-border-radius: 0.64rem;
  box-shadow: 0 0 39px 14px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 39px 14px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 39px 14px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 39px 14px rgba(0, 0, 0, 0.3);
  margin-left: auto; }
  .cp-login .input-wrap {
    width: 100%;
    margin: 0 0 5.5rem;
    position: relative; }
  .cp-login .inputDefault {
    width: 100%;
    background: none;
    border-bottom: 1px solid #979797;
    padding: 0.6rem 0;
    color: #ffffff;
    font-family: "Barlow-Regular"; }
    .cp-login .inputDefault::-webkit-input-placeholder {
      color: #7d7d7d;
      font-size: 1.8rem;
      font-family: "Barlow-Light"; }
    .cp-login .inputDefault::-moz-placeholder {
      color: #7d7d7d;
      font-size: 1.8rem;
      font-family: "Barlow-Light"; }
    .cp-login .inputDefault:-ms-input-placeholder {
      color: #7d7d7d;
      font-size: 1.8rem;
      font-family: "Barlow-Light"; }
    .cp-login .inputDefault:-moz-placeholder {
      color: #7d7d7d;
      font-size: 1.8rem;
      font-family: "Barlow-Light"; }
  .cp-login label {
    font-family: "Barlow-Light";
    font-size: 1.4rem;
    font-weight: 300;
    color: #ffffff;
    display: block; }
  .cp-login .error-text {
    color: #fd8080;
    opacity: 0.8;
    font-family: "Barlow-Regular";
    font-size: 1.2rem;
    display: block;
    padding: 0.5rem 0;
    text-align: left;
    position: absolute;
    left: 0;
    bottom: -2.5rem;
    display: none; }
  .cp-login .forgotPassword {
    font-family: "Barlow-Bold";
    font-size: 1.4rem;
    font-weight: bold;
    color: #f8673b;
    position: absolute;
    text-transform: uppercase;
    right: 0;
    bottom: -2.5rem;
    cursor: pointer;
    z-index: 1; }
  .cp-login .icon-rotate {
    position: absolute;
    right: 0;
    top: 30px;
    opacity: 0.2;
    color: #ffffff;
    font-size: 1.4rem;
    cursor: pointer;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease; }
    .cp-login .icon-rotate.active, .cp-login .icon-rotate:hover {
      opacity: 0.8; }
    .cp-login .icon-rotate.active:after {
      display: block; }
    .cp-login .icon-rotate:after {
      display: none;
      content: '';
      position: absolute;
      top: -5px;
      right: 14px;
      width: 2px;
      height: 26px;
      transform: rotate(35deg);
      background: #ffffff; }
  .cp-login .btn-default {
    width: 100%; }
  .cp-login .text-link {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    padding-top: 1.7rem; }
    .cp-login .text-link span {
      font-family: "Barlow-Regular";
      font-size: 1.4rem;
      color: #b2b2b2; }
    .cp-login .text-link .createAccount {
      padding-left: 1rem;
      font-family: "Barlow-Bold";
      font-size: 1.4rem;
      color: #f8673b;
      cursor: pointer;
      text-transform: uppercase; }
  .cp-login .login-via {
    display: block;
    margin: 4rem 0 0;
    text-align: center; }
    .cp-login .login-via label {
      font-family: "Barlow-Regular";
      font-size: 1.4rem;
      color: #b2b2b2;
      display: block;
      padding-bottom: 2rem; }
    .cp-login .login-via .btn-outline {
      background: none;
      color: #ffffff;
      transition: all 0.4s ease;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease; }
      .cp-login .login-via .btn-outline .icon {
        color: #ffffff;
        margin-right: 1.3rem; }
      .cp-login .login-via .btn-outline:hover {
        background: #ffffff;
        color: #3f4351; }
        .cp-login .login-via .btn-outline:hover .icon {
          color: #3f4351; }

.cp-form label {
  font-size: 1.5rem; }

.cp-form.shipping-form .btn-outline.submit-shipping-billing {
  padding: 1.05rem 0rem;
  font-size: 1.2rem;
  min-width: 34rem; }
  @media only screen and (max-width: 768px) {
    .cp-form.shipping-form .btn-outline.submit-shipping-billing {
      min-width: 24rem; } }

.cp-form.shipping-form .form-title {
  font-size: 2rem; }
  .cp-form.shipping-form .form-title.details {
    font-size: 2rem; }

@media only screen and (max-width: 767px) {
  .cp-form.shipping-form .deletePopUpFlex .btn-outline {
    min-width: 14rem; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cp-form.shipping-form .deletePopUpFlex .btn-outline {
    min-width: auto;
    width: 100%;
    padding: 1.1rem 3.23rem; } }

.cp-form.cart .inputDefault {
  font-size: 1.9rem;
  font-family: "Barlow-Regular"; }
  .cp-form.cart .inputDefault:-ms-input-placeholder {
    font-size: 1.9rem;
    font-family: "Barlow-Regular"; }
  .cp-form.cart .inputDefault::placeholder {
    font-size: 1.9rem;
    font-family: "Barlow-Regular"; }

.cp-form .login-via {
  display: block;
  margin: 4rem 0 0;
  text-align: center; }
  .cp-form .login-via label {
    position: relative;
    font-family: "Barlow-Regular";
    font-size: 1.4rem;
    color: #ffffff;
    margin-bottom: 2rem;
    display: block; }
    .cp-form .login-via label::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      width: 100%;
      height: 0.1rem;
      background: #979797;
      z-index: 1;
      opacity: 0.5; }
    .cp-form .login-via label span {
      background: #3f4144;
      padding: 0 0.5rem;
      position: relative;
      z-index: 2; }
  .cp-form .login-via .social-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin: -1.2rem; }
    .cp-form .login-via .social-list .social-item {
      padding: 1.2rem; }
      .cp-form .login-via .social-list .social-item .icon-wrap {
        width: 3.6rem; }
        .cp-form .login-via .social-list .social-item .icon-wrap:hover {
          box-shadow: 0 0 1rem #f8673b;
          border-radius: 50%; }

.cp-form .forgotPassword .link {
  color: #f8673b; }

@media only screen and (max-width: 768px) {
  .cp-form .error-wrap {
    padding: 0.5rem .6rem; } }

.cp-form .btn-storelocator-search {
  padding: 1.1rem 2.2rem;
  width: auto !important; }

.cp-form.profile-form .btn.disabled {
  cursor: not-allowed; }

.cp-form.profile-form .editShippingAddress {
  width: max-content; }

.cp-form .error-wrap {
  bottom: -3.5rem;
  background-color: #eeecec; }
  .cp-form .error-wrap::before {
    content: "\E907";
    font-family: 'icomoon';
    padding-right: 1rem; }

.cp-form .icon.icon-calender {
  font-size: 2.2rem;
  position: absolute;
  top: 2rem;
  right: 0;
  z-index: 1;
  color: #f8673b; }

.cp-form .sub-title {
  font-family: "Barlow-Bold";
  font-size: 1.8rem;
  line-height: 2rem;
  color: #151515;
  margin-bottom: 2rem; }

.cp-form .otp-note {
  font-family: "Barlow-SemiBold";
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0.5px;
  color: #f8673b;
  text-transform: uppercase;
  float: right;
  margin-top: 0.5rem; }

.cp-payment .payment-title {
  font-size: 2.4rem;
  line-height: 2.4rem;
  color: #000000;
  margin-top: 3rem;
  margin-bottom: 2rem;
  font-family: "Barlow-Bold";
  letter-spacing: 0.4px; }

.cp-payment .payment-text {
  font-size: 10px;
  color: #a0a0a0; }

.cp-payment .payment-option-wrapper {
  padding-top: 10px; }
  .cp-payment .payment-option-wrapper .payment-items {
    padding: 15px;
    border: 1px solid #e7e7e7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 10px;
    position: relative;
    cursor: pointer; }
    .cp-payment .payment-option-wrapper .payment-items:first-child {
      margin-bottom: 10px; }
    .cp-payment .payment-option-wrapper .payment-items label {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .cp-payment .payment-option-wrapper .payment-items label .payU-img {
        width: 45px; }
      .cp-payment .payment-option-wrapper .payment-items label .firefox-img {
        width: 120px; }
      .cp-payment .payment-option-wrapper .payment-items label span {
        font-size: 12px;
        color: #f8673b;
        font-weight: 700;
        margin-left: 7px;
        height: 15px; }
    .cp-payment .payment-option-wrapper .payment-items input[type="checkbox"],
    .cp-payment .payment-option-wrapper .payment-items input[type="radio"] {
      box-sizing: border-box;
      padding: 0;
      width: 17px;
      height: 17px;
      accent-color: #f8673b; }

@media (min-width: 768px) {
  .cart-snapmint-details {
    margin-top: 30px;
    margin-bottom: 0px;
    border-radius: 6px; }
    .cart-snapmint-details .snap_emi_txt {
      width: 100%; }
    .cart-snapmint-details .snap_emi_txt .snap-emi-inst,
    .cart-snapmint-details .snap_emi_txt .snap-emi-inst .white_label_comany_name,
    .cart-snapmint-details .snap_emi_slogan_text,
    .cart-snapmint-details .snap_emi_txt .snap_powered_text {
      color: #ffffff !important; } }

@media (max-width: 767px) {
  .cart-snapmint-details {
    padding: 10px 0px; } }

.cp-kit-list .kit-list {
  max-height: 40.3rem; }

.cp-kit-list .list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  overflow: hidden;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.cp-kit-list .kit-item {
  width: 48.7%;
  margin-bottom: 1.6rem;
  background: #e1e1e1;
  padding: 1.3rem;
  max-height: auto;
  border-radius: 4px; }
  @media only screen and (max-width: 768px) {
    .cp-kit-list .kit-item {
      width: 100%; } }

.cp-kit-list .kit-item-wrap {
  display: -ms-flexbox;
  display: flex; }

.cp-kit-list .kit-img {
  min-width: 8.9rem;
  width: 8.9rem;
  height: 8.9rem;
  background: #ffffff;
  padding: 1rem;
  margin-right: 1.4rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.cp-kit-list .kit-info .kit-title {
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #3f4351;
  font-family: "Barlow-Bold";
  margin-bottom: 1rem;
  text-transform: uppercase; }

.cp-kit-list .cp-radio-box {
  margin-bottom: 2rem !important; }
  .cp-kit-list .cp-radio-box .radio {
    margin-right: 1.4rem; }
  .cp-kit-list .cp-radio-box.typ-normal input[type="radio"]:not(old) + .colour:before {
    width: 1.2rem;
    height: 1.2rem; }
  .cp-kit-list .cp-radio-box.typ-normal input[type="radio"]:not(old) + .colour:after {
    left: -0.4rem;
    top: 0rem;
    width: 2rem;
    height: 2rem; }
  .cp-kit-list .cp-radio-box.typ-normal input[type="radio"]:not(old) + .colour.colour-1:before {
    background: #404040; }
  .cp-kit-list .cp-radio-box.typ-normal input[type="radio"]:not(old) + .colour.colour-1:after {
    border-color: #404040; }
  .cp-kit-list .cp-radio-box.typ-normal input[type="radio"]:not(old) + .colour.colour-2:before {
    background: #2a8ac6; }
  .cp-kit-list .cp-radio-box.typ-normal input[type="radio"]:not(old) + .colour.colour-2:after {
    border-color: #2a8ac6; }
  .cp-kit-list .cp-radio-box.typ-normal input[type="radio"]:not(old) + .colour.colour-3:before {
    background: #2ac6a4; }
  .cp-kit-list .cp-radio-box.typ-normal input[type="radio"]:not(old) + .colour.colour-3:after {
    border-color: #2ac6a4; }
  .cp-kit-list .cp-radio-box.typ-normal input[type="radio"]:not(old) + .colour.colour-4:before {
    background: #ff8628; }
  .cp-kit-list .cp-radio-box.typ-normal input[type="radio"]:not(old) + .colour.colour-4:after {
    border-color: #ff8628; }
  .cp-kit-list .cp-radio-box.typ-normal input[type="radio"]:not(old) + .colour.colour-5:before {
    background: #154b6d; }
  .cp-kit-list .cp-radio-box.typ-normal input[type="radio"]:not(old) + .colour.colour-5:after {
    border-color: #154b6d; }
  .cp-kit-list .cp-radio-box.typ-normal input[type="radio"]:not(old) + .colour.colour-6:before {
    background: #e2d05d; }
  .cp-kit-list .cp-radio-box.typ-normal input[type="radio"]:not(old) + .colour.colour-6:after {
    border-color: #e2d05d; }
  .cp-kit-list .cp-radio-box + .cp-radio-box {
    margin-bottom: 0px; }
  .cp-kit-list .cp-radio-box.typ-frame label {
    border-color: #3f4351;
    color: #3f4351;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    font-size: 1.2rem;
    line-height: 2.1rem;
    position: relative;
    text-transform: capitalize; }
  .cp-kit-list .cp-radio-box.typ-frame input[type="radio"]:not(old):checked + label {
    background: #3f4351;
    color: #ffffff;
    font-family: "Barlow-Bold"; }

.cp-kit-list .act-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin: 0 -3.4rem;
  padding: 2.5rem 3.4rem 0;
  border-top: 1px solid rgba(0, 0, 0, 0.3); }
  .cp-kit-list .act-btn .btn {
    min-width: 11.2rem; }

.cp-kit-list .kit-item {
  height: auto;
  max-height: auto !important; }

.cp-kit-list .custom-scrollbar {
  max-height: 30rem; }

.cp-kit-list .radio-list .attribute {
  margin: 0; }

.cp-kit-list .radio-list .attributes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  padding: 0; }

.cp-kit-list .radio-list .color-attribute {
  padding: 0;
  margin: 0; }

.cp-kit-list .cp-radio-box .radio:last-child {
  margin-bottom: 0px; }

.cp-kit-list .cp-radio-box.typ-frame {
  margin-bottom: 0rem; }
  .cp-kit-list .cp-radio-box.typ-frame label {
    border-color: #3f4351;
    color: #3f4351;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    font-size: 1.2rem;
    line-height: 2.1rem;
    position: relative;
    text-transform: capitalize; }
  .cp-kit-list .cp-radio-box.typ-frame input[type="radio"]:checked + label {
    background: #3f4351;
    color: #ffffff;
    font-family: "Barlow-Bold"; }

.cp-kit-list .act-btn {
  margin-top: 1rem; }

.cp-kit-list .beginner-kit .radio-list .color-attribute {
  margin-right: 1rem; }

.cp-kit-list .beginner-kit .radio-list .cp-radio-box {
  margin-bottom: 1.4rem !important; }

.cp-kit-list .beginner-kit .radio-list .radio-wrap {
  min-width: max-content; }

.product-number {
  padding: 0;
  margin: 0; }

.cp-acknowledge {
  background: #ffffff;
  padding: 4rem 3rem 3.3rem;
  border-radius: 10px;
  width: 60rem; }
  @media only screen and (max-width: 768px) {
    .cp-acknowledge {
      width: 90%;
      margin: 0px auto;
      padding: 3.3rem 2rem;
      overflow: hidden; } }
  .cp-acknowledge .acak-title {
    font-size: 3rem;
    line-height: 3.2rem;
    color: #3f4351;
    font-family: "Barlow-SemiBold";
    padding-left: 9rem;
    position: relative;
    margin-bottom: 3rem;
    text-transform: capitalize; }
    @media only screen and (max-width: 768px) {
      .cp-acknowledge .acak-title {
        font-size: 2.2rem;
        line-height: 2.4rem;
        margin-bottom: 2rem;
        padding-left: 6.5rem; } }
    .cp-acknowledge .acak-title .icon {
      font-size: 6rem;
      position: absolute;
      left: 0;
      top: 0;
      line-height: 6rem; }
      @media only screen and (max-width: 768px) {
        .cp-acknowledge .acak-title .icon {
          font-size: 4.5rem;
          line-height: 4.5rem; } }
      .cp-acknowledge .acak-title .icon.icon-success {
        color: #339e01; }
      .cp-acknowledge .acak-title .icon.icon-info-error {
        color: #a80000; }
  .cp-acknowledge .order-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 1.5rem; }
    .cp-acknowledge .order-wrap .order-id {
      font-size: 1.8rem;
      line-height: 1.8rem;
      color: #3f4351;
      font-family: "Barlow-SemiBold";
      margin-right: 1.6rem;
      padding-right: 1.6rem;
      border-right: 1px solid #f9f9f9; }
      @media only screen and (max-width: 768px) {
        .cp-acknowledge .order-wrap .order-id {
          font-size: 1.4rem;
          line-height: 2rem; } }
  .cp-acknowledge .desc {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #3f4351;
    font-family: "Barlow-Regular";
    margin-bottom: 2.8rem;
    width: 84%; }
    @media only screen and (max-width: 768px) {
      .cp-acknowledge .desc {
        font-size: 1.6rem;
        line-height: 2.2rem;
        width: 88%; } }
  .cp-acknowledge .highlight-wrap {
    margin: 0 -3rem;
    background: #efefef;
    padding: 1.5rem 3rem;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3rem; }
    @media only screen and (max-width: 768px) {
      .cp-acknowledge .highlight-wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 1.5rem 2rem;
        margin: 0 -2rem; } }
    .cp-acknowledge .highlight-wrap .highlight-title {
      font-size: 1.6rem;
      line-height: 2.5rem;
      color: #3f4351;
      font-family: "Barlow-Medium";
      margin-right: 2.8rem;
      padding-right: 2.8rem;
      border-right: 1px solid #979797;
      width: 40%; }
      @media only screen and (max-width: 768px) {
        .cp-acknowledge .highlight-wrap .highlight-title {
          border: 0;
          border-bottom: 1px solid #979797;
          width: 100%;
          font-size: 1.4rem;
          line-height: 2.2rem;
          padding-bottom: 1rem;
          margin-bottom: 1rem; } }
      .cp-acknowledge .highlight-wrap .highlight-title .large {
        font-size: 2rem;
        font-family: "Barlow-Bold"; }
        @media only screen and (max-width: 768px) {
          .cp-acknowledge .highlight-wrap .highlight-title .large {
            font-size: 1.8rem; } }
    .cp-acknowledge .highlight-wrap .desc {
      margin-bottom: 0rem;
      font-size: 1.6rem;
      width: auto; }
      @media only screen and (max-width: 768px) {
        .cp-acknowledge .highlight-wrap .desc {
          font-size: 1.4rem; } }
      .cp-acknowledge .highlight-wrap .desc .btn {
        margin-left: 0.5rem;
        font-family: "Barlow-Bold"; }
  .cp-acknowledge .act-btn {
    text-align: right; }
    @media only screen and (max-width: 768px) {
      .cp-acknowledge .act-btn {
        margin-top: 3rem; } }

.cp-acknowledge .btn.btn-link {
  color: #f8673b !important; }
  @media only screen and (max-width: 768px) {
    .cp-acknowledge .btn.btn-link {
      font-family: "Barlow-Bold";
      font-size: 1.4rem; } }

.cp-acknowledge .btn.btn-outline {
  color: #3f4351 !important;
  line-height: 1.2rem;
  padding: 1.1rem 2rem; }

@media only screen and (max-width: 768px) {
  .cp-acknowledge .desc {
    margin-bottom: 2rem; } }

.cp-cart {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media only screen and (max-width: 1024px) {
    .cp-cart {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .cp-cart .lhs {
    width: 66.7%; }
    @media only screen and (max-width: 1024px) {
      .cp-cart .lhs {
        width: 100%; } }
  .cp-cart .rhs {
    width: 29.9%; }
    @media only screen and (max-width: 1024px) {
      .cp-cart .rhs {
        width: 100%; } }
  .cp-cart .prodcut-list .item {
    padding: 3rem 0rem 0rem;
    border-top: 1px solid rgba(151, 151, 151, 0.3);
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3rem;
    position: relative; }
    .cp-cart .prodcut-list .item:first-child {
      border-width: 3px; }
    .cp-cart .prodcut-list .item .img-wrap {
      min-width: 20rem;
      height: 20rem;
      border-radius: 6px;
      border: 1px solid #c9c9c9;
      padding: .8rem;
      margin-right: 3rem; }
      @media only screen and (max-width: 1024px) {
        .cp-cart .prodcut-list .item .img-wrap {
          min-width: 12rem;
          height: 12rem;
          padding: 1.8rem .8rem;
          margin-right: 1.2rem; } }
    .cp-cart .prodcut-list .item .btn-outline {
      display: none; }
    .cp-cart .prodcut-list .item.out-stock .img-wrap {
      opacity: .3; }
    .cp-cart .prodcut-list .item.out-stock .btn-outline {
      display: block; }
    .cp-cart .prodcut-list .item.out-stock .prodcut-detail .purches-detail .p-list {
      opacity: .3; }
    .cp-cart .prodcut-list .item.out-stock .prodcut-detail .purches-detail .p-item.quintity {
      display: none; }
    .cp-cart .prodcut-list .item.typ-order {
      border-top: none;
      margin-bottom: 0; }
      @media screen and (max-width: 1024px) {
        .cp-cart .prodcut-list .item.typ-order {
          border-bottom: 1px solid rgba(151, 151, 151, 0.3); } }
      .cp-cart .prodcut-list .item.typ-order .prodcut-detail {
        border-bottom: 1px solid rgba(151, 151, 151, 0.4); }
        @media screen and (max-width: 1024px) {
          .cp-cart .prodcut-list .item.typ-order .prodcut-detail {
            border: none; } }
        @media screen and (max-width: 1024px) {
          .cp-cart .prodcut-list .item.typ-order .prodcut-detail .prod-amt-total {
            display: -ms-flexbox !important;
            display: flex !important;
            padding: 1.2rem 0; }
            .cp-cart .prodcut-list .item.typ-order .prodcut-detail .prod-amt-total .label {
              font-family: "Barlow-Light";
              font-size: 1rem;
              color: #3f4351; }
            .cp-cart .prodcut-list .item.typ-order .prodcut-detail .prod-amt-total .value {
              font-family: "Barlow-Bold";
              font-size: 1.4rem;
              color: #3f4351; }
            .cp-cart .prodcut-list .item.typ-order .prodcut-detail .prod-amt-total .p-item .label {
              margin-right: 1rem; } }
      .cp-cart .prodcut-list .item.typ-order .prod-amt-total {
        margin-bottom: 0;
        border-bottom: none; }
      .cp-cart .prodcut-list .item.typ-order .purches-detail {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .cp-cart .prodcut-list .item.typ-order .purches-detail .p-list {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
              justify-content: space-between;
          width: 100%;
          margin-bottom: 3rem; }
          @media screen and (max-width: 1024px) {
            .cp-cart .prodcut-list .item.typ-order .purches-detail .p-list {
              margin-bottom: 1.5rem; } }
          .cp-cart .prodcut-list .item.typ-order .purches-detail .p-list:last-child {
            margin-bottom: 0; }
            @media screen and (max-width: 1024px) {
              .cp-cart .prodcut-list .item.typ-order .purches-detail .p-list:last-child {
                margin-bottom: 1.5rem; } }
          .cp-cart .prodcut-list .item.typ-order .purches-detail .p-list .ordertileText {
            font-family: 'Barlow-Light';
            font-size: 14px;
            line-height: 20px; }
            .cp-cart .prodcut-list .item.typ-order .purches-detail .p-list .ordertileText a {
              color: blue !important; }
        @media only screen and (max-width: 1024px) {
          .cp-cart .prodcut-list .item.typ-order .purches-detail .p-item {
            width: auto; } }
        @media only screen and (max-width: 1024px) {
          .cp-cart .prodcut-list .item.typ-order .purches-detail .p-item .label {
            font-size: 1rem;
            line-height: 1.2rem;
            display: block; } }
        @media screen and (max-width: 1024px) {
          .cp-cart .prodcut-list .item.typ-order .purches-detail .p-item .text {
            font-size: 1.2rem;
            line-height: 1.4rem; } }
      .cp-cart .prodcut-list .item.typ-order .prod-title .tag {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: center;
            align-items: center; }
        .cp-cart .prodcut-list .item.typ-order .prod-title .tag .btn-link {
          font-size: 1.4rem;
          line-height: 1.4rem;
          font-family: "Barlow-Bold";
          color: #f8673b !important;
          text-transform: uppercase; }
  .cp-cart .prodcut-list .prodcut-detail {
    width: 100%;
    position: relative;
    padding-right: 2rem; }
    @media only screen and (max-width: 1024px) {
      .cp-cart .prodcut-list .prodcut-detail {
        padding-right: 0rem; } }
    .cp-cart .prodcut-list .prodcut-detail .prod-title {
      font-size: 2.2rem;
      line-height: 2.4rem;
      color: #3f4351;
      font-family: "Barlow-SemiBold";
      margin-bottom: 1.2rem;
      display: block; }
      @media only screen and (max-width: 1024px) {
        .cp-cart .prodcut-list .prodcut-detail .prod-title {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
      .cp-cart .prodcut-list .prodcut-detail .prod-title .tag {
        font-size: 1.2rem;
        line-height: 1.2rem;
        font-family: "Barlow-Bold";
        color: #f8673b;
        margin-top: .5rem;
        text-transform: uppercase; }
      .cp-cart .prodcut-list .prodcut-detail .prod-title .out {
        display: block;
        font-size: 1.2rem;
        line-height: 1.2rem;
        margin-right: 2rem;
        color: #a80000;
        padding: 0.5rem 1rem;
        background: #f1f1f1;
        border-radius: 15px;
        font-family: "Barlow-Medium";
        font-style: italic;
        width: 10rem; }
        @media only screen and (max-width: 1024px) {
          .cp-cart .prodcut-list .prodcut-detail .prod-title .out {
            padding: .3rem 1rem; } }
    .cp-cart .prodcut-list .prodcut-detail .act-btn {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      position: absolute;
      left: 0;
      right: 2.5rem;
      bottom: 1rem;
      -ms-flex-align: center;
          align-items: center; }
      @media only screen and (max-width: 1024px) {
        .cp-cart .prodcut-list .prodcut-detail .act-btn {
          width: 100%;
          -ms-flex-pack: start;
              justify-content: flex-start; }
          .cp-cart .prodcut-list .prodcut-detail .act-btn span {
            margin-right: 1rem; } }
      .cp-cart .prodcut-list .prodcut-detail .act-btn .btn-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .cp-cart .prodcut-list .prodcut-detail .act-btn .btn-wrap .btn {
          margin-right: 2rem; }
          @media only screen and (max-width: 1024px) {
            .cp-cart .prodcut-list .prodcut-detail .act-btn .btn-wrap .btn {
              margin: 0;
              padding: 0.9rem 1rem;
              position: absolute;
              right: 0%; } }
  .cp-cart .prodcut-list .purches-detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .cp-cart .prodcut-list .purches-detail .p-list {
      display: -ms-flexbox;
      display: flex;
      width: 45%; }
      @media only screen and (max-width: 1024px) {
        .cp-cart .prodcut-list .purches-detail .p-list {
          width: 100%; } }
    .cp-cart .prodcut-list .purches-detail .p-item {
      width: 100%; }
      .cp-cart .prodcut-list .purches-detail .p-item .label {
        font-size: 1.2rem;
        line-height: 2rem;
        color: #3f4351;
        font-family: "Barlow-Light";
        text-transform: capitalize;
        margin-bottom: .5rem;
        display: block; }
        @media only screen and (max-width: 1024px) {
          .cp-cart .prodcut-list .purches-detail .p-item .label {
            display: none; } }
      .cp-cart .prodcut-list .purches-detail .p-item .text {
        display: block;
        font-size: 1.6rem;
        line-height: 1.8rem;
        color: #3f4351;
        font-family: "Barlow-Bold";
        text-transform: capitalize;
        position: relative; }
        @media only screen and (max-width: 1024px) {
          .cp-cart .prodcut-list .purches-detail .p-item .text {
            font-size: 1.2rem;
            line-height: 1.4rem; } }
        .cp-cart .prodcut-list .purches-detail .p-item .text.cm-regular {
          font-family: "Barlow-Regular"; }
        .cp-cart .prodcut-list .purches-detail .p-item .text.amt {
          font-size: 1.8rem;
          line-height: 2rem; }
          @media only screen and (max-width: 1024px) {
            .cp-cart .prodcut-list .purches-detail .p-item .text.amt {
              font-size: 1.4rem;
              line-height: 1.5rem; } }
        .cp-cart .prodcut-list .purches-detail .p-item .text.colour {
          padding-left: 2.5rem; }
          @media only screen and (max-width: 1024px) {
            .cp-cart .prodcut-list .purches-detail .p-item .text.colour {
              padding-left: 1.5rem;
              font-family: "Barlow-Regular";
              font-size: 1.2rem; } }
          .cp-cart .prodcut-list .purches-detail .p-item .text.colour:before {
            content: '';
            background: #f04703;
            width: 1.6rem;
            height: 1.6rem;
            border-radius: 50%;
            left: 0;
            top: 1px;
            position: absolute;
            display: inline-block; }
            @media only screen and (max-width: 1024px) {
              .cp-cart .prodcut-list .purches-detail .p-item .text.colour:before {
                width: 1.2rem;
                height: 1.2rem; } }
          .cp-cart .prodcut-list .purches-detail .p-item .text.colour.colour-1:before {
            background: #f8673b; }
      .cp-cart .prodcut-list .purches-detail .p-item.right {
        text-align: right; }
      @media only screen and (max-width: 1024px) {
        .cp-cart .prodcut-list .purches-detail .p-item.quintity {
          position: absolute;
          bottom: 4px; } }
    .cp-cart .prodcut-list .purches-detail .counter {
      width: 10rem;
      border: 1px solid #d8d8d8;
      border-radius: 14px;
      padding: 0.4rem 1rem;
      position: relative; }
      .cp-cart .prodcut-list .purches-detail .counter input {
        width: 100%;
        font-size: 1.6rem;
        line-height: 1.6rem;
        font-family: "Barlow-Bold";
        color: #3f4351;
        text-align: center; }
      .cp-cart .prodcut-list .purches-detail .counter span {
        position: absolute;
        font-size: 2.2rem;
        line-height: 0;
        top: 44%;
        transform: translateY(-50%);
        color: #f8673b;
        font-family: "Barlow-Medium";
        cursor: pointer; }
      .cp-cart .prodcut-list .purches-detail .counter .minus {
        left: 1.2rem; }
      .cp-cart .prodcut-list .purches-detail .counter .plus {
        right: 1.2rem; }
  .cp-cart .p-link {
    font-family: "Barlow-Bold";
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #f8673b; }
    @media screen and (max-width: 1024px) {
      .cp-cart .p-link {
        font-size: 1.2rem;
        line-height: 1.2rem; } }
  .cp-cart .prod-amt-total {
    padding: 2rem 2.5rem 2rem 22.6rem;
    border-top: 1px solid rgba(151, 151, 151, 0.3);
    border-bottom: 1px solid rgba(151, 151, 151, 0.3);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    font-size: 2rem;
    line-height: 2.2rem;
    color: #3f4351;
    font-family: "Barlow-Bold";
    margin-bottom: 3rem; }
    .cp-cart .prod-amt-total.no-topBorder {
      border-top: none; }
    @media only screen and (max-width: 1024px) {
      .cp-cart .prod-amt-total {
        padding: 1.4rem 0rem;
        font-size: 1.6rem;
        line-height: 1.8rem; } }
    .cp-cart .prod-amt-total .ruppe {
      font-family: "Barlow-Regular"; }
  .cp-cart .wishlist-wrap {
    border: 1px dashed #5f5f5f;
    padding: 2rem;
    border-radius: 6px;
    margin-bottom: 2rem; }
    .cp-cart .wishlist-wrap .whis-link {
      font-size: 1.2rem;
      line-height: 1.4rem;
      font-family: "Barlow-Bold";
      color: #3f4351;
      text-transform: uppercase;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .cp-cart .wishlist-wrap .whis-link .icon {
        color: #f8673b;
        margin-right: 2rem;
        font-size: 1.5rem;
        line-height: 1.5rem; }
  .cp-cart .prod-service {
    padding-top: 10rem; }
    @media only screen and (max-width: 1024px) {
      .cp-cart .prod-service {
        padding-top: 6rem; } }
    .cp-cart .prod-service .pincode-check {
      background: #f6f6f6;
      min-height: 20rem;
      padding: 3rem;
      position: relative; }
      @media only screen and (max-width: 1024px) {
        .cp-cart .prod-service .pincode-check {
          min-height: 17.2rem;
          padding: 2rem;
          margin-bottom: 6rem; } }
      .cp-cart .prod-service .pincode-check .cp-form {
        width: 29rem; }
        @media only screen and (max-width: 1024px) {
          .cp-cart .prod-service .pincode-check .cp-form {
            width: 100%; } }
        .cp-cart .prod-service .pincode-check .cp-form .inputDefault {
          border-color: #979797; }
        .cp-cart .prod-service .pincode-check .cp-form .icon {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          font-size: 1.3rem;
          color: #339e01;
          right: 16px; }
      @media only screen and (max-width: 1024px) {
        .cp-cart .prod-service .pincode-check .delivery-info {
          width: 16rem; } }
      .cp-cart .prod-service .pincode-check .note {
        font-size: 1.8rem;
        line-height: 2rem;
        color: #151515;
        font-family: "Barlow-Medium";
        margin-bottom: .5rem; }
        @media only screen and (max-width: 1024px) {
          .cp-cart .prod-service .pincode-check .note {
            font-size: 1.6rem; } }
      .cp-cart .prod-service .pincode-check .extra-note {
        font-size: 1.4rem;
        line-height: 1.8rem;
        color: #676767;
        font-family: "Barlow-Regular"; }
        @media only screen and (max-width: 1024px) {
          .cp-cart .prod-service .pincode-check .extra-note {
            font-size: 1.2rem;
            line-height: 1.6rem; } }
      .cp-cart .prod-service .pincode-check:before {
        content: '';
        position: absolute;
        right: 4rem;
        top: 3rem;
        width: 23rem;
        height: 100%;
        background: url(../../../../../static/default/assets/images/delivery.png) no-repeat 0px 0px transparent;
        background-size: contain;
        display: block; }
        @media only screen and (max-width: 1024px) {
          .cp-cart .prod-service .pincode-check:before {
            width: 13.8rem;
            height: 8.8rem;
            right: 2rem;
            top: auto;
            bottom: 2rem; } }
  .cp-cart .subtitle {
    font-size: 3.2rem;
    line-height: 2.8rem;
    font-family: "Barlow-Regular";
    color: #3f4351;
    margin-bottom: 4rem;
    text-transform: uppercase; }
    @media only screen and (max-width: 1024px) {
      .cp-cart .subtitle {
        font-size: 1.8rem;
        line-height: 1.6rem;
        margin-bottom: 3rem; } }
  .cp-cart .price-card {
    margin-bottom: 2rem;
    color: #ffffff; }
    .cp-cart .price-card .card-title {
      font-size: 2.4rem;
      line-height: 2rem;
      font-family: "Barlow-SemiBold";
      margin-bottom: 4rem;
      text-transform: capitalize;
      position: relative; }
      @media only screen and (max-width: 1024px) {
        .cp-cart .price-card .card-title {
          font-size: 2rem;
          line-height: 1.6rem;
          margin-bottom: 2rem; } }
      .cp-cart .price-card .card-title .icon {
        top: 50%;
        font-size: 1.5rem;
        position: absolute;
        right: 0;
        transform: translateY(-50%); }
    .cp-cart .price-card .price-wrap {
      padding: 3.4rem 3rem;
      background: black;
      background: linear-gradient(0deg, black 49%, #4b4a4a 100%);
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      margin-bottom: 1px; }
      .cp-cart .price-card .price-wrap .btn {
        width: 100%; }
      @media only screen and (max-width: 1024px) {
        .cp-cart .price-card .price-wrap {
          position: fixed;
          left: 0%;
          width: 100%;
          margin: 0;
          right: 0;
          bottom: -100%;
          border-top-left-radius: 4px;
          border-top-right-radius: 4px;
          padding-bottom: 1rem;
          z-index: 999;
          transition: all 0.5s ease-in-out;
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out; }
          .cp-cart .price-card .price-wrap.open {
            bottom: 8%; } }
    .cp-cart .price-card .act-btn {
      display: none; }
      @media only screen and (max-width: 1024px) {
        .cp-cart .price-card .act-btn {
          position: fixed;
          bottom: 0;
          background: #fff;
          left: 0;
          right: 0;
          display: -ms-flexbox !important;
          display: flex !important;
          z-index: 999; } }
      .cp-cart .price-card .act-btn .price {
        font-size: 2.1rem;
        line-height: 2rem;
        font-family: "Barlow-SemiBold";
        color: #3f4351;
        padding: 1.5rem 2rem 0.8rem !important;
        text-align: center; }
        .cp-cart .price-card .act-btn .price .ruppe {
          font-size: 1.4rem;
          font-family: "Barlow-Regular"; }
      .cp-cart .price-card .act-btn .value {
        display: block; }
      .cp-cart .price-card .act-btn .btn {
        width: 100%;
        border-radius: 0;
        font-size: 1.6rem; }
        .cp-cart .price-card .act-btn .btn.pr-detail {
          font-size: 1.2rem !important;
          color: #ef5323;
          font-family: "Barlow-Medium";
          padding-top: 0.7rem;
          -ms-flex-pack: center;
              justify-content: center; }
    .cp-cart .price-card .coupon-wrap {
      padding: 3.4rem 3rem;
      background: #000000;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
      @media only screen and (max-width: 1024px) {
        .cp-cart .price-card .coupon-wrap {
          border-radius: 7px;
          padding: 2.4rem 2rem; } }
      .cp-cart .price-card .coupon-wrap .card-title {
        margin-bottom: 3rem; }
    .cp-cart .price-card .cost-baifocation {
      margin-bottom: 3rem;
      font-size: 1.4rem;
      line-height: 1.8rem;
      font-family: "Barlow-Regular"; }
      @media only screen and (max-width: 1024px) {
        .cp-cart .price-card .cost-baifocation {
          margin-bottom: 0rem; } }
      .cp-cart .price-card .cost-baifocation .label-value {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        margin-bottom: 1.4rem; }
        .cp-cart .price-card .cost-baifocation .label-value .label .light {
          color: #aeaeae;
          margin-left: 5px; }
        .cp-cart .price-card .cost-baifocation .label-value.total {
          margin-top: 4rem;
          font-size: 2.4rem;
          line-height: 2.6rem;
          font-family: "Barlow-Bold";
          border-top: 1px solid white;
          padding-top: 1.5rem; }
          @media only screen and (max-width: 1024px) {
            .cp-cart .price-card .cost-baifocation .label-value.total {
              font-size: 2rem; } }
  .cp-cart .offer-list .offer-wrap {
    display: -ms-flexbox;
    display: flex;
    background: #f1f1f1;
    padding: 1rem 3.6rem 1rem 1rem;
    border-radius: 6px;
    margin-bottom: 1rem;
    position: relative; }
    .cp-cart .offer-list .offer-wrap:last-child {
      margin-bottom: 0rem; }
    .cp-cart .offer-list .offer-wrap .offer {
      font-size: 1.8rem;
      line-height: 2.2rem;
      font-family: "Barlow-Bold";
      color: #3f4351;
      display: block;
      margin-top: 1rem; }
      @media only screen and (max-width: 1024px) {
        .cp-cart .offer-list .offer-wrap .offer {
          font-size: 1.6rem; } }
    .cp-cart .offer-list .offer-wrap .desc {
      font-size: 1.4rem;
      line-height: 1.6rem;
      color: #3f4351;
      font-family: "Barlow-Regular"; }
      @media only screen and (max-width: 1024px) {
        .cp-cart .offer-list .offer-wrap .desc {
          font-size: 1.2rem; } }
    .cp-cart .offer-list .offer-wrap .img-wrap {
      min-width: 10rem;
      height: 8.1rem;
      padding: 1rem;
      margin-right: 1rem;
      background: #ffffff; }
      @media only screen and (max-width: 1024px) {
        .cp-cart .offer-list .offer-wrap .img-wrap {
          min-width: 7rem;
          height: 5.9rem; } }
    .cp-cart .offer-list .offer-wrap .ex-note {
      font-size: 1rem;
      line-height: 1.2rem;
      position: absolute;
      right: -1rem;
      top: 50%;
      transform: translateY(-50%) rotate(90deg); }
  .cp-cart .delivery-card {
    padding: 3.4rem 3rem;
    background-color: #4a4949;
    border-radius: 4px;
    margin-bottom: 1px;
    color: #ffffff; }
    @media only screen and (max-width: 1024px) {
      .cp-cart .delivery-card {
        margin-top: 6rem; } }
    .cp-cart .delivery-card .card-title {
      font-size: 2.4rem;
      line-height: 2rem;
      font-family: "Barlow-SemiBold";
      margin-bottom: 1rem;
      text-transform: capitalize;
      position: relative;
      color: #ffffff; }
      @media only screen and (max-width: 1024px) {
        .cp-cart .delivery-card .card-title {
          font-size: 2rem;
          line-height: 1.6rem;
          margin-bottom: 2rem; } }
    .cp-cart .delivery-card .delivery-item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      padding: 2rem 0;
      border-bottom: 1px solid rgba(151, 151, 151, 0.4); }
      .cp-cart .delivery-card .delivery-item:last-child {
        border: none;
        padding-bottom: 0; }
    .cp-cart .delivery-card .img-wrap {
      padding: 1rem 0.5rem;
      border-radius: 6px;
      border: solid 1px #c9c9c9;
      background: #ffffff;
      margin-right: 2rem; }
    .cp-cart .delivery-card .sub-title {
      font-family: "Barlow-Bold";
      font-size: 1.8rem;
      color: #ffffff;
      margin-bottom: 0.5rem; }
    .cp-cart .delivery-card .desc {
      font-family: "Barlow-Regular";
      font-size: 1.4rem;
      color: #d0cfcf;
      padding: 3px; }
      .cp-cart .delivery-card .desc .days {
        font-family: "Barlow-Bold";
        display: -ms-inline-flexbox;
        display: inline-flex; }
  .cp-cart.typ-emety {
    background: #f6f6f6;
    border-radius: 8px;
    min-height: 36.8rem; }
    @media only screen and (max-width: 1024px) {
      .cp-cart.typ-emety {
        margin-top: 4rem;
        min-height: auto;
        padding: 5rem 3.4rem 5rem 5rem; } }
    .cp-cart.typ-emety .cart-box {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      width: 100%;
      -ms-flex-pack: center;
          justify-content: center; }
      @media only screen and (max-width: 1024px) {
        .cp-cart.typ-emety .cart-box {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
      .cp-cart.typ-emety .cart-box .img-wrap {
        margin-right: 6rem; }
        @media only screen and (max-width: 1024px) {
          .cp-cart.typ-emety .cart-box .img-wrap {
            margin: 0rem;
            width: 13.5rem;
            margin-bottom: 4.1rem; } }
      .cp-cart.typ-emety .cart-box .info-wrap .info-title {
        font-size: 3rem;
        line-height: 3.2rem;
        color: #3f4351;
        font-family: "Barlow-SemiBold";
        margin-bottom: 1.2rem; }
        @media only screen and (max-width: 1024px) {
          .cp-cart.typ-emety .cart-box .info-wrap .info-title {
            font-size: 2.2rem;
            margin-bottom: 1rem; } }
      .cp-cart.typ-emety .cart-box .info-wrap .desc {
        font-size: 1.8rem;
        line-height: 2.4rem;
        color: #3f4351;
        font-family: "Barlow-Regular";
        margin-bottom: 4rem; }
        @media only screen and (max-width: 1024px) {
          .cp-cart.typ-emety .cart-box .info-wrap .desc {
            font-size: 1.6rem;
            line-height: 2.2rem;
            margin-bottom: 3rem; } }
      .cp-cart.typ-emety .cart-box .info-wrap .btn.btn-outline {
        background: transparent;
        color: #3f4351; }

.payment-options {
  margin-bottom: 20px; }

.payment-options h2 {
  font-size: 20px;
  margin-bottom: 10px; }

.payment-options p {
  margin-bottom: 15px; }

.payment-options ul {
  list-style: none;
  padding: 0; }

.payment-options li {
  margin-bottom: 5px; }

.payment-options label {
  display: block;
  margin-left: 10px; }

input[type="radio"]#payU-payment,
input[type="radio"]#hero-firefox-pay-later,
input[type="radio"]#PAYU_REDIRECT,
input[type="radio"]#SnapmintPayment {
  appearance: radio !important; }

header
~ #maincontent
.container
.cp-cart
.p-link:not(.btn-primary):not(.btn-outline-primary) {
  color: #f8673b; }

header
~ #maincontent
.container
.cp-cart
.p-link.btn-link-disabled:not(.btn-primary):not(.btn-outline-primary) {
  color: #9f9f9f; }

#maincontent .container .cp-cart.typ-emety .cart-box .info-wrap .btn.btn-outline {
  color: #3f4351; }

#maincontent .container .cp-cart .price-card .price-wrap a.btn.btn-default.cm-desktop.checkout-btn {
  color: #ffffff; }

#maincontent .container .cp-cart .price-card .act-btn.cm-mobile a.btn.btn-default.checkout-btn.custon-btn {
  color: #ffffff; }
  @media only screen and (max-width: 768px) {
    #maincontent .container .cp-cart .price-card .act-btn.cm-mobile a.btn.btn-default.checkout-btn.custon-btn {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      font-size: 1.6rem;
      padding: 0px; } }

#maincontent .container .cp-cart .prodcut-detail .act-btn .product-move {
  height: 35px; }
  #maincontent .container .cp-cart .prodcut-detail .act-btn .product-move .wish-btn {
    height: 26px; }

#maincontent .container .cp-cart .prod-service .pincode-check .img-wrap {
  position: absolute;
  right: 4rem;
  top: 2.5rem; }
  @media only screen and (max-width: 1024px) {
    #maincontent .container .cp-cart .prod-service .pincode-check .img-wrap {
      width: 13.8rem;
      height: 8.8rem;
      right: 2rem;
      top: 8rem;
      bottom: 2rem; } }

#maincontent .container .cp-cart .prod-service .pincode-check .error-wrap {
  z-index: 9; }

#maincontent .container .cp-cart .cp-form .error-wrap.valid:before {
  content: "\E90B" !important;
  color: #339e01;
  font-size: 1rem; }

#maincontent .container .cp-cart .cp-form .error-wrap .valid {
  color: #339e01; }

#maincontent .container .delete-coupon-confirmation-body {
  margin-bottom: 3rem;
  color: #3f4351; }
  #maincontent .container .delete-coupon-confirmation-body .coupon-to-remove {
    margin-top: 1rem; }

.cp-cart .prodcut-list .item .img-wrap {
  max-width: 20rem; }
  @media only screen and (max-width: 768px) {
    .cp-cart .prodcut-list .item .img-wrap {
      max-width: 12rem;
      overflow: hidden; } }

@media only screen and (max-width: 768px) {
  .cp-cart .prodcut-list .item.out-stock .prodcut-detail .act-btn {
    width: 100% !important; } }

.cp-cart .prodcut-list .item.typ-order .prod-title.custom .tag {
  -ms-flex-pack: end;
      justify-content: flex-end; }

.cp-cart .prodcut-list .item .btn.btn-outline.btn-popupclose {
  display: inline-block;
  padding: 1.1rem 3.43rem; }

@media only screen and (max-width: 768px) {
  .cp-cart .prodcut-list .purches-detail .p-item .text {
    font-family: "Barlow-Regular";
    font-size: 1.4rem; }
    .cp-cart .prodcut-list .purches-detail .p-item .text.frame-size {
      font-family: "Barlow-Bold"; }
    .cp-cart .prodcut-list .purches-detail .p-item .text.total-price {
      font-family: "Barlow-Bold";
      padding-top: 5px; } }

@media only screen and (max-width: 768px) {
  .cp-cart .prodcut-list .purches-detail .p-item .text.cm-regular {
    margin-right: 0.3rem; } }

@media only screen and (max-width: 768px) {
  .cp-cart .prodcut-list .purches-detail .p-item.Frame {
    position: relative; } }

.cp-cart .prodcut-list .purches-detail .p-item.quintity {
  right: -56%;
  top: 80%; }

@media only screen and (max-width: 768px) {
  .cp-cart .prodcut-list .purches-detail .p-item .label {
    margin-bottom: 0.5rem; } }

.cp-cart .prodcut-list .purches-detail .p-item .text {
  font-family: "Barlow-Bold"; }

.cp-cart .prodcut-list .purches-detail .p-item .total-price {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .cp-cart .prodcut-list .purches-detail .p-item .total-price .strike-through {
    color: #a3a6b0;
    text-decoration: line-through; }
    .cp-cart .prodcut-list .purches-detail .p-item .total-price .strike-through .price {
      color: #a3a6b0;
      font-size: 1.3rem; }
      .cp-cart .prodcut-list .purches-detail .p-item .total-price .strike-through .price .rupee {
        margin-right: 0; }

@media only screen and (max-width: 768px) {
  .cp-cart .prodcut-list .purches-detail .p-list:first-child {
    -ms-flex-align: center;
        align-items: center; } }

@media only screen and (max-width: 768px) {
  .cp-cart .prodcut-list .purches-detail .p-list {
    margin-bottom: 5rem; } }

.cp-cart .prodcut-list .purches-detail .counter {
  width: 11.3rem; }
  @media only screen and (max-width: 768px) {
    .cp-cart .prodcut-list .purches-detail .counter {
      z-index: 9; } }

@media only screen and (max-width: 768px) {
  .cp-cart .prodcut-list .prodcut-detail .act-btn {
    width: 40% !important;
    -ms-flex-pack: start;
        justify-content: flex-start;
    top: 85%; } }

@media only screen and (max-width: 768px) {
  .cp-cart .price-card .act-btn .price {
    padding: 1.5rem 2rem; } }

.cp-cart .price-card .checkout-billing .row {
  display: none; }

@media only screen and (max-width: 1024px) {
  .cp-cart .offer-list .offer-wrap .img-wrap {
    min-width: 7rem;
    height: initial;
    padding: 0rem; } }

.cp-cart .offer-list .offer-wrap .offer-info {
  font-size: 1.4rem;
  color: #3f4351; }

.cp-cart .offer-list .offer-wrap .ex-note {
  font-family: "Barlow-Regular";
  color: #808080; }

.cp-cart .dashboardCards li.typ-order {
  border-top: none;
  border-bottom: 1px solid rgba(151, 151, 151, 0.4);
  padding: 0 0 3rem; }

.cp-cart input::-webkit-outer-spin-button,
.cp-cart input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.cp-cart input[type="number"] {
  -moz-appearance: textfield; }

.cp-cart .act-btn {
  left: -6px; }

.cp-cart .p-link.btn-link-disabled {
  color: #9f9f9f;
  pointer-events: none; }

.cp-cart .color-attribute {
  margin-right: 0.8rem; }

.cp-cart .prodcut-list .prodcut-detail .act-btn {
  left: -6px; }
  @media only screen and (max-width: 768px) {
    .cp-cart .prodcut-list .prodcut-detail .act-btn {
      left: 0;
      -ms-flex-pack: start;
      justify-content: flex-start; } }
  @supports (-webkit-touch-callout: none) {
    .cp-cart .prodcut-list .prodcut-detail .act-btn {
      left: -12px; } }

.color-attribute {
  position: relative;
  margin-right: 1.5rem;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  top: 2px;
  padding: 0 !important;
  border-radius: 50%; }
  @media only screen and (max-width: 768px) {
    .color-attribute {
      margin-right: 0.5rem;
      width: 1.2rem;
      height: 1.2rem; } }

@media only screen and (max-width: 768px) {
  .product-move {
    margin-right: 1rem;
    margin-top: 3px; } }

.product-move .icon-heart-fill {
  color: #f8673b;
  font-size: 2rem; }

@media only screen and (max-width: 768px) {
  .promo-code-form {
    display: block !important; } }

.cp-cart .price-card .cm-mobile .custon-btn {
  padding: 25px 0 0 0; }

@media only screen and (max-width: 768px) {
  .cp-cart .product-move {
    left: -6px;
    top: 4px;
    position: relative; } }

.button-group .btn {
  min-width: 23rem;
  width: 50%; }

.grand-total {
  font-size: 2.4rem; }

.icon-delete,
.icon-heart-blank {
  font-size: 2rem; }

.product-move .icon-heart-blank {
  color: #000000; }

.cp-profile {
  padding-top: 5.6rem; }
  .cp-profile .lhs .cont-wrap .title-wrap {
    margin-bottom: 2rem; }
    .cp-profile .lhs .cont-wrap .title-wrap h2 {
      font-family: "Barlow-Bold";
      font-size: 2rem;
      line-height: 1.2rem; }
      @media only screen and (max-width: 768px) {
        .cp-profile .lhs .cont-wrap .title-wrap h2 {
          font-size: 1.4rem; } }

.remove-product {
  cursor: pointer; }

.coupon-price-adjustment {
  margin-top: 1.2rem;
  background-color: #2a2929;
  border-radius: 6px;
  font-family: "Barlow-Medium";
  padding-bottom: 1.3rem; }
  .coupon-price-adjustment .coupon-not-applied {
    color: #f8673b; }

header ~ #maincontent .container a:not(.btn-primary):not(.btn-outline-primary) {
  color: #3f4351; }

.cp-progress {
  margin-bottom: 6rem; }
  @media only screen and (max-width: 768px) {
    .cp-progress {
      margin-bottom: 4rem; } }
  .cp-progress .progress-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .cp-progress .progress-item {
    width: 35.33%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .cp-progress .progress-item {
        width: 33.33%;
        display: inline-block; } }
    .cp-progress .progress-item:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 0;
      width: 10rem;
      transform: translateY(-50%);
      background: #000000;
      opacity: 0.3;
      height: .15rem; }
      @media only screen and (max-width: 768px) {
        .cp-progress .progress-item:after {
          top: 30%;
          width: 5.6rem; } }
    .cp-progress .progress-item:first-child {
      width: 30%; }
      @media only screen and (max-width: 768px) {
        .cp-progress .progress-item:first-child {
          width: 33.33%; } }
    .cp-progress .progress-item.active .icon {
      color: #ffffff;
      border-color: #000000;
      background: #000000; }
    .cp-progress .progress-item.active::after {
      opacity: 1; }
    .cp-progress .progress-item.active .text {
      color: #000000;
      font-family: "Barlow-Bold"; }
    .cp-progress .progress-item.completed .icon {
      background: rgba(0, 0, 0, 0.3);
      border-color: rgba(0, 0, 0, 0.3);
      opacity: 0.3;
      color: #ffffff; }
    .cp-progress .progress-item.completed::after {
      opacity: 1; }
  .cp-progress .icon {
    width: 6rem;
    height: 6rem;
    border: 1px solid #979797;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: #979797;
    margin-right: 1.8rem; }
    @media only screen and (max-width: 768px) {
      .cp-progress .icon {
        width: 4rem;
        height: 4rem;
        font-size: 1.8rem;
        line-height: 1.8rem;
        margin-bottom: .8rem; } }
  .cp-progress .text {
    font-size: 1.8rem;
    line-height: 1.2rem;
    color: #979797;
    font-family: "Barlow-Medium";
    text-transform: uppercase; }
    @media only screen and (max-width: 768px) {
      .cp-progress .text {
        font-size: 1.4rem;
        line-height: 1.2rem; } }

.cp-accordion {
  width: 100%;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  background: #2a2a2c;
  /* Old browsers */
  background: linear-gradient(to bottom, #2a2a2c 0%, #595a5e 34%, #2a2a2c 100%);
  position: sticky;
  top: 0;
  z-index: 3;
  padding: 2.5rem 4rem 4rem;
  margin-bottom: 6rem; }
  @media only screen and (max-width: 768px) {
    .cp-accordion {
      position: absolute;
      top: 0;
      right: 0;
      display: none; } }
  @media only screen and (max-width: 768px) {
    .cp-accordion.open {
      display: block; }
      .cp-accordion.open:before {
        content: '';
        position: absolute;
        top: -1rem;
        right: 5.5rem;
        width: 0;
        height: 0;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        border-bottom: 11px solid #2a2a2c; } }
  .cp-accordion .acc-top {
    padding-bottom: 1.9rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    @media only screen and (max-width: 768px) {
      .cp-accordion .acc-top {
        -ms-flex-pack: start;
            justify-content: flex-start; } }
    .cp-accordion .acc-top .icon {
      font-size: 1.8rem;
      color: #ffffff; }
      @media only screen and (max-width: 768px) {
        .cp-accordion .acc-top .icon {
          margin-right: 1.8rem; } }
    .cp-accordion .acc-top .filter-text {
      font-size: 1.8rem;
      line-height: 2rem;
      font-family: "Barlow-Bold";
      color: #ffffff;
      text-transform: uppercase; }
    .cp-accordion .acc-top .clr-all-link {
      font-size: 1.4rem;
      font-family: "Barlow-Bold";
      letter-spacing: 1px;
      color: #f8673b;
      cursor: pointer;
      text-transform: uppercase; }
      @media only screen and (max-width: 768px) {
        .cp-accordion .acc-top .clr-all-link {
          display: none; } }
  .cp-accordion .acc-head {
    font-family: "Barlow-Medium";
    font-size: 1.6rem;
    color: #a3a6b0;
    position: relative;
    padding: 1.5rem 1rem 1.5rem 0;
    cursor: pointer;
    position: relative;
    text-transform: uppercase; }
    .cp-accordion .acc-head:before {
      content: "\E900";
      font-family: "icomoon" !important;
      position: absolute;
      font-size: 0.7rem;
      color: #f8673b;
      right: 0;
      top: 2rem;
      color: #f8673b;
      transform: rotate(90deg);
      transition: all 0.4s ease;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease; }
    .cp-accordion .acc-head.active {
      font-family: "Barlow-Bold";
      color: #ffffff; }
      .cp-accordion .acc-head.active:before {
        transform: rotate(-90deg); }
    .cp-accordion .acc-head.selected {
      font-family: "Barlow-Bold";
      color: #ffffff; }
  .cp-accordion .acc-cont {
    display: none;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .cp-accordion .acc-cont .input-wrap {
      padding-top: 1rem; }
    .cp-accordion .acc-cont .bs-checkbox {
      position: relative;
      margin-bottom: 2rem; }
      .cp-accordion .acc-cont .bs-checkbox input[type=checkbox]:checked + label {
        font-family: "Barlow-Bold"; }
      .cp-accordion .acc-cont .bs-checkbox .label-filed {
        vertical-align: top;
        padding-left: 3.6rem;
        font-size: 1.4rem;
        color: #ffffff; }
        .cp-accordion .acc-cont .bs-checkbox .label-filed:before {
          width: 1.8rem;
          height: 1.8rem;
          border-radius: 0.2rem;
          -webkit-border-radius: 0.2rem;
          -moz-border-radius: 0.2rem; }
        .cp-accordion .acc-cont .bs-checkbox .label-filed:after {
          width: 0.6rem;
          height: 1.1rem;
          border-color: #ffffff; }
  .cp-accordion.typ-faq {
    position: relative;
    background: #ffffff;
    border-radius: 0;
    padding: 2.5rem 0 0;
    border-top: solid 3px rgba(151, 151, 151, 0.2); }
    .cp-accordion.typ-faq a {
      color: #0070d2; }
    @media only screen and (max-width: 768px) {
      .cp-accordion.typ-faq {
        position: relative;
        display: block;
        padding-top: 0.7rem; } }
    .cp-accordion.typ-faq .acc-item {
      padding: 3.2rem 0;
      border-bottom: 1px solid #e2e2e2; }
      @media only screen and (max-width: 768px) {
        .cp-accordion.typ-faq .acc-item {
          padding: 2rem 0; } }
    .cp-accordion.typ-faq .acc-head {
      font-family: "Barlow-SemiBold";
      font-size: 2.1rem;
      color: #151515;
      padding: 0 6.5rem 1rem 0;
      line-height: 2.6rem;
      text-transform: none; }
      @media only screen and (max-width: 768px) {
        .cp-accordion.typ-faq .acc-head {
          font-size: 1.6rem;
          padding-right: 2.5rem;
          line-height: 2.1rem; } }
      .cp-accordion.typ-faq .acc-head:before {
        content: "\E906";
        font-family: "icomoon" !important;
        position: absolute;
        font-size: 1.4rem;
        color: #f8673b;
        right: 1rem;
        top: 50%;
        color: #f8673b;
        transform: translateY(-50%);
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease; }
        @media only screen and (max-width: 768px) {
          .cp-accordion.typ-faq .acc-head:before {
            right: 0;
            top: 5px;
            transform: none; } }
      .cp-accordion.typ-faq .acc-head.active:before {
        content: "\E935"; }
    .cp-accordion.typ-faq .acc-cont {
      max-width: 90%; }
    .cp-accordion.typ-faq .desc {
      font-family: "Barlow-Regular";
      font-size: 1.6rem;
      color: #3f4351;
      line-height: 2.3rem; }
      @media only screen and (max-width: 768px) {
        .cp-accordion.typ-faq .desc {
          font-size: 1.4rem;
          line-height: 2.1rem; } }