/* before */
/* transform */
/* end - transform */
/* transition */
/* end - transition */
/* box-shadow */
/* end - box-shadow */
body {
  font-family: 'HelveticaNeue';
  color: #3e4242;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.2px;
}
body strong {
  font-weight: 600;
}

/*** Heading ***/
.ff-hd-01 {
  color: #ffffff;
  font-size: 38px;
  font-weight: 100;
  letter-spacing: 0.3px;
}

.ff-hd-02 {
  color: #38474f;
  font-size: 38px;
  font-weight: 400;
  letter-spacing: 0.3px;
}

.ff-hd-03 {
  color: #000404;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.ff-hd-04 {
  color: #38474f;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.1px;
}

.ff-hd-05 {
  color: #bbbfbf;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.1px;
}

.ff-hd-06 {
  color: #ffffff;
  font-size: 38px;
  font-weight: 400;
  letter-spacing: 0.3px;
}

.ff-hd-07 {
  color: #323636;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.ff-hd-08 {
  color: #3e4242;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.4px;
}

.ff-hd-09 {
  color: #3e4242;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.3px;
}

.ff-hd-10 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.3px;
}

.ff-hd-11 {
  color: #a2a6a6;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.050em;
}

.ff-hd-12 {
  color: #ffffff;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: 0.7px;
}

.ff-hd-13 {
  color: #38474f;
  font-size: 38px;
  font-weight: 400;
  letter-spacing: 0.3px;
}

.ff-hd-14 {
  color: #707474;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.ff-hd-15 {
  color: #707474;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.ff-hd-16 {
  color: #4a4e4e;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.1px;
}

.ff-hd-17 {
  color: #38474f;
  font-size: 38px;
  font-weight: 400;
  letter-spacing: 0.3px;
}

.ff-hd-18 {
  color: #646868;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.ff-hd-19 {
  color: #F44336;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.005em;
}

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

.ff-pr-02 {
  color: #38474f;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.3px;
}

.ff-pr-03 {
  color: #4a4e4e;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.3px;
}

.ff-pr-04 {
  color: #898d8d;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.2px;
}

.ff-pr-05 {
  color: #4a4e4e;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.4px;
}

.ff-pr-06 {
  color: #3e4242;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.3px;
}

.ff-pr-07 {
  color: #4a4e4e;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.3px;
}

.ff-pr-08 {
  color: #38474f;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.2px;
}

.ff-pr-09 {
  color: #a2a6a6;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.025em;
}

.ff-pr-10 {
  color: #38474f;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.2px;
}

.ff-pr-11 {
  color: #38474f;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.2px;
}

.ff-pr-12 {
  color: #898d8d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.2px;
}

.ff-pr-13 {
  color: #707474;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.020em;
}

/*** Blockquote ***/
/*** Font Face ***/
.ff-02 {
  color: #a2a6a6;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.040em;
}

.ff-03 {
  color: #ffffff;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.4px;
}

.ff-04 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.050em;
}

.ff-05 {
  color: #a2a6a6;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.010em;
}

.ff-06 {
  color: #38474f;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0.010em;
}

.ff-07 {
  color: #a2a6a6;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.010em;
}

.ff-08 {
  color: #a2a6a6;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.010em;
}

.ff-09 {
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.3px;
}

.ff-10 {
  color: #4CAF50;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1px;
}

.ff-11 {
  color: #ffffff;
  font-size: 42px;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.ff-12 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.2px;
}

.ff-13 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.1px;
}

.ff-14 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1px;
}

.ff-15 {
  color: #38474f;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.1px;
}

.ff-16 {
  color: #575b5b;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.1px;
}

.ff-17 {
  color: #edf1f1;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.070em;
}

.ff-18 {
  color: #bbbfbf;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.070em;
}

.ff-19 {
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.060em;
  opacity: 0.7;
}

.ff-20 {
  color: #4a4e4e;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.3px;
}

.ff-21 {
  color: #898d8d;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.4px;
}

.ff-22 {
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.070em;
  opacity: 0.7;
}

.ff-23 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.040em;
}

.ff-24 {
  color: #4a4e4e;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.3px;
}

.ff-25 {
  color: #38474f;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.030em;
}

.ff-26 {
  color: #7c8080;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.030em;
}

.ff-27 {
  color: #707474;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.ff-28 {
  color: #969a9a;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.3px;
}

.ff-29 {
  color: #a2a6a6;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.3px;
}

.ff-30 {
  color: #38474f;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.010em;
}

.ff-31 {
  color: #ffffff;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.3px;
}

