/* BASE */
*, *:before, *:after { box-sizing: inherit; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
html { box-sizing: border-box; margin: auto; overflow-x: hidden; scroll-behavior: smooth; }
body { font-family: "neue-haas-grotesk-text", sans-serif; font-weight: 400; font-size: 18px; font-weight: normal; color: #161515; position: relative; box-sizing: border-box; margin: 0; background: #FFF; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html.open, html.open body { overflow: hidden; }
section, header, footer { display: block; width: 100%; }
.screen-reader-text { display: none; }
h1 { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 500; font-size: 72px; line-height: 1.06; }
h2 { font-family: "neue-haas-grotesk-text", sans-serif; font-weight: 400; font-size: 42px; line-height: 1.33; }
h3, #introduction p { font-family: "neue-haas-grotesk-text", sans-serif; font-weight: 400; font-size: 36px; line-height: 1.17; margin-bottom: 0; }
h4 { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 500; font-size: 32px; line-height: 1.25; }
h5 { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 500; font-size: 16px; line-height: 1.5; }
h6 { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 500; font-size: 12px; line-height: 1.33; }
p { line-height: 1.33; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child { margin-top: 0; }
h1, h2, h3 { margin-top: 0.55em; margin-bottom: 0.55em; }
h4, h5 { margin-top: 0.55em; margin-bottom: 1.1em; }
h6 { margin-top: 0.8em; margin-bottom: 1.6em; }
a { text-decoration: none; color: #000000; transition: all 0.25s ease-in-out; }
strong, b { font-weight: 700; }
img { max-width: 100%; height: auto; }
iframe { max-width: 100%; }
input[type=submit], input[type=text], input[type=email], input[type=search], textarea, select, button { -webkit-appearance: none; -moz-appearance: none; box-shadow: none !important; }
input[type=submit] { cursor: pointer; transition: all 0.5s ease-in-out; }
input[type=text] { background: #FFF; padding: 12px; margin: 0; border:1px solid #abb8c1; font-family: "neue-haas-grotesk-text", sans-serif; font-size: 18px; line-height: 1.33; width: 100%; }
textarea, select { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 500; font-size: 16px; font-weight: normal; line-height: 1.5; }
input[type=text]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.75); }
select::-ms-expand { display: none; }

/* GRID */
.grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: auto; -moz-column-gap: 20px; column-gap: 20px; }
@media (max-width:768px) {
  .grid { -moz-column-gap: 20px; column-gap: 20px; }
}
.grid-collapse { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: auto; }
.cols-2 { grid-column: span 2; }
.cols-3 { grid-column: span 3; }
.cols-4 { grid-column: span 4; }
.cols-5 { grid-column: span 5; }
.cols-6 { grid-column: span 6; }
.cols-7 { grid-column: span 7; }
.cols-8 { grid-column: span 8; }
.cols-9 { grid-column: span 9; }
.cols-10 { grid-column: span 10; }
.cols-11 { grid-column: span 11; }
.cols-12 { grid-column: span 12; }
@media (max-width:1600px) {
  .xxl-cols-2 { grid-column: span 2; }
  .xxl-cols-3 { grid-column: span 3; }
  .xxl-cols-4 { grid-column: span 4; }
  .xxl-cols-5 { grid-column: span 5; }
  .xxl-cols-6 { grid-column: span 6; }
  .xxl-cols-7 { grid-column: span 7; }
  .xxl-cols-8 { grid-column: span 8; }
  .xxl-cols-9 { grid-column: span 9; }
  .xxl-cols-10 { grid-column: span 10; }
  .xxl-cols-11 { grid-column: span 11; }
  .xxl-cols-12 { grid-column: span 12; }
}
@media (max-width:1440px) {
  .xl-cols-2 { grid-column: span 2; }
  .xl-cols-3 { grid-column: span 3; }
  .xl-cols-4 { grid-column: span 4; }
  .xl-cols-5 { grid-column: span 5; }
  .xl-cols-6 { grid-column: span 6; }
  .xl-cols-7 { grid-column: span 7; }
  .xl-cols-8 { grid-column: span 8; }
  .xl-cols-9 { grid-column: span 9; }
  .xl-cols-10 { grid-column: span 10; }
  .xl-cols-11 { grid-column: span 11; }
  .xl-cols-12 { grid-column: span 12; }
}
@media (max-width:1280px) {
  .lg-cols-2 { grid-column: span 2; }
  .lg-cols-3 { grid-column: span 3; }
  .lg-cols-4 { grid-column: span 4; }
  .lg-cols-5 { grid-column: span 5; }
  .lg-cols-6 { grid-column: span 6; }
  .lg-cols-7 { grid-column: span 7; }
  .lg-cols-8 { grid-column: span 8; }
  .lg-cols-9 { grid-column: span 9; }
  .lg-cols-10 { grid-column: span 10; }
  .lg-cols-11 { grid-column: span 11; }
  .lg-cols-12 { grid-column: span 12; }
}
@media (max-width:1024px) {
  .md-cols-2 { grid-column: span 2; }
  .md-cols-3 { grid-column: span 3; }
  .md-cols-4 { grid-column: span 4; }
  .md-cols-5 { grid-column: span 5; }
  .md-cols-6 { grid-column: span 6; }
  .md-cols-7 { grid-column: span 7; }
  .md-cols-8 { grid-column: span 8; }
  .md-cols-9 { grid-column: span 9; }
  .md-cols-10 { grid-column: span 10; }
  .md-cols-11 { grid-column: span 11; }
  .md-cols-12 { grid-column: span 12; }
}
@media (max-width:768px) {
  .sm-cols-2 { grid-column: span 2; }
  .sm-cols-3 { grid-column: span 3; }
  .sm-cols-4 { grid-column: span 4; }
  .sm-cols-5 { grid-column: span 5; }
  .sm-cols-6 { grid-column: span 6; }
  .sm-cols-7 { grid-column: span 7; }
  .sm-cols-8 { grid-column: span 8; }
  .sm-cols-9 { grid-column: span 9; }
  .sm-cols-10 { grid-column: span 10; }
  .sm-cols-11 { grid-column: span 11; }
  .sm-cols-12 { grid-column: span 12; }
}
@media (max-width:480px) {
  .xs-cols-2 { grid-column: span 2; }
  .xs-cols-3 { grid-column: span 3; }
  .xs-cols-4 { grid-column: span 4; }
  .xs-cols-5 { grid-column: span 5; }
  .xs-cols-6 { grid-column: span 6; }
  .xs-cols-7 { grid-column: span 7; }
  .xs-cols-8 { grid-column: span 8; }
  .xs-cols-9 { grid-column: span 9; }
  .xs-cols-10 { grid-column: span 10; }
  .xs-cols-11 { grid-column: span 11; }
  .xs-cols-12 { grid-column: span 12; }
}

/* RECAPTCHA */
.grecaptcha-badge { display: none !important; }
.grecaptcha-badge.show { display: block !important; visibility: visible !important; }

/* ANIMATION */
.transition { animation-duration: 1s; animation-fill-mode: both; opacity: 0; position: relative; visibility: hidden; }
@keyframes fadeIn {
  0% { opacity: 0; }
  to { opacity: 1; }
}
@keyframes fadeInLeft {
  0% { opacity: 0; transform: translate(-20px); }
  to { opacity: 1; transform: translate(0); }
}
@keyframes fadeInRight {
  0% { opacity: 0; transform: translate(20px); }
  to { opacity: 1; transform: translate(0); }
}
@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(50px); }
  to { opacity: 1; transform: translate(0); }
}
.fadeIn { animation-name: fadeIn; transition: all 0.8s ease 0s; }
.fadeInRight { animation-name: fadeInRight; transition: all 0.8s ease 0s; }
.fadeInLeft { animation-name: fadeInLeft; transition: all 0.8s ease 0s; }
.fadeInUp { animation-name: fadeInUp; transition: all 0.8s ease 0s; }

