/* colors */
/*font family*/
/* breakpoints */
/*transform*/
/*transform*/
/*opacity*/
/*opacity- end*/
.cp-modelcontent .sec-head {
  font-family: "Gotham-Black";
  font-size: 3rem;
  color: #4a4a4a;
  padding-bottom: 3rem;
  text-transform: uppercase; }
  @media only screen and (max-width: 768px) {
    .cp-modelcontent .sec-head {
      font-size: 2.8rem; } }
  .cp-modelcontent .sec-head.typ-emi {
    padding-bottom: 0; }
    .cp-modelcontent .sec-head.typ-emi::before {
      content: "";
      background: url(../assets/images/title-infography-left.png) 0 0 no-repeat;
      background-size: contain;
      position: absolute;
      top: 1rem;
      left: 0rem;
      width: 15.7rem;
      height: 10.9rem; }
      @media only screen and (max-width: 768px) {
        .cp-modelcontent .sec-head.typ-emi::before {
          top: 0.8rem;
          left: -2.8rem;
          width: 10.8rem;
          height: 10.9rem; } }
  .cp-modelcontent .sec-head.typ-2 {
    font-family: "Gotham-Book";
    font-size: 2.2rem;
    padding-top: 1rem; }
    @media only screen and (max-width: 768px) {
      .cp-modelcontent .sec-head.typ-2 {
        font-size: 1.5rem; } }