/*** Link **/
.lnk-01 {
  color: #575b5b;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.1px;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}
.lnk-01:hover {
  color: #252929;
}

.lnk-02 {
  color: #7c8080;
  font-size: 16px;
  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-02:hover {
  color: #646868;
}

.lnk-03 {
  color: #a2a6a6;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.040em;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}
.lnk-03:hover {
  color: #7c8080;
}

.lnk-04 {
  color: #38474f;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.2px;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.lnk-04:hover {
  opacity: 0.8;
}

.lnk-05 {
  color: #a2a6a6;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.3px;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.lnk-05:hover {
  opacity: 0.8;
}

.lnk-06 {
  color: #aeb2b2;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.3px;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.lnk-06:hover {
  opacity: 0.8;
}

.lnk-07 {
  color: #a2a6a6;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.050em;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}
.lnk-07:hover {
  color: #707474;
}

.lnk-08 {
  color: #707474;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.020em;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}
.lnk-08:hover {
  color: #3e4242;
}

.lnk-09 {
  color: #38474f;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.2px;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.lnk-09:hover {
  opacity: 0.8;
}

@media all and (max-width: 767px) {
  body {
    font-size: 16px;
  }

  .ff-hd-01 {
    font-size: 28px;
    letter-spacing: 0.2px;
  }

  .ff-hd-02 {
    font-size: 26px;
    letter-spacing: 0.2px;
  }

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

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

  .ff-hd-06 {
    font-size: 26px;
    letter-spacing: 0.2px;
  }

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

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

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

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

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

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

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

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

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

  .ff-hd-17 {
    font-size: 26px;
    letter-spacing: 0.2px;
  }

  .ff-pr-02 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.2px;
  }

  .ff-pr-05 {
    font-size: 18px;
  }

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

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

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

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

  .ff-03 {
    font-size: 19px;
    letter-spacing: 0.2px;
  }

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

  .ff-05 {
    font-size: 12px;
    letter-spacing: 0.030em;
  }

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

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

  .ff-10 {
    color: #ffffff;
  }

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

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

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

  .ff-17 {
    font-size: 16px;
    letter-spacing: 0.050em;
  }

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

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

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

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

  .lnk-01 {
    color: #ffffff;
    opacity: 0.79;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.8px;
  }
  .lnk-01:hover {
    color: #ffffff;
  }

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

  .lnk-04 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1.2px;
  }

  .lnk-07 {
    color: #bbbfbf;
  }
  .lnk-07:hover {
    color: #bbbfbf;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  body {
    font-size: 14px;
  }

  .ff-hd-01 {
    font-size: 30px;
    letter-spacing: 0.2px;
  }

  .ff-hd-02 {
    font-size: 30px;
    letter-spacing: 0.2px;
  }

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

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

  .ff-hd-06 {
    font-size: 32px;
    letter-spacing: 0.2px;
  }

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

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

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

  .ff-hd-17 {
    font-size: 26px;
    letter-spacing: 0.2px;
  }

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

  .ff-pr-05 {
    font-size: 18px;
  }

  .ff-pr-08 {
    font-size: 14px;
    letter-spacing: 0.1px;
  }

  .ff-03 {
    font-size: 20px;
    letter-spacing: 0.2px;
  }

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

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

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

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

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

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

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

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

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

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

  .ff-25 {
    font-size: 14px;
    letter-spacing: 0.020em;
  }

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

  .lnk-01 {
    color: #ffffff;
    opacity: 0.79;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 1.4px;
  }
  .lnk-01:hover {
    color: #ffffff;
  }

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

  .lnk-07 {
    color: #bbbfbf;
  }
  .lnk-07:hover {
    color: #bbbfbf;
  }
}

@media all and (min-width: 1024px) and (max-width: 1199px) {
  body {
    font-size: 14px;
  }

  .ff-hd-01 {
    font-size: 30px;
    letter-spacing: 0.2px;
  }

  .ff-hd-02 {
    font-size: 30px;
    letter-spacing: 0.2px;
  }

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

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

  .ff-hd-06 {
    font-size: 32px;
    letter-spacing: 0.2px;
  }

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

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

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

  .ff-hd-17 {
    font-size: 26px;
    letter-spacing: 0.2px;
  }

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

  .ff-pr-08 {
    font-size: 14px;
    letter-spacing: 0.1px;
  }

  .ff-03 {
    font-size: 22px;
    letter-spacing: 0.2px;
  }

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

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

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

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

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

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

  .ff-25 {
    font-size: 14px;
    letter-spacing: 0.020em;
  }

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

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

  .lnk-07 {
    color: #bbbfbf;
  }
  .lnk-07:hover {
    color: #bbbfbf;
  }
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
  body {
    font-size: 15px;
  }

  .ff-hd-02 {
    font-size: 32px;
    letter-spacing: 0.2px;
  }

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

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

  .ff-hd-06 {
    font-size: 32px;
    letter-spacing: 0.2px;
  }

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

  .ff-hd-17 {
    font-size: 30px;
    letter-spacing: 0.2px;
  }

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

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

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

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

  .ff-pr-02 {
    font-size: 18px;
    letter-spacing: 0.2px;
  }

  .ff-pr-08 {
    font-size: 15px;
  }
}
@media all and (min-width: 1400px) {
  .ff-pr-11 {
    font-size: 18px;
  }

  .ff-10 {
    font-size: 22px;
    letter-spacing: 0.2px;
  }

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

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

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

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

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