/*============================================================================
  #Override Stylesheet
  #Add Custom Styles Here
==============================================================================*/
@font-face {
  font-family: "Graphik";
  src: url("https://creatingstudio.mykajabi.com/resource_redirect/downloads/sites/129286/themes/2430932/downloads/FmPjLe0RryXSoJLzpS7f_Graphik-Regular-Web.woff") format("WOFF"); }
@font-face {
  font-family: "Aw Nha";
  src: url("https://creatingstudio.mykajabi.com/resource_redirect/downloads/sites/129286/themes/2430932/downloads/YuvERIS8QH2BJ2k389RN_AWNhaTypefaceBeta-LtDisplay.woff") format("WOFF"); }
body {
  font-size: 18px;
  line-height: 1.4;
  font-family: "Graphik", Arial, sans-serif;
  font-weight: 400;
  color: #383838; }

.serif {
  font-family: "AW Nha", serif;
  font-weight: 300; }

a {
  color: #383838;
  text-decoration: none; }
  p a {
    text-decoration: underline; }
  a:hover {
    text-decoration: underline;
    color: #383838; }

h1,
.h1 {
  font-weight: 400;
  font-family: "Graphik", Arial, sans-serif;
  font-size: 107px;
  line-height: .95; }
  @media screen and (max-width: 992px) {
    h1,
    .h1 {
      font-size: 70px; } }

h2,
.h2 {
  font-weight: 400;
  font-family: "Graphik", Arial, sans-serif;
  font-size: 70px;
  line-height: 0.8;
  letter-spacing: -4px; }
  h2 .serif,
  .h2 .serif {
    letter-spacing: 0; }
  @media screen and (max-width: 1200px) {
    h2,
    .h2 {
      line-height: .95; } }
  @media screen and (max-width: 992px) {
    h2,
    .h2 {
      letter-spacing: -2px;
      font-size: 45px; } }

h3,
.h3 {
  font-family: "Graphik", Arial, sans-serif;
  font-size: 38px;
  font-weight: 400; }
  @media screen and (max-width: 992px) {
    h3,
    .h3 {
      font-size: 24px; } }

h4,
.h4 {
  font-weight: 400;
  font-family: "Graphik", Arial, sans-serif;
  font-size: 34px; }
  @media screen and (max-width: 992px) {
    h4,
    .h4 {
      font-size: 22px; } }

h5,
.h5 {
  font-weight: 400;
  font-family: "Graphik", Arial, sans-serif;
  font-size: 27px; }
  @media screen and (max-width: 992px) {
    h5,
    .h5 {
      font-size: 20px; } }

p {
  font-size: 18px;
  line-height: 1.4;
  font-family: "Graphik", Arial, sans-serif; }

.cta-headline {
  font-size: 175px;
  font-weight: 400;
  font-family: "Graphik", Arial, sans-serif;
  line-height: 0.85; }
  @media screen and (max-width: 992px) {
    .cta-headline {
      font-size: 70px; } }

.superheading {
  font-size: 158px;
  font-weight: 400;
  font-family: "Graphik", Arial, sans-serif; }
  @media screen and (max-width: 992px) {
    .superheading {
      font-size: 70px; } }

a.btn, a.form-btn {
  padding: 8px 30px 10px !important;
  text-align: center !important;
  font-size: 26px !important;
  background-color: #E3BF4A !important;
  font-family: inherit !important;
  color: #fff !important;
  border: 1px solid #E3BF4A !important;
  border-radius: 10px !important; }
  a.btn:hover, a.form-btn:hover {
    background-color: #383838 !important;
    color: #fff !important;
    border-color: #383838 !important; }

.header .header-menu {
  text-transform: uppercase; }
  .header .header-menu a:hover {
    text-decoration: underline;
    text-transform: none; }

form input:not([type="hidden"]),
form textarea {
  font-size: 18px !important;
  line-height: 1.4 !important;
  color: #383838 !important;
  font-family: "Graphik", Arial, sans-serif !important;
  border-bottom: 2px solid #383838 !important;
  background-color: transparent !important;
  border-radius: 0 !important; }
  form input:not([type="hidden"])::placeholder,
  form textarea::placeholder {
    color: #383838 !important;
    font-family: "Graphik", Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.4 !important; }
  form input:not([type="hidden"]):hover,
  form textarea:hover {
    border-color: #383838 !important; }
  form input:not([type="hidden"]):focus, form input:not([type="hidden"]):active,
  form textarea:focus,
  form textarea:active {
    border-color: #E3BF4A !important; }

.form-btn {
  background-color: #E3BF4A !important;
  padding-top: 8px; }
  .form-btn:hover {
    background-color: #383838 !important;
    color: #FFF !important; }