@font-face {
    font-family: 'proxima_nova_altbold';
    src: url('../fonts/proximanovaa-bold-webfont.woff2') format('woff2'),
         url('../fonts/proximanovaa-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_altsemibold';
    src: url('../fonts/proximanovaa-semibold-webfont.woff2') format('woff2'),
         url('../fonts/proximanovaa-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novaregular';
    src: url('../fonts/mark_simonson__proxima_nova_regular-webfont.woff2') format('woff2'),
         url('../fonts/mark_simonson__proxima_nova_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'garamondregular';
    src: url('../fonts/gara-webfont.woff2') format('woff2'),
         url('../fonts/gara-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.font-proxima-bold { font-family: 'proxima_nova_altbold'; }
.font-proxima-semibold { font-family: 'proxima_nova_altsemibold'; }
.font-proxima-regular { font-family: 'proxima_novaregular'; }
.font-gara { font-family: 'garamondregular'; }

body { font-family: 'proxima_novaregular'; color: #282828; }
p { color: #282828; font-size: 16px; }
.red { color: #a60c0b; }
a.button { background-color: #a60c0b; color: #fff; text-decoration: none; padding: 20px 75px; font-size: 30px; }
.age1 { font-size: 40px; line-height: 1.5; }
.age2 { font-size: 30px; line-height: 1.5; }
.hidden { display: none; }

#banner-text { width: 70%; height: auto; }

.marquee { background-color: #a60c0b; }
.main-marq .non-strok .item h4 { color: #fff !important; }
.main-marq.md-text .box .item h4 { font-size: 50px; font-family: 'garamondregular'; }

footer.sub-bg { background-color: #a60c0b !important;  }
footer p, footer a { color: #fff; }
footer a { text-decoration: underline; }

.invalid-tooltip { display: none; }
label.error { color: red; position: absolute; bottom: -20px; font-size: 14px; }
input, select { display: block; }
#agree-error { bottom: 0px; left: 35px; }
span.required { color: red; }
.error-box { margin-top: 40px; padding: 20px; background-color:  #a60c0b; color: #fff; }
input.btn-enter { background-color: #a60c0b; color: #fff; }

.startup-header .bg-img {
  padding: 60px 0 0;
  background-image: url(../imgs/agepage-banner-bg.jpg);
}
.startup-header .caption { width: 55%; }

.freelancer .img { height: 900px; }
.freelancer:before {
  background-image: url(../imgs/banner.jpg);
  background-size: cover;
  background-position: center top;
  opacity: 1;
  z-index: -1;
}

.blog-list-crev .item h5, .blog-list-crev .item p{ color: #fff; }


select { -moz-appearance: none; -webkit-appearance: none; color: #282828; }
input[type="checkbox"] {
/* Add if not using autoprefixer */
 -webkit-appearance: none;
/* Remove most all native input styles */
 appearance: none;
/* For iOS < 15 */
 background-color: var(--form-background);
/* Not removed via appearance */
 margin: 0;
 font: inherit;
 color: currentColor;
 width: 1.15em;
 height: 1.15em;
 border: 0.15em solid currentColor;
 border-radius: 0.15em;
 transform: translateY(-0.075em);
 display: grid;
 place-content: center;
 padding: 0;
}
input[type="checkbox"]::before {
 content: "";
 width: 0.65em;
 height: 0.65em;
 clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
 transform: scale(0);
 transform-origin: bottom left;
 transition: 120ms transform ease-in-out;
 box-shadow: inset 1em 1em #001489;
/* Windows High Contrast Mode */
 background-color: CanvasText;
}
input[type="checkbox"]:checked::before {
 transform: scale(1);
}
input[type="checkbox"]:disabled {
 --form-control-color: var(--form-control-disabled);
 color: var(--form-control-disabled);
 cursor: not-allowed;
}

@media (max-width: 2000px) {
  /*#banner-text { width: 80%; }*/
  .startup-header .bg-img { padding: 30px 0 0; }
  .age1 { font-size: 30px; line-height: 1.5; }
  .age2 { font-size: 23px; line-height: 1.5; }
  a.button { background-color: #a60c0b; color: #fff; text-decoration: none; padding: 15px 55px; font-size: 23px; }
  .startup-header .caption .ml-20 { margin-left: 10px !important; }
  .freelancer .img { height: 700px; }
}

@media (max-width: 1680px) {
  /*#banner-text { width: 80%; }*/
  .freelancer .img { height: 600px; }
}

@media (max-width: 1500px) {
  #banner-text { width: 65%; }
  .freelancer .img { height: 500px; }
  .age1 { font-size: 27px; }
  .age2 { font-size: 22px; }
}

@media (max-width: 1400px) {
  #banner-text { width: 58%; }
  .freelancer .img { height: 400px; }
  .age1 { font-size: 23px; }
  .age2 { font-size: 18px; }
  a.button { font-size: 17px; padding: 10px 48px;  }
  .main-marq.md-text .box .item h4 { font-size: 35px; }
  .startup-header .caption .ml-20 { margin-left: 5px !important; }
}

/*@media (max-width: 768px) {*/
@media (max-width: 800px) {
  #banner-text { width: 90%; }
  .startup-header .bg-img {
    /*padding: 60px 0 0;*/
    background-image: none;
    padding-bottom: 60px;
  }
  .startup-header .caption { width: 100%; }
  .startup-header .caption p { margin-top: 0px; }
  .startup-header .caption .ml-20 { margin-left: 5px !important; }
  .age1 { font-size: 27px; line-height: 1.2; }
  .fz-14 { font-size: 12px !important; }
  h4 { font-size: 22px; }

  .freelancer { padding-top: 0; }
  .freelancer .container, .freelancer .row > * { padding: 0; }
  .freelancer .img { display: none; }
  .freelancer:before { background-image: none; }

  .section-padding {
      padding-top: 60px;
      padding-bottom: 60px;
  }

  .main-marq.md-text .box .item h4 { font-size: 25px; }
  .marquee.pt-20 { padding-top: 0px !important; }
  .marquee.pb-20 { padding-bottom: 0px !important; }

  .mobile-mb-30 { margin-bottom: 30px; }
  .mobile-hidden { display: none; }
  .mobile-show { display: inline-block !important; }
}