/* before */
/*@mixin bg-img-properties($repeat, $size, $position) {*/
/* TRANSFORM ALIGNMENT */
/* END */
/* transform */
/* end - transform */
/* transition */
/* end - transition */
/* box-shadow */
/* end - box-shadow */
body {
  font-family: 'Mulish';
  color: #fafafa;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

a {
    /*color: $CT-BLK-T75;
    font-size: 14px;
    font-weight: 500;
    @include transition(color 0.3s);

    &:hover {
        color: $CT-PRM-T00;
    }*/
}

/*** Heading ***/
.ff-hd-01 {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.ff-hd-02 {
  color: #ffffff;
  font-size: 102px;
  font-weight: 900;
  letter-spacing: 0.01em;
}

.ff-hd-03 {
  color: #ffffff;
  font-size: 26px;
  font-weight: 700;
}

.ff-hd-04 {
  color: #707474;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.ff-hd-05 {
  color: #ffffff;
  font-size: 58px;
  font-weight: 900;
}

.ff-hd-06 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 1.2px;
}

.ff-hd-07 {
  color: #ffffff;
  font-size: 58px;
  font-weight: 900;
}

.ff-hd-08 {
  color: #0d86c8;
  font-size: 58px;
  font-weight: 900;
}

.ff-hd-09 {
  color: #172a53;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.ff-hd-10 {
  color: #252929;
  font-size: 15px;
  font-weight: 700;
}

.ff-hd-12 {
  color: #ffffff;
  font-size: 78px;
  font-weight: 900;
}

.ff-hd-13 {
  color: #ffffff;
  font-size: 48px;
  font-weight: 900;
}

.ff-hd-14 {
  color: #ffffff;
  font-size: 122px;
  font-weight: 900;
}

.ff-hd-15 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
}

.ff-hd-16 {
  color: #0d86c8;
  font-size: 16px;
  font-weight: 700;
}

.ff-hd-17 {
  color: #0a519e;
  font-size: 30px;
  font-weight: 900;
}

.ff-hd-18 {
  color: #0a519e;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.001em;
}

.ff-hd-19 {
  color: #ffffff;
  font-size: 58px;
  font-weight: 900;
}

.ff-hd-20 {
  color: #edf1f1;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.040em;
}

.ff-hd-21 {
  color: #0a519e;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: -0.0010em;
}

.ff-hd-22 {
  color: #ffffff;
  font-size: 38px;
  font-weight: 900;
  letter-spacing: -0.015em;
}

.ff-hd-23 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
}

.ff-hd-24 {
  color: #3e4242;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.1px;
}

.ff-hd-25 {
  color: #172a53;
  font-size: 13px;
  font-weight: 700;
}

.ff-hd-26 {
  color: #0a519e;
  font-size: 24px;
  letter-spacing: 0px;
}

.ff-hd-27 {
  color: #0a519e;
  font-size: 22px;
  font-weight: 900;
}

/*** Paragraph ***/
.ff-pr-01 {
  color: #333333;
}

.ff-pr-02 {
  color: #3e4242;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0px;
}

.ff-pr-03 {
  color: #172a53;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.ff-pr-04 {
  color: #3e4242;
  font-size: 18px;
  letter-spacing: -0.1px;
}

/*** Blockquote ***/
/*** Font Face ***/
.ff-01 {
  color: #edf1f1;
  font-size: 21px;
  font-weight: 300;
}

.ff-02 {
  color: #898d8d;
  font-size: 16px;
  font-weight: 400;
}
.ff-02 strong {
  color: #252929;
  font-weight: 700;
}

.ff-03 {
  color: #898d8d;
  font-size: 14px;
  font-weight: 400;
}

.ff-04 {
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
}

.ff-05 {
  color: #323636;
  font-size: 26px;
  font-weight: 700;
}

.ff-06 {
  color: #252929;
  font-size: 14px;
  font-weight: 400;
}
.ff-06 strong {
  font-weight: 700;
}

.ff-07 {
  color: #898d8d;
  font-size: 13px;
  font-weight: 400;
}

.ff-08 {
  color: #edf1f1;
  font-size: 52px;
  font-weight: 900;
}

.ff-09 {
  color: #edf1f1;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.040em;
}