.cp-modelcontent .desc {
  font-size: 2rem;
  font-family: "Gotham-Bold";
  color: #000000;
  line-height: 2.8rem; }
  .cp-modelcontent .desc.type-2 {
    font-size: 1.6rem;
    font-family: "Gotham-Book";
    line-height: 2.4rem; }
    .cp-modelcontent .desc.type-2 .link {
      color: #bd001c; }

.cp-modelcontent .note {
  font-size: 1.2rem;
  font-family: "Gotham-Book";
  color: #999999; }

.cp-modelcontent .act-wrap {
  border-radius: 0.8rem;
  box-shadow: 0 -2.2rem 2.6rem -1rem rgba(195, 195, 195, 0.48);
  background-color: #fff;
  text-align: center;
  padding: 1.8rem 0;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0; }
  .cp-modelcontent .act-wrap .btn {
    font-size: 1.2rem; }

.cp-modelcontent .size-info-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: start;
  -ms-flex-align: end;
      align-items: end;
  margin-bottom: 2.5rem; }
  .cp-modelcontent .size-info-left .size-input {
    width: 3.6rem;
    border-bottom: 0.1rem solid #979797; }
  .cp-modelcontent .size-info-left .input-wrap {
    margin-right: 1.3rem; }
  .cp-modelcontent .size-info-left .btn {
    min-width: 7rem;
    font-size: 1.4rem; }

.cp-modelcontent .termsText {
  font-size: 1.2rem;
  font-family: "Gotham-Book";
  color: #000000;
  line-height: 1.6rem;
  display: block;
  padding-top: 1.5rem; }

.cp-modelcontent .disclaimerText {
  display: block;
  font-size: 1.2rem;
  font-family: "Gotham-Book";
  color: #000000;
  line-height: 1.6rem;
  padding-top: 1rem; }

.cp-modelcontent .act-btn.typ-deletpro .btn {
  min-width: 16.6rem; }

.cp-modelcontent .bottom-sec {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .cp-modelcontent .bottom-sec .upload-sec .title-hd {
    font-size: 1.4rem;
    font-family: "Gotham-Bold";
    color: #3f4351;
    padding-bottom: 1.5rem; }
  .cp-modelcontent .bottom-sec .upload-sec .fileName {
    border-radius: 1.6rem;
    border: 0.1rem solid #bd001c;
    font-size: 1.4rem;
    font-family: "Gotham-Medium";
    color: #000000;
    text-align: center;
    padding: 0.5rem 3rem 0.5rem 0.8rem;
    position: relative; }
  .cp-modelcontent .bottom-sec .upload-sec .btn {
    padding: 0.8rem 2rem; }
  .cp-modelcontent .bottom-sec .upload-sec .icon-close {
    font-size: 1.2rem;
    position: absolute;
    right: 0.7rem;
    top: 0.7rem; }
  .cp-modelcontent .bottom-sec .guideLineSec {
    margin-top: 2.5rem; }
    .cp-modelcontent .bottom-sec .guideLineSec .title-hd {
      font-size: 1.2rem;
      font-family: "Gotham-Bold";
      color: #3f4351;
      text-transform: uppercase; }
  .cp-modelcontent .bottom-sec .guideLine-item {
    list-style-type: disc;
    font-size: 1.1rem;
    font-family: "Gotham-Book";
    color: #3f4351;
    margin-left: 1rem; }

.cp-modelcontent .visually-hidden {
  position: absolute !important;
  height: 0.1rem;
  width: 0.1rem;
  overflow: hidden;
  clip: rect(0.1rem 0.1rem 0.1rem 0.1rem);
  clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem); }

.cp-modelcontent .select2-container {
  width: 100% !important; }

.cp-modelcontent .sub-heading {
  font-size: 2rem;
  color: #000000;
  font-family: "Gotham-Bold";
  padding: 2rem 0; }

.switch {
  display: inline-block;
  position: relative;
  background: #ffffff;
  border: 0.1rem solid #c2c2c2;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  height: 3.5rem;
  width: 10.2rem;
  margin: 0; }
  .switch .switch-input {
    display: none; }
  .switch .switch-label {
    float: left;
    width: 50%;
    font-size: 1.2rem;
    font-family: "Gotham-Bold";
    color: #4a4a4a;
    text-align: center;
    cursor: pointer;
    position: inherit;
    z-index: 1;
    padding: 0.9rem 1rem;
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform; }
  .switch .switch-toggle {
    position: absolute;
    float: left;
    height: 2.9rem;
    width: 50%;
    font-size: 1.2rem;
    line-height: 1.4rem;
    cursor: pointer;
    background: #bd001c;
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    left: 0.2rem;
    top: 0.2rem;
    transition: left 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform; }
  .switch .switch-input:checked + .switch-label {
    color: #ffffff; }
  .switch .switch-input2:checked ~ .switch-toggle {
    left: 4.8rem; }

.sec-title {
  font-size: 2.1rem;
  font-family: "Gotham-Black";
  color: #4a4a4a;
  text-transform: uppercase;
  padding-bottom: 2rem; }

.cp-guideline {
  padding-top: 4rem; }
  @media only screen and (max-width: 768px) {
    .cp-guideline {
      padding-top: 2rem; } }
  .cp-guideline .guideLineBlock {
    margin-bottom: 2.5rem; }
  .cp-guideline .hd-title {
    font-size: 2.1rem;
    font-family: "Gotham-Black";
    color: #4a4a4a;
    text-transform: uppercase;
    padding-bottom: 3rem; }
    @media only screen and (max-width: 768px) {
      .cp-guideline .hd-title {
        font-size: 1.6rem; } }
  .cp-guideline .title {
    color: #3c3c3c;
    font-size: 1.6rem;
    font-family: "Gotham-Medium";
    padding-bottom: 1rem; }
    @media only screen and (max-width: 768px) {
      .cp-guideline .title {
        font-size: 1.4rem; } }
  .cp-guideline .desc {
    color: #3c3c3c;
    font-size: 1.6rem;
    font-family: "Gotham-Book"; }
    @media only screen and (max-width: 768px) {
      .cp-guideline .desc {
        font-size: 1.4rem; } }
  .cp-guideline .guide-item {
    color: #3c3c3c;
    font-size: 1.6rem;
    font-family: "Gotham-Book";
    margin-bottom: 1rem; }
    @media only screen and (max-width: 768px) {
      .cp-guideline .guide-item {
        font-size: 1.4rem; } }

.sec-title.adp-title-mb {
  padding-bottom: 0; }

@media only screen and (max-width: 768px) {
  .cp-modelcontent .scroll {
    height: 60rem; } }

.cp-modelcontent .typ-2.typ-emi {
  padding-top: 0;
  padding-bottom: 4rem;
  text-transform: none; }

.cp-modelcontent .display-none {
  display: none; }

.cp-modelcontent .sizeChartTable .heighlighted td {
  background-color: #fff8e4; }

.cp-modelcontent .size-info-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 2.5rem; }
  @media only screen and (max-width: 768px) {
    .cp-modelcontent .size-info-wrap {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .cp-modelcontent .size-info-wrap .size-info-left {
    display: block;
    margin-bottom: 0;
    margin-top: 2rem;
    /* Chrome, Safari, Edge, Opera */
    /* Firefox */ }
    @media only screen and (max-width: 768px) {
      .cp-modelcontent .size-info-wrap .size-info-left {
        width: 100%;
        margin: 2rem 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
            align-items: flex-start; } }
    .cp-modelcontent .size-info-wrap .size-info-left input::-webkit-outer-spin-button,
    .cp-modelcontent .size-info-wrap .size-info-left input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .cp-modelcontent .size-info-wrap .size-info-left input[type=number] {
      -moz-appearance: textfield; }
    .cp-modelcontent .size-info-wrap .size-info-left .frame-input-wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-align: end;
      align-items: flex-end;
      margin-top: 2.4rem; }
      @media only screen and (max-width: 768px) {
        .cp-modelcontent .size-info-wrap .size-info-left .frame-input-wrap {
          margin-top: 0;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-order: -1;
              order: -1; } }
      .cp-modelcontent .size-info-wrap .size-info-left .frame-input-wrap .input-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: end;
        align-items: flex-end;
        margin: 0; }
        .cp-modelcontent .size-info-wrap .size-info-left .frame-input-wrap .input-wrap label {
          margin-right: 1rem; }
          @media only screen and (max-width: 768px) {
            .cp-modelcontent .size-info-wrap .size-info-left .frame-input-wrap .input-wrap label {
              position: relative;
              top: -0.3rem; } }
      .cp-modelcontent .size-info-wrap .size-info-left .frame-input-wrap .go-frame-size-chart {
        padding: 1rem; }
      .cp-modelcontent .size-info-wrap .size-info-left .frame-input-wrap .size-input {
        font-size: 1.6rem;
        text-align: left;
        padding-bottom: 0.5rem;
        margin-right: 1rem;
        width: 4rem;
        text-align: center; }
        @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
          .cp-modelcontent .size-info-wrap .size-info-left .frame-input-wrap .size-input {
            width: 4.5rem;
            border-radius: 0; } }
    .cp-modelcontent .size-info-wrap .size-info-left .act {
      margin-top: 2.3rem;
      -ms-flex-item-align: start;
          align-self: flex-start; }
    @media only screen and (max-width: 768px) {
      .cp-modelcontent .size-info-wrap .size-info-left .switch {
        display: inline-block; } }
  .cp-modelcontent .size-info-wrap .size-info-right {
    margin-left: auto;
    margin-top: auto; }
    @media only screen and (max-width: 768px) {
      .cp-modelcontent .size-info-wrap .size-info-right {
        margin-left: 0;
        width: 100%; } }
    .cp-modelcontent .size-info-wrap .size-info-right .shadow-box {
      display: none;
      border-radius: 8px;
      padding: 1.41rem 1rem;
      max-width: 28.5rem;
      width: 28.5rem;
      border-radius: 8px;
      background-color: #fff8e4;
      text-align: center; }
      .cp-modelcontent .size-info-wrap .size-info-right .shadow-box .desc {
        font-size: 1.4rem;
        font-family: "Gotham-Book";
        line-height: 1.14;
        letter-spacing: normal;
        color: #3c3c3c; }

@media only screen and (max-width: 768px) {
  .cp-modelcontent.typ-modalFranchi .sec-head {
    padding: 2rem 4rem 1.5rem 0rem; } }

.cp-modelcontent.typ-modalFranchi .sec-head::before {
  content: "";
  background: url(../assets/images/title-infography-left.png) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  top: 1rem;
  left: 0rem;
  width: 13.6rem;
  height: 11.8rem; }
  @media only screen and (max-width: 768px) {
    .cp-modelcontent.typ-modalFranchi .sec-head::before {
      top: 1.8rem;
      left: -1.2rem;
      width: 9rem;
      height: 10.9rem; } }

@media only screen and (max-width: 768px) {
  .cp-guideline {
    padding-top: 6rem; } }

.cp-guideline:last-child {
  padding-bottom: 7rem; }
  @media only screen and (max-width: 768px) {
    .cp-guideline:last-child {
      padding-bottom: 10rem; } }

.cp-guideline .title,
.cp-guideline .desc {
  line-height: 2rem; }

@media only screen and (max-width: 768px) {
  .cp-guideline .sec-title {
    font-size: 1.6rem; } }