/* CONTAINER */
.container { margin: 0 auto; position: relative; max-width: 1320px; padding-left: 0px; padding-right: 0px; }
.flex-container { display: flex; }

/* BUTTON STYLES */
.button, button:not(.featherlight-close) { cursor: pointer; padding: 12px 24px; font-family: "neue-haas-grotesk-text", sans-serif; border-radius: 30px; border:1px solid #abb8c1; display: inline-flex; justify-content: space-between; align-items: center; min-height: 48px; font-weight: 400; font-size: 18px; transition: all 0.25s ease-in-out; background-color: #FFF; color: #161515; }
.button:after, button:not(.featherlight-close):after { content:"\f061"; font-family: "Font Awesome 6 Pro"; color: #C75A33; padding-left: 40px; transition: all 0.8s ease 0s; }
.button:hover, button:not(.featherlight-close):hover { background-color: #C75A33; color: #FFF; border:1px solid #C75A33; }
.button:hover::after, button:not(.featherlight-close):hover::after { color: #FFF; }

/* UTILITY */
.white { color: #ffffff; }
.clear { clear: both; }
.center { text-align: center; }
.right { text-align: right; }
.flex { display: flex; }
.flex.aic, .grid.aic { align-items: center; }
.flex.jcc, .grid.jcc { justify-content: center; }
.flex.jcsb, .grid.jcsb { justify-content: space-between; }
.flex.aifs, .grid.aifs { align-items: flex-start; }
.flex.aife, .grid.aife { align-items: flex-end; }
.overflow { width: 100%; overflow-x: auto; }
.caption { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 500; font-size: 12px; font-weight: normal; line-height: 1.33; }
.large { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 500; font-size: 20px; font-weight: normal; line-height: 1.2; }
p.instruction { font-size: 12px; line-height: 16px; color: rgba(51, 63, 72, 0.75); margin: 4px 0; opacity: 0; pointer-events: none; }
p.instruction.show { opacity: 1; pointer-events: all; }
th { background-color: #081e54; color: #FFF; text-align: left; }
tr:nth-of-type(even) { background-color: #F7F7F7; }
th, td { padding: 14px 12px; }

/* HEADER */
header { min-height:664px; padding:72px 0 80px 0; background-color: #132249; background-image:url(../../../../_resources/hero/home.jpg); background-repeat: no-repeat; background-size:cover; background-position:top center; color: #FFF; }
header .logo { margin-bottom: 216px; }
header .tagline { max-width:750px; }

/* INTRO */
#introduction { padding-top:80px; padding-bottom: 80px; }

/* ABOUT */
#about { padding-bottom: 80px; border-bottom:1px solid #abb8c1; }
#about .grid { border-radius:8px; background-color: #F7F7F7; }
#about .grid .content { padding:80px 48px; }
#about .grid .content h2 { margin-bottom: 42px; }
#about .grid .content .button { margin-top: 32px; }
#about .grid .image { line-height: 0; }

/* TEAM */
#team { padding-top: 80px; padding-bottom: 80px; border-bottom:1px solid #abb8c1; }
.bios { display: grid; grid-template-columns: repeat(10, 1fr); grid-template-rows: auto; -moz-column-gap: 16px; column-gap: 16px; }
.bio { grid-column: span 2; border-radius:4px; background-color: #f7f7f7; padding:24px; }
.bio .image { max-width:132px; width: 100%; margin-bottom: 32px; }
.bio .name { font-weight: 600; margin-bottom: 4px; }
.bio .title { font-size: 14px; line-height: 1.43; }

/* STOCK INFO */
#stock-info { padding-top: 80px; padding-bottom: 80px; border-bottom:1px solid #abb8c1; }
#stock-info .chart { border: solid 0.5px #abb8c1; border-radius:12px; padding:8px 32px; }
.highcharts-title, .highcharts-credits { display: none; }

/* CONTACT */
#contact { padding-top: 80px; padding-bottom: 80px; }
#contact > .grid > * { background-color: #f7f7f7; border-radius:12px; padding:64px 48px; }
#contact > .grid .details p { display: flex; -webkit-align-items: flex-start; align-items: flex-start; margin-bottom: 24px; }
#contact > .grid .details i { color: #c75a33; width:24px; margin-right: 24px; -webkit-flex-basis: 24px; flex-basis: 24px; display: inline-block; padding-top: 3px; }
#signup-form .grid { -moz-column-gap: 12px; column-gap: 12px; margin-top: 32px; margin-bottom: 24px; }
#signup-form .consent-check { display: flex; -webkit-align-items: flex-start;
        align-items: flex-start; }
#signup-form .consent-check label { padding-left: 12px; font-size: 14px; }
#signup-form button { margin-top: 32px; }
.signup-message { padding-top: 10px; }


/* FOOTER */
footer { background-color: #081E54; color: #FFF; padding:160px 0 72px 0; font-size: 14px; }
footer a { color: #FFF; }
footer .grid { border-top:1px solid #49537e; padding-top: 16px; }
footer .blender { text-align: right; }

 
/* MEDIA QUERIES */
@media (max-width:1360px) {
  .container { padding-left: 0px !important; padding-right: 0px !important; margin-left: 20px; margin-right: 20px; width: calc(100% - 40px) !important; }
}

@media (max-width:1024px) {
  h1 { font-size: 48px; }
  h2 { font-size: 32px; }
  h3, #introduction p { font-size: 20px; }

  /* CONTAINER */
  .container { padding-left: 20px; padding-right: 20px; width: 100%; }

  /* UTILITY */
  .large { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 500; font-size: 18px; font-weight: normal; line-height: 1.33; }

  header { padding-top:48px; padding-bottom: 60px; min-height:400px; }
  #introduction { padding-top:24px; padding-bottom: 48px; }
  #about { padding-bottom:48px; }
  #about .grid .content { padding:32px 24px; }
  #team { padding-top: 48px; padding-bottom: 24px; }
  #stock-info { padding-top: 40px; padding-bottom: 48px;  }
  #stock-info .chart, #contact > .grid > .signup { margin-bottom: 24px; }
  .bio { grid-column: span 3; margin-bottom: 24px; }
  #contact { padding-top: 48px; padding-bottom: 48px; }
  #contact > .grid > * { padding:48px 24px; }
  footer { padding:56px 0 40px 0; }
}
@media (max-width:768px) {
  header .logo img { max-width:175px; }
  .bio { grid-column: span 5;}
  .signup-name { margin-bottom: 10px; }
}
@media (max-width:480px) {
  footer { text-align: center; }
  footer .blender { text-align: center; }
  .bio { grid-column: span 10; }
}