.ff-10 {
  color: #252929;
  font-size: 16px;
  font-weight: 400;
}
.ff-10 strong {
  font-weight: 700;
}

.ff-11 {
  color: #edf1f1;
  font-size: 12px;
  font-weight: 500;
}

.ff-12 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
}

.ff-13 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.010em;
}

.ff-14 {
  color: #172a53;
  font-size: 18px;
  font-weight: 400;
}

.ff-15 {
  color: #323636;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.3px;
}

.ff-17 {
  color: #898d8d;
  font-size: 14px;
  font-weight: 400;
}

.ff-18 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
}

.ff-19 {
  color: #ffffff;
  font-size: 34px;
  font-weight: 900;
}

.ff-20 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
}

.ff-21 {
  color: #ffffff;
  font-size: 48px;
  font-weight: 900;
}

.ff-22 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 400;
}

.ff-23 {
  color: #252929;
  font-size: 16px;
  font-weight: 400;
}

.ff-24 {
  color: #252929;
  font-size: 16px;
  font-weight: 700;
}

.ff-25 {
  color: #3e4242;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.3px;
}

.ff-26 {
  color: #3e4242;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -0.3px;
}

.ff-27 {
  color: #3e4242;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -0.3px;
}

.ff-28 {
  color: #252929;
}

.ff-29 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
}

.ff-30 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
}

.ff-31 {
  color: #0a519e;
  font-size: 14px;
  font-weight: 700;
}

.ff-32 {
  color: #3e4242;
  font-size: 15px;
  font-weight: 400;
}

.ff-33 {
  color: #181c1c;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.00em;
}

.ff-34 {
  color: #3e4242;
  font-size: 16px;
  font-weight: 700;
}

.ff-35 {
  color: #3e4242;
  font-size: 15px;
  font-weight: 700;
}

.ff-36 {
  color: #a2a6a6;
  font-size: 14px;
  font-weight: 500;
}

.ff-37 {
  color: #3e4242;
  font-size: 13px;
  font-weight: 400;
}
.ff-37 strong {
  font-weight: 600;
}

.ff-38 {
  color: #3e4242;
  font-size: 24px;
  font-weight: 900;
}

.ff-39 {
  font-weight: 900;
  color: #323636;
  letter-spacing: 0;
  font-size: 16px;
}

.ff-40 {
  color: #323636;
  font-size: 16px;
  font-weight: 900;
}

/*** Link **/
.lnk-01 {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.040em;
}

.lnk-02 {
  color: #ffffff;
  font-size: 15px;
  font-weight: 300;
}

.lnk-03 {
  color: rgba(255, 255, 255, 0.7);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.3px;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}
.lnk-03:hover {
  color: #ffffff;
}

.lnk-05 {
  color: #edf1f1;
  font-size: 15px;
  font-weight: 500;
}

.lnk-06 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
}

.lnk-07 {
  color: #aeb2b2;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.3px;
}

