/* #region colors */
/* #endregion colors */
/* #region breakpoints */
/* #endregion breakpoints */
/* #region media queries for new mockups */
/* #endregion media queries for new mockups */
h1 {
  font-family: Nunito;
  font-style: normal;
  font-weight: 400;
  font-size: 72px;
  line-height: 100%; }

h2 {
  font-family: Nunito;
  font-style: normal;
  font-weight: 800;
  line-height: 65px;
  font-size: 48px;
  margin: 0;
  text-align: center; }

h3, .h3 {
  font-family: Nunito;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 110%;
  margin: 0; }

h4 {
  font-family: Nunito;
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 35px;
  margin: 0; }

h5 {
  font-family: Nunito;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  margin: 0; }

h6 {
  font-family: Nunito;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  margin: 0; }

.subheader {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  font-size: 21px;
  margin: 25px 0 0;
  letter-spacing: 0em; }

.tagline-subheader {
  font-family: Nunito;
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 38px;
  margin: 50px 0 0; }

.link-text {
  width: fit-content;
  background: linear-gradient(0.25turn, #FF3D00 3.35%, #FF7A00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  position: relative; }
  .link-text::after {
    content: '';
    background: url(../../images/link_arrow.svg);
    background-size: 100% 100%;
    display: block;
    margin-left: 10px;
    margin-top: 5px; }
  .link-text::before {
    content: '';
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0; }
  .link-text:hover::after {
    margin-left: 20px; }
  .link-text:hover::before {
    background: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(0.25turn, #FF3D00 3.35%, #FF7A00 100%);
    background-size: 6px 3px, 100% 3px; }
  .link-text.big-link {
    font-family: Nunito;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 169%;
    text-transform: uppercase;
    cursor: pointer; }
    .link-text.big-link::after {
      height: 20px;
      width: 20px; }
    .link-text.big-link:hover::before {
      width: calc(100% - 40px);
      bottom: -5px; }
  .link-text.small-link {
    font-family: Nunito;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    cursor: pointer; }
    .link-text.small-link::after {
      height: 16px;
      width: 16px;
      margin-top: 1px; }
    .link-text.small-link:hover::before {
      width: calc(100% - 36px);
      bottom: -3px; }

.big-number {
  font-family: Nunito;
  font-style: normal;
  font-size: 82px;
  font-weight: 900;
  line-height: 74px; }

.description-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 150%;
  margin: 0; }

.description-bold-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  margin: 0; }

.basic-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  font-size: 18px;
  margin: 0; }

.quote-content .quote-text {
  font-family: Nunito;
  font-style: italic;
  font-weight: 300;
  font-size: 30px;
  line-height: 150%; }

.quote-content .quote-author {
  font-family: Nunito;
  font-size: 24px;
  line-height: 150%;
  font-style: normal; }
  .quote-content .quote-author .author-name {
    font-weight: 700; }
  .quote-content .quote-author .author-description {
    font-weight: 400; }

.footer-base-text,
.contact-form-input-label,
.contact-form-textfield,
.contact-form-textarea,
ul.attach-list > li {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 168%;
  text-decoration: none; }

.contact-form-header {
  font-family: Nunito;
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 65px;
  text-transform: capitalize; }

.contact-form-subheader {
  font-family: Nunito;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px; }

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 36px;
    line-height: 100%; }
  h2 {
    font-size: 30px;
    line-height: 110%;
    font-weight: 700; }
  h3, .h3 {
    font-size: 28px;
    line-height: 110%; }
  h4 {
    font-size: 24px;
    line-height: 33px; }
  h5 {
    font-size: 18px;
    line-height: 25px; }
  .subheader {
    font-size: 16px;
    line-height: 140%; }
  .tagline-subheader {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 25px; }
  .link-text.big-link {
    font-family: Nunito;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    cursor: pointer; }
    .link-text.big-link::after {
      height: 16px;
      width: 16px;
      margin-top: 1px; }
    .link-text.big-link:hover::before {
      width: calc(100% - 36px);
      bottom: -3px; }
  .link-text.small-link {
    font-size: 14px; }
  .description-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%; }
  .description-bold-text {
    font-weight: 500;
    font-size: 16px; }
  .big-number {
    font-size: 72px;
    line-height: 65px; }
  .basic-text {
    font-size: 16px;
    line-height: 140%; }
  .quote-content .quote-text {
    font-weight: 400;
    font-size: 18px; }
  .quote-content .quote-author {
    font-size: 18px; }
  .footer-base-text,
  .contact-form-input-label,
  .contact-form-textfield,
  .contact-form-textarea,
  ul.attach-list > li {
    font-size: 16px;
    line-height: 140%; }
  .contact-form-header {
    font-size: 28px;
    line-height: 110%; }
  .contact-form-subheader {
    font-size: 16px;
    line-height: 140%; } }