.lnk-08 {
  color: #edf1f1;
  font-size: 12px;
  font-weight: 500;
  opacity: 0.9;
  letter-spacing: 0.050em;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.lnk-08:hover {
  opacity: 1;
}

.lnk-09 {
  color: #323636;
  font-size: 16px;
  font-weight: 400;
}

.lnk-10 {
  color: #bbbfbf;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.02px;
}

/* XS */
@media all and (max-width: 767px) {
  .ff-hd-02 {
    font-size: 28px;
  }

  .ff-hd-03 {
    color: #edf1f1;
    font-size: 16px;
    font-weight: 500;
  }

  .ff-hd-04 {
    font-size: 11px;
  }

  .ff-hd-05 {
    font-size: 20px;
  }

  .ff-hd-07 {
    font-size: 20px;
  }

  .ff-hd-12 {
    font-size: 34px;
  }

  .ff-hd-13 {
    color: #252929;
    font-size: 24px;
  }

  .ff-hd-14 {
    font-size: 38px;
  }

  .ff-hd-15 {
    font-size: 18px;
    font-weight: 400;
  }

  .ff-hd-16 {
    font-size: 13px;
  }

  .ff-hd-17 {
    font-size: 18px;
  }

  .ff-hd-18 {
    font-size: 20px;
  }

  .ff-hd-21 {
    font-size: 18px;
  }

  .ff-hd-22 {
    color: #252929;
    font-size: 22px;
  }

  .ff-hd-25 {
    font-size: 12px;
  }

  .ff-hd-26 {
    font-size: 16px;
  }

  .ff-hd-27 {
    font-size: 18px;
  }

  .ff-pr-02 {
    font-size: 14px;
  }

  .ff-02 {
    font-size: 13px;
  }

  .ff-03 {
    font-size: 13px;
  }

  .ff-04 {
    color: #e0e4e4;
    font-size: 10px;
  }

  .ff-05 {
    font-size: 20px;
  }

  .ff-06 {
    font-size: 13px;
  }

  .ff-12 {
    font-size: 15px;
  }

  .ff-13 {
    color: #252929;
    font-size: 15px;
  }

  .ff-15 {
    font-size: 14px;
  }

  .ff-18 {
    font-size: 12px;
  }

  .ff-19 {
    font-size: 28px;
  }

  .ff-20 {
    color: #252929;
    font-weight: 400;
  }

  .ff-21 {
    font-size: 24px;
  }

  .ff-23 {
    font-size: 13px;
  }

  .ff-24 {
    font-size: 17px;
  }

  .ff-25 {
    font-size: 13px;
    letter-spacing: -0.2px;
  }

  .ff-26 {
    font-size: 15px;
  }

  .ff-27 {
    font-size: 14px;
    font-weight: 400;
  }

  .ff-28 {
    font-size: 18px;
  }

  .ff-30 {
    font-size: 18px;
  }

  .ff-32 {
    font-size: 11px;
  }

  .ff-35 {
    font-size: 14px;
  }

  .ff-38 {
    font-size: 15px;
  }

  .ff-39 {
    font-weight: 300;
    font-size: 12px;
  }

  .ff-40 {
    font-size: 12px;
  }

  .ff-pr-04 {
    font-size: 14px;
    letter-spacing: 0.025em;
  }

  .lnk-01 {
    color: #252929;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: normal;
  }

  .lnk-02 {
    color: #252929;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: normal;
  }

  .lnk-03 {
    font-size: 12px;
  }

  .lnk-05 {
    font-size: 13px;
  }

  .lnk-06 {
    font-size: 12px;
  }

  .lnk-07 {
    font-size: 12px;
    letter-spacing: 0.2px;
  }

  .lnk-09 {
    font-size: 14px;
  }
}
/* SM1 */
@media all and (min-width: 768px) and (max-width: 1023px) {
  .ff-hd-02 {
    font-size: 54px;
  }

  .ff-hd-03 {
    font-size: 18px;
  }

  .ff-hd-04 {
    font-size: 11px;
  }

  .ff-hd-05 {
    font-size: 34px;
  }

  .ff-hd-06 {
    font-size: 16px;
    letter-spacing: 0.9px;
  }

  .ff-hd-07 {
    font-size: 34px;
  }

  .ff-hd-08 {
    font-size: 42px;
  }

  .ff-hd-09 {
    font-size: 14px;
  }

  .ff-hd-12 {
    font-size: 52px;
  }

  .ff-hd-13 {
    color: #252929;
    font-size: 28px;
  }

  .ff-hd-15 {
    font-size: 18px;
  }

  .ff-hd-14 {
    font-size: 66px;
  }

  .ff-hd-16 {
    font-size: 14px;
  }

  .ff-hd-17 {
    font-size: 28px;
  }

  .ff-hd-18 {
    font-size: 20px;
  }

  .ff-hd-19 {
    font-size: 40px;
  }

  .ff-hd-20 {
    font-size: 18px;
  }

  .ff-hd-21 {
    font-size: 26px;
  }

  .ff-hd-22 {
    color: #252929;
    font-size: 22px;
  }

  .ff-hd-24 {
    font-size: 13px;
  }

  .ff-hd-25 {
    font-size: 12px;
  }

  .ff-hd-26 {
    font-size: 20px;
  }

  .ff-hd-27 {
    font-size: 20px;
  }

  .ff-01 {
    font-size: 16px;
  }

  .ff-02 {
    font-size: 14px;
  }

  .ff-03 {
    font-size: 12px;
  }

  .ff-04 {
    font-size: 12px;
  }

  .ff-08 {
    color: #ffffff;
    font-size: 22px;
  }

  .ff-09 {
    font-size: 18px;
  }

  .ff-10 {
    font-size: 14px;
  }

  .ff-12 {
    font-size: 15px;
  }

  .ff-13 {
    color: #252929;
    font-size: 15px;
  }

  .ff-14 {
    font-size: 14px;
  }

  .ff-15 {
    font-size: 14px;
  }

  .ff-18 {
    font-size: 12px;
  }

  .ff-19 {
    font-size: 28px;
  }

  .ff-20 {
    color: #252929;
    font-weight: 400;
  }

  .ff-21 {
    font-size: 32px;
  }

  .ff-22 {
    font-size: 18px;
  }

  .ff-23 {
    font-size: 15px;
  }

  .ff-24 {
    font-size: 15px;
  }

  .ff-25 {
    font-size: 14px;
  }

  .ff-27 {
    font-size: 14px;
    font-weight: 400;
  }

  .ff-28 {
    font-size: 20px;
    font-weight: 900;
  }

  .ff-30 {
    font-size: 18px;
  }

  .ff-32 {
    font-size: 12px;
  }

  .ff-35 {
    font-size: 14px;
  }

  .ff-38 {
    font-size: 15px;
  }

  .ff-39 {
    font-size: 14px;
  }

  .ff-40 {
    font-size: 14px;
  }

  .ff-pr-03 {
    font-size: 14px;
  }

  .ff-pr-04 {
    font-size: 17px;
  }

  .lnk-01 {
    color: #252929;
    font-size: 20px;
    font-weight: 600;
  }

  .lnk-02 {
    color: #252929;
    font-size: 20px;
    font-weight: 600;
  }

  .lnk-03 {
    font-size: 12px;
  }

  .lnk-05 {
    font-size: 14px;
  }

  .lnk-06 {
    font-size: 12px;
  }

  .lnk-07 {
    font-size: 12px;
    letter-spacing: 0.2px;
  }
}
/* SM2 */
@media all and (min-width: 1024px) and (max-width: 1199px) {
  .ff-hd-02 {
    font-size: 64px;
  }

  .ff-hd-03 {
    font-size: 18px;
  }

  .ff-hd-04 {
    font-size: 11px;
  }

  .ff-hd-05 {
    font-size: 40px;
  }

  .ff-hd-06 {
    font-size: 18px;
    letter-spacing: 1px;
  }

  .ff-hd-07 {
    font-size: 38px;
  }

  .ff-hd-08 {
    font-size: 42px;
  }

  .ff-hd-09 {
    font-size: 14px;
  }

  .ff-hd-12 {
    font-size: 52px;
  }

  .ff-hd-13 {
    color: #252929;
    font-size: 28px;
  }

  .ff-hd-14 {
    font-size: 100px;
  }

  .ff-hd-15 {
    font-size: 18px;
  }

  .ff-hd-16 {
    font-size: 14px;
  }

  .ff-hd-17 {
    font-size: 28px;
  }

  .ff-hd-18 {
    font-size: 20px;
  }

  .ff-hd-19 {
    font-size: 40px;
  }

  .ff-hd-20 {
    font-size: 18px;
  }

  .ff-hd-22 {
    color: #252929;
    font-size: 22px;
  }

  .ff-hd-24 {
    font-size: 13px;
  }

  .ff-hd-25 {
    font-size: 12px;
  }

  .ff-hd-26 {
    font-size: 20px;
  }

  .ff-hd-27 {
    font-size: 20px;
  }

  .ff-01 {
    font-size: 16px;
  }

  .ff-02 {
    font-size: 14px;
  }

  .ff-03 {
    font-size: 13px;
  }

  .ff-04 {
    font-size: 12px;
  }

  .ff-08 {
    color: #ffffff;
    font-size: 22px;
  }

  .ff-09 {
    font-size: 18px;
  }

  .ff-10 {
    font-size: 14px;
  }

  .ff-12 {
    font-size: 15px;
  }

  .ff-13 {
    color: #252929;
    font-size: 15px;
  }

  .ff-14 {
    font-size: 14px;
  }

  .ff-15 {
    font-size: 14px;
  }

  .ff-18 {
    font-size: 12px;
  }

  .ff-19 {
    font-size: 28px;
  }

  .ff-20 {
    color: #252929;
    font-weight: 400;
  }

  .ff-21 {
    font-size: 38px;
  }

  .ff-22 {
    font-size: 18px;
  }

  .ff-23 {
    font-size: 15px;
  }

  .ff-24 {
    font-size: 15px;
  }

  .ff-25 {
    font-size: 14px;
  }

  .ff-27 {
    font-size: 14px;
    font-weight: 400;
  }

  .ff-28 {
    font-size: 20px;
    font-weight: 900;
  }

  .ff-30 {
    font-size: 18px;
  }

  .ff-32 {
    font-size: 12px;
  }

  .ff-35 {
    font-size: 14px;
  }

  .ff-38 {
    font-size: 15px;
  }

  .ff-39 {
    font-size: 14px;
  }

  .ff-40 {
    font-size: 14px;
  }

  .ff-pr-03 {
    font-size: 14px;
  }

  .ff-pr-04 {
    font-size: 17px;
  }

  .lnk-01 {
    color: #252929;
    font-size: 20px;
    font-weight: 600;
  }

  .lnk-02 {
    color: #252929;
    font-size: 20px;
    font-weight: 600;
  }

  .lnk-03 {
    font-size: 12px;
  }

  .lnk-05 {
    font-size: 14px;
  }

  .lnk-06 {
    font-size: 12px;
  }

  .lnk-07 {
    font-size: 12px;
    letter-spacing: 0.2px;
  }
}
/* 1440 & 1366 & 1280 */
@media all and (min-width: 1200px) and (max-width: 1599px) {
  .ff-hd-01 {
    font-size: 12px;
  }

  .ff-hd-02 {
    font-size: 62px;
  }

  .ff-hd-03 {
    font-size: 22px;
  }

  .ff-hd-04 {
    font-size: 11px;
  }

  .ff-hd-05 {
    font-size: 48px;
  }

  .ff-hd-07 {
    font-size: 48px;
  }

  .ff-hd-08 {
    font-size: 48px;
  }

  .ff-hd-09 {
    font-size: 16px;
  }

  .ff-hd-12 {
    font-size: 64px;
  }

  .ff-hd-13 {
    font-size: 42px;
  }

  .ff-hd-14 {
    font-size: 110px;
  }

  .ff-hd-17 {
    font-size: 28px;
  }

  .ff-hd-19 {
    font-size: 48px;
  }

  .ff-hd-20 {
    font-size: 18px;
  }

  .ff-hd-22 {
    font-size: 34px;
  }

  .ff-hd-25 {
    font-size: 13px;
    font-weight: 700;
  }

  .ff-hd-26 {
    font-size: 24px;
  }

  .ff-hd-27 {
    font-size: 20px;
  }

  .ff-pr-03 {
    font-size: 16px;
  }

  .ff-pr-04 {
    font-size: 17px;
  }

  .ff-01 {
    font-size: 18px;
  }

  .ff-02 {
    font-size: 15px;
  }

  .ff-03 {
    font-size: 13px;
  }

  .ff-08 {
    color: #ffffff;
    font-size: 42px;
  }

  .ff-09 {
    font-size: 18px;
  }

  .ff-10 {
    font-size: 14px;
  }

  .ff-12 {
    font-size: 15px;
  }

  .ff-13 {
    font-size: 15px;
  }

  .ff-14 {
    font-size: 16px;
  }

  .ff-15 {
    font-size: 14px;
  }

  .ff-21 {
    font-size: 38px;
  }

  .ff-22 {
    font-size: 18px;
  }

  .ff-25 {
    font-size: 15px;
  }

  .ff-26 {
    font-size: 15px;
  }

  .ff-27 {
    font-size: 14px;
  }

  .ff-30 {
    font-size: 20px;
    font-weight: 600;
  }

  .ff-35 {
    font-size: 15px;
    font-weight: 700;
  }

  .ff-38 {
    font-size: 20px;
  }

  .ff-39 {
    font-size: 16px;
  }

  .ff-40 {
    font-size: 14px;
  }

  .lnk-03 {
    font-size: 14px;
  }

  .lnk-07 {
    font-size: 12px;
    letter-spacing: 0.2px;
  }
}