body {
  --viewport-padding-x: 28px;
  --head-height: 98px;
  margin: 0;
  padding: 0;
  background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='100' height='100' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(204, 52%, 12%, 1)'/><path d='M0 0v1l1-1H0zm6.29 0-.147.143 11.81 11.619 8.19-8.143L22.666.047 22.709 0h-1.998l-.045.047 3.477 3.572-6.19 6.143L8.238.192 8.434 0H6.289zm6.759 0 1.047 1.047L15.143 0h-2.094zm14.474 0 7.143 7.143-2.428 2.523-3.43-3.523-4.855 4.572 8.238 8.142L43.857 7.143 36.686 0h-2.008l7.226 7.191-9.666 9.713L26 10.762l2.762-2.57 3.476 3.617 4.477-4.618L29.572.047 29.62 0h-2.096zm14.288 0 4.808 4.809 4.572-4.57L50.953 0h-2.047l.285.285-2.572 2.572L43.762 0H41.81zm14.068 0-17.64 17.904 4.57 4.62L65 .333 64.697 0H62.79l.258.285-20.19 20.192-2.572-2.573L57.857 0H55.88zm14.549 0-3.62 3.62 8.145 8.142L86.666.047 86.619 0h-1.951l.047.047L75 9.762l-6.143-6.143 2.57-2.572L75 4.619 79.62 0h-2.048l-2.619 2.62L72.334 0h-1.906zm21.43 0-3.62 3.62 4.57 4.571L100 .998V0h-.953l-6.19 6.191-2.572-2.572L93.905 0h-2.048zm-88 2.191L0 6.091v2.04l3.762-3.846 2.666 3.049-6.381 6.19-.047-.05v2.098l8.38-8.095L3.858 2.19zM100 6.091l-4.572 4.624L100 15.572v-2.097l-2.572-2.713L100 8.13V6.09zm-35.762.1-4.572 4.57 4.572 4.573 4.57-4.572-4.57-4.57zm21.428 0L74.953 16.904l-3.572-3.57-4.572 4.57 8.144 8.143 15.285-15.285-4.572-4.57zm-21.428 2 2.57 2.57-2.57 2.573-2.572-2.572 2.572-2.57zm21.477 0 2.57 2.57L75 24.048l-6.143-6.143 2.57-2.57L75 18.904 85.715 8.191zM10.666 10 0 20.668v2L10.666 12l2.572 2.572L0 27.811v2l15.238-15.239L10.666 10zm46.43 3.334L42.809 27.619l-7.381-7.38-8.143 8.142 4.572 4.572 3.57-3.572 2.811 2.81-6.142 6.143L21.38 27.619l-4.572 4.572 15.287 15.286 25-25L67.809 33.19l4.572-4.572-15.285-15.285zm35.713.238-4.57 4.57 11.714 11.715.047-.046v-1.954l-9.715-9.714 2.572-2.57L100 22.714v-2.047l-.047.047-7.144-7.143zm-71.143.094-12 11.38 4.572 4.669 7.334-7.238 3.381 3.57 4.62-4.62-7.907-7.761zm35.43 1.62L70.38 28.571l-2.572 2.57-10.713-10.714-25 25-13.287-13.285 2.572-2.57 10.715 10.712 8.142-8.142-4.81-4.809-3.57 3.57-2.573-2.57 6.143-6.143 7.38 7.381 14.288-14.287zm-35.477.429 5.904 5.762L25 24l-3.38-3.523-7.335 7.285-2.57-2.62 9.904-9.427zm64.047 4.762-4.57 4.57L96.38 40.334l3.619-3.62V34.81L85.666 20.477zm.049 2L99 35.762l-2.572 2.572-13.285-13.287 2.572-2.57zm-6.953 4.904L67.809 38.334l-3.57-3.572-4.573 4.572 8.143 8.143 15.525-15.524-4.572-4.572zm-71.666.238-4.573 4.572L17.81 47.477l4.572-4.573L7.096 27.62zm50 0L45.38 39.334l4.572 4.57 11.713-11.713-4.57-4.572zm21.713 1.762 2.572 2.572-13.524 13.524-6.142-6.143 2.57-2.572 3.572 3.572L78.81 29.381zm-71.713.238L20.38 42.904l-2.572 2.573L4.523 32.19l2.573-2.572zm50 0 2.57 2.572-9.713 9.713-2.572-2.57 9.715-9.715zm28.57 5.143-4.57 4.572 11.713 11.713 4.572-4.57-11.715-11.715zM0 34.809v1.906l.953-.953L0 34.809zm85.715 1.953 9.713 9.715-2.57 2.57-9.715-9.713 2.572-2.572zm-82.192 1.81L0 41.877v2.08l2.523 2.424L0 48.973v2.12l7.096 7.098 8.142-8.144L3.523 38.572zm0 1.951L13.238 50l-6.142 6.143L.953 50l3.57-3.715L1 42.857l2.523-2.334zM100 41.877l-1.096 1.027L100 43.957v-2.08zm-57.191.027-4.57 4.573 4.57 4.57 4.572-4.57-4.572-4.573zm14.287 0L45.38 53.62l4.572 4.572 7.143-7.144 10.713 10.715 4.572-4.57-15.285-15.288zm21.476 0-8.144 8.143L75 54.619l3.572-3.572 7.143 7.144 4.57-4.572-11.713-11.715zm-35.763 2 2.572 2.573-2.572 2.57-2.57-2.57 2.57-2.573zm14.287 0L70.38 57.191l-2.572 2.57-10.713-10.714-7.143 7.144-2.572-2.572 9.715-9.715zm21.476 0 9.713 9.715-2.57 2.572-7.143-7.144L75 52.619l-2.572-2.572 6.144-6.143zm-53.619 1.573L9.666 60.762l4.572 4.572 15.285-15.287-4.57-4.57zm0 2 2.57 2.57-13.285 13.287-2.572-2.572 13.287-13.285zM100 48.973l-1.047 1.074L100 51.094v-2.121zm-64.334.074-4.57 4.572 18.857 18.858 11.713-11.715-4.57-4.57-7.143 7.142-14.287-14.287zm0 2 14.287 14.287 7.143-7.143 2.57 2.57-9.713 9.716-16.857-16.858 2.57-2.572zm60.953 1.81-4.572 4.57L100 65.382v-2.049l-5.904-5.904 2.57-2.57L100 58.19v-1.953l-3.38-3.38zm-68.096 3.334L9.666 75.047l4.572 4.572 7.143-7.142 7.142 7.142 4.573-4.572-7.143-7.143 2.57-2.57 7.143 7.143 4.572-4.573-11.715-11.713zm50 0-8.142 8.143 8.142 8.143 4.573-4.573-3.573-3.57 3.573-3.572-4.573-4.57zM0 56.238v2l9.666 9.666-2.57 2.573L0 63.38v2l7.096 7.096 4.57-4.573L0 56.238zm28.523 1.905 9.715 9.714-2.572 2.57-7.143-7.142-4.57 4.572L31.096 75l-2.573 2.572-7.142-7.144-7.143 7.144L11.666 75l16.857-16.857zm50 .048 2.573 2.57-3.573 3.573 3.573 3.57-2.573 2.573-6.142-6.143 6.142-6.143zm10.715 1.57-4.572 4.573 3.572 3.57-6.904 6.905 4.57 4.572 11.477-11.477-8.143-8.142zm.047 2 6.143 6.143-9.475 9.477-2.572-2.572 6.904-6.905-3.57-3.57 2.57-2.572zm-25.047 1.573-8.142 8.143 4.57 4.57 8.143-8.143-4.57-4.57zm0 2 2.57 2.57-6.142 6.143-2.57-2.57 6.142-6.143zm-21.43 5.143L28.524 84.762l-7.142-7.143-4.572 4.57 11.714 11.715 18.858-18.857-4.572-4.57zm28.573 0-4.572 4.57 11.714 11.715 4.573-4.573L71.38 70.477zm28.572 0L88.238 82.189l4.57 4.43 7.145-7 .047.047v-2.094l-7.143 7.047-2.572-2.476L100 72.428v-1.905l-.047-.046zM0 70.523v1.952l16.809 16.81-2.57 2.572-3.573-3.572-7.143 7.143L0 91.904v2.05l3.523 3.523 7.143-7.143 3.572 3.57 4.57-4.57L0 70.524zm42.809 1.954 2.572 2.57-16.858 16.857-9.714-9.715 2.572-2.57 7.142 7.143L42.81 72.477zm28.572 0 9.715 9.712-2.573 2.573-9.714-9.715 2.572-2.57zm-17.858 1.57-4.57 4.572 4.57 4.57 4.573-4.57-4.573-4.572zm0 2 2.573 2.572-2.573 2.57-2.57-2.57 2.57-2.572zM0 77.619v2.047l6.096 6.096-2.573 2.666L0 84.81v1.953l3.523 3.664 4.573-4.713L0 77.619zm64.238 0L53.523 88.334l-7.142-7.145-4.572 4.573 11.714 11.715L68.81 82.189l-4.57-4.57zm0 2 2.57 2.57-13.285 13.288-9.714-9.715 2.572-2.573 7.142 7.145 10.715-10.715zm7.143 5.143-8.143 8.142 4.57 4.573 3.573-3.573 3.572 3.573 4.57-4.573-8.142-8.142zm14.285 0-4.57 4.572L89 97.238l4.572-4.572-7.906-7.904zm14.287 0-4.572 4.572 4.619 4.62v-2.097l-2.572-2.572 2.572-2.57V84.81l-.047-.05zm-28.525 1.953 6.144 6.142L75 95.427l-3.572-3.57-3.57 3.57-2.573-2.57 6.143-6.142zm14.287.047 5.904 5.904-2.572 2.572-5.904-5.904 2.572-2.572zm-46.477 1.572-4.572 4.57L41.762 100h2l-7.096-7.096 2.572-2.57L48.906 100h2L39.238 88.334zm-18.095 3.57-7.096 7.143-3.332-3.332L6.289 100h2.143l2.33-2.285L13.049 100h2.094l6.095-6.096L24 96.524 20.71 100h1.999L26 96.428l-4.857-4.524zm75.476 3.334L91.857 100h2.047l2.762-2.762 2.572 2.57-.191.192H100v-1.38l-3.38-3.382zm-36.142.096L55.879 100h1.978l2.57-2.62L62.79 100h1.908l-4.22-4.666zm-28.381.094L27.523 100h2.096l2.524-2.523L34.678 100h2.008l-4.59-4.572zm50 .049L77.572 100h2.047l2.524-2.523L84.668 100h1.951l-4.523-4.523zM0 98.617V100h1l.191-.191L0 98.617zm71.38.43-.952.953h1.906l-.953-.953z'  stroke-width='1' stroke='none' fill='hsla(204, 32%, 20%, 1)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
  color: #fff;
  font-family: Montserrat, sans-serif;
}
@media only screen and (max-width: 79.9375rem) {
  body {
    --viewport-padding-x: 16px;
    --head-height: 76px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  body {
    --head-height: fit-content;
  }
}

* {
  box-sizing: border-box;
}

.load {
  max-width: 1440px;
  margin: 0 auto;
  display: none;
  height: 100%;
}

main {
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 25% 30% 20% 25%;
}
@media only screen and (max-width: 79.9375rem) {
  main {
    grid-template-columns: 1fr;
  }
}
main form {
  position: absolute;
  z-index: 1;
  bottom: -81px;
  right: var(--hero-over-component-space);
  background-color: #0F222F;
  width: 36.4vw;
  max-width: 524px;
  padding: 16px 32px;
  border: 1px solid #0F222F;
  border-radius: 6px;
}
@media only screen and (max-width: 79.9375rem) {
  main form {
    max-width: 100%;
    padding: 32px;
    border-radius: 0;
    inset: unset;
    bottom: -254px;
    left: calc(var(--viewport-padding-x) * 2);
    width: 100%;
  }
}
@media only screen and (max-width: 47.9375rem) {
  main form {
    padding: 24px;
    bottom: -152px;
    left: var(--viewport-padding-x);
    width: 100%;
  }
}
main form * {
  box-sizing: border-box;
}
main form p {
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 79.9375rem) {
  main form p {
    margin: 0 0 18px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  main form p {
    font-size: 14px;
  }
}
main form input {
  font-family: Montserrat, sans-serif;
  width: 100%;
  padding: 8px;
  border: 1px solid #fff;
  margin: 0;
  margin-bottom: 24px;
}
@media only screen and (max-width: 79.9375rem) {
  main form input {
    margin-bottom: 16px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  main form input {
    font-size: 13px;
  }
}
main form input[type=button] {
  font-weight: bold;
  color: #fff;
  background-color: #148EF9;
  border: 1px solid #148EF9;
  border-radius: 3px;
  padding: 10px;
  width: 30%;
  margin: 0;
  margin-bottom: 16px;
  cursor: pointer;
}
@media only screen and (max-width: 79.9375rem) {
  main form input[type=button] {
    border-radius: 4px;
    margin: 18px 0 0;
  }
}
main form textarea {
  font-family: Montserrat, sans-serif;
  width: 100%;
  padding: 8px;
  border: 1px solid #fff;
  margin: 0;
  margin-bottom: 24px;
  resize: none;
}
@media only screen and (max-width: 79.9375rem) {
  main form textarea {
    margin: 0;
    font-size: 14px;
  }
}
@media only screen and (max-width: 79.9375rem) {
  main form textarea {
    font-size: 13px;
  }
}

.head {
  padding: 16px var(--viewport-padding-x);
  min-height: var(--head-height);
  height: var(--head-height);
  max-height: var(--head-height);
  grid-column: 1/5;
  grid-row: 1;
  background-color: #223542;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 47.9375rem) {
  .head {
    flex-direction: column;
    gap: 16px;
  }
}
.head .logo {
  display: flex;
  align-items: center;
  height: calc(var(--head-height) - 32px);
  max-height: calc(var(--head-height) - 32px);
  cursor: pointer;
}
.head .logo img:first-child {
  height: 50px;
}
@media only screen and (max-width: 79.9375rem) {
  .head .logo img:first-child {
    height: 44px;
  }
}
.head .logo img:last-child {
  height: 16px;
  margin-left: 12px;
}
@media only screen and (max-width: 79.9375rem) {
  .head .logo img:last-child {
    height: 14.5px;
    margin-left: 8px;
  }
}
.head .menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.head .menu ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
}
.head .menu li {
  float: left;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0 8px;
}
@media only screen and (max-width: 47.9375rem) {
  .head .menu li {
    padding: 0 6px;
  }
}
.head .menu li a {
  color: #fff;
  text-decoration: none;
}
.head .menu li a.active {
  text-decoration: underline;
}
.head .menu li:last-child {
  padding-right: 0;
}
.head .menu .burger {
  display: none;
}
.head .menu .burger div {
  width: 20px;
  height: 2px;
  background-color: white;
  margin: 4px 0;
}

.hero {
  --hero-over-component-space: 76px;
  grid-column: 1/5;
  grid-row: 2;
  border: 1px solid #5C7183;
  border-left: 0;
  border-right: 0;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 0;
  padding: 96px 90px;
}
@media only screen and (max-width: 79.9375rem) {
  .hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 40px;
  }
  .hero form {
    display: none;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .hero {
    padding: 32px 0px;
  }
}
.hero .background {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero p.title {
  margin: 0;
  position: relative;
  z-index: 1;
  font-size: 96px;
  font-weight: 900;
  line-height: 90px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  max-width: calc(100% - 36.4vw - 90px + var(--hero-over-component-space));
}
@media only screen and (min-width: 1440px) {
  .hero p.title {
    max-width: calc(100% - 524px - 90px + var(--hero-over-component-space));
  }
}
@media only screen and (max-width: 79.9375rem) {
  .hero p.title {
    font-size: 72px;
    line-height: 80px;
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .hero p.title {
    font-size: 40px;
    line-height: 52px;
  }
}
.hero p.message {
  margin: 16px 0 0;
  position: relative;
  z-index: 1;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 18px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: 0.1em;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  padding: 0 16px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  max-width: calc(100% - 36.4vw - 90px + var(--hero-over-component-space));
}
@media only screen and (min-width: 1440px) {
  .hero p.message {
    max-width: calc(100% - 524px - 90px + var(--hero-over-component-space));
  }
}
@media only screen and (max-width: 79.9375rem) {
  .hero p.message {
    font-size: 15px;
    line-height: 32px;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .hero p.message {
    font-size: 10px;
    line-height: 32px;
    padding: 0px 2px !important;
  }
}

.content {
  grid-column: 1/5;
  grid-row: 3;
  background: #223542 url("../image/boxes.png") no-repeat center center;
  background-size: cover;
  box-sizing: border-box;
  border: 10px solid #223542;
  display: flex;
}
@media only screen and (max-width: 79.9375rem) {
  .content {
    background: #223542 url("../image/boxes-tablet.jpg") no-repeat center center;
    border: none;
    flex-direction: column;
    gap: 32px;
    padding: 40px calc(var(--viewport-padding-x) * 2) 60px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .content {
    gap: 20px;
    padding: 32px var(--viewport-padding-x) 40px;
  }
}
.content .section {
  width: 58%;
  padding: 24px;
  font-size: 16px;
  line-height: 26px;
}
@media only screen and (max-width: 79.9375rem) {
  .content .section {
    width: 100%;
    padding: 0;
    font-size: 16px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .content .section {
    font-size: 14px;
    line-height: 24px;
  }
}
.content .section section {
  display: none;
}
.content .section section > *:last-child {
  margin-bottom: 0;
}
.content .section section > a {
  display: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 12px;
  background: #1D313F;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}
@media only screen and (max-width: 47.9375rem) {
  .content .section section > a {
    display: flex;
  }
}
.content .section section > a:last-child {
  margin-bottom: 0;
}
.content .section section article {
  display: none;
}
.content .section section article.active {
  display: grid;
  padding: 16px;
}
@media only screen and (max-width: 79.9375rem) {
  .content .section section article.active {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .content .section section article.active {
    gap: 20px;
    padding: 4px 0 16px;
  }
  .content .section section article.active:last-child {
    padding: 0;
  }
}
.content .section section p a {
  color: #fff;
}
.content .section section article.tabloid {
  grid-template-columns: 43% 57%;
}
.content .section section blockquote {
  margin: 32px;
}
@media only screen and (max-width: 79.9375rem) {
  .content .section section blockquote {
    margin: 24px 0;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .content .section section blockquote {
    margin: 16px 0;
  }
}
.content .section section article.directory {
  grid-template-columns: 100%;
  grid-gap: 5%;
}
.content .section section article.directory div {
  margin: 0;
  padding: 16px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 2.2%;
}
@media only screen and (max-width: 79.9375rem) {
  .content .section section article.directory div {
    width: 50%;
  }
}
.content .section section article.directory div.info-wrapper {
  background: none;
  width: 100%;
  display: flex;
  gap: 24px;
  padding: 16px;
}
@media only screen and (max-width: 47.9375rem) {
  .content .section section article.directory div.info-wrapper {
    flex-direction: column;
    gap: 16px;
  }
}
.content .section section article.directory div.semi-card {
  width: 100%;
}
.content .section section article.directory div h3 {
  margin: 0;
}
.content .section section article.directory div h4 {
  margin: 0;
  font-weight: normal;
}
.content .section section article.directory div h5 {
  margin: 0;
  font-weight: normal;
  display: flex;
  white-space: nowrap;
}
.content .section section article.directory div h5 a {
  color: #fff;
  margin-right: 0.7em;
}
.content .section section article.directory div h5 p {
  width: 1.1em;
  margin: 0;
  cursor: pointer;
}
.content .section section article.directory div b {
  margin: 0;
  font-weight: normal;
  display: flex;
  white-space: nowrap;
}
.content .section section article.directory div b a {
  color: #fff;
  margin-right: 0.7em;
}
.content .section section article.directory div b p {
  width: 1.1em;
  margin: 0;
  cursor: pointer;
}
.content .section section article.directory p {
  grid-column: span 2;
  padding-left: 0;
}
.content .section section.active {
  display: block;
}
.content .section span {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  font-weight: bold;
  background-color: #1D313F;
  margin: 0 4px 0 0;
  padding: 0;
  height: 40px;
  max-height: 40px;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #1D313F;
  border-radius: 5px;
  justify-content: inherit;
  margin-top: 16px;
  padding-left: 14px;
  font-size: 17px;
}
@media only screen and (max-width: 79.9375rem) {
  .content .section span {
    border: none;
    border-radius: 6px;
    margin: 24px 0 0;
    padding: 8px 20px;
    height: 44px;
    max-height: 44px;
    font-size: 16px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .content .section span {
    margin-top: 16px;
    height: 40px;
    max-height: 40px;
    font-size: 14px;
    line-height: 24px;
  }
}
.content .section article.tabloid img {
  width: 100%;
  border-radius: 5px;
}
@media only screen and (max-width: 79.9375rem) {
  .content .section article.tabloid img {
    border-radius: 6px;
  }
}
.content .section article.tabloid p {
  margin: 0px;
  padding-left: 26px;
}
@media only screen and (max-width: 79.9375rem) {
  .content .section article.tabloid p {
    padding: 0;
  }
}
.content .section #projects article.tabloid p {
  line-height: 28px;
}
.content .section p {
  padding-left: 16px;
}
@media only screen and (max-width: 79.9375rem) {
  .content .section p {
    padding: 0;
  }
}
.content section ul {
  display: flex;
  width: 100%;
  list-style-type: none;
  padding: 0;
}
@media only screen and (max-width: 79.9375rem) {
  .content section ul {
    gap: 8px;
    margin: 0 0 32px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .content section ul {
    display: none;
  }
}
.content section ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  font-size: 14px;
  font-weight: bold;
  background-color: #1D313F;
  margin: 0 4px 0 0;
  padding: 0;
  height: 40px;
  max-height: 40px;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #1D313F;
  border-radius: 5px;
}
@media only screen and (max-width: 79.9375rem) {
  .content section ul li {
    margin: 0;
    border: none;
  }
}
.content section ul li a {
  color: #4A6779;
  text-decoration: none;
}
.content section ul li a.active {
  color: #fff;
}
.content section ul li.more {
  flex: 0.1;
  font-size: 22px;
  line-height: 36px;
  padding: 0 10px;
  align-items: flex-start;
}
@media only screen and (max-width: 79.9375rem) {
  .content section > p {
    margin: 24px 0 0;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .content section > p {
    margin: 16px 0 0;
  }
}
.content .cta {
  width: 42%;
  padding-left: 48px;
  padding-top: 128px;
  padding-bottom: 16px;
  margin: 0;
}
@media only screen and (max-width: 79.9375rem) {
  .content .cta {
    width: 100%;
    padding: 0;
    padding-left: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px 16px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .content .cta {
    padding-left: 16px;
    gap: 8px;
  }
}
.content .cta li {
  font-size: 26px;
  line-height: 66px;
  letter-spacing: 5.2px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 79.9375rem) {
  .content .cta li {
    width: calc(50% - 8px);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px; /* 160% */
    letter-spacing: 2px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .content .cta li {
    width: 100%;
    font-size: 16px;
  }
}
.content form {
  display: none;
  position: unset;
}
@media only screen and (max-width: 79.9375rem) {
  .content form {
    display: block;
  }
}

.foot {
  grid-column: 1/5;
  display: flex;
  flex-direction: column;
  height: 342px;
  max-height: 342px;
  background-color: #0F222F;
  position: relative;
  overflow: hidden;
  padding: 0 var(--viewport-padding-x);
}
@media only screen and (max-width: 79.9375rem) {
  .foot {
    height: -moz-fit-content;
    height: fit-content;
    max-height: unset;
    padding: calc(var(--viewport-padding-x) * 2);
    gap: 22px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .foot {
    padding: calc(var(--viewport-padding-x));
  }
}
.foot-wrapper {
  display: flex;
  flex-grow: 1;
}
@media only screen and (max-width: 79.9375rem) {
  .foot-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 22px;
  }
}
.foot .logo-big {
  opacity: 0.4;
  width: 314px;
  position: absolute;
  top: 38px;
  right: -106px;
  z-index: 0;
}
@media only screen and (max-width: 79.9375rem) {
  .foot .logo-big {
    width: 264px;
    inset: unset;
    right: -90px;
    bottom: 0;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .foot .logo-big {
    width: 199px;
    right: -80px;
  }
}
.foot .logo-small {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 44px 28px;
  padding-right: 28px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 79.9375rem) {
  .foot .logo-small {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 16px;
    margin: 0;
  }
}
.foot .logo-small img:nth-child(1) {
  width: 64px;
  margin: 10% 0 5% 0;
}
@media only screen and (max-width: 79.9375rem) {
  .foot .logo-small img:nth-child(1) {
    width: 108px;
    padding: 14px 0 8px;
    margin: 0;
  }
}
.foot .logo-small img:nth-child(2) {
  width: 108px;
}
.foot .logo-small div.social {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  gap: 12px;
}
@media only screen and (max-width: 79.9375rem) {
  .foot .logo-small div.social {
    margin: 0;
    padding: 16px;
  }
}
.foot .logo-small div.social a {
  color: #fff;
  text-decoration: none;
  text-align: center;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.foot .logo-small div.social a img {
  width: 24px;
  height: 24px;
}
.foot .links {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 72px;
  font-size: 14px;
  font-weight: bold;
  width: 65%;
}
@media only screen and (max-width: 79.9375rem) {
  .foot .links {
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px 28px;
    margin: 0;
    font-size: 13px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .foot .links {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
.foot .links div {
  padding-left: 24px;
}
@media only screen and (max-width: 79.9375rem) {
  .foot .links div {
    padding: 0;
  }
}
.foot .links div ul {
  list-style: none;
  margin-top: 6px;
  margin-bottom: 0;
  padding: 0;
}
@media only screen and (max-width: 79.9375rem) {
  .foot .links div ul {
    margin-top: 4px;
  }
}
.foot .links div ul li {
  font-size: 12px;
  font-weight: normal;
  text-transform: capitalize;
  padding: 6px 4px;
}
@media only screen and (max-width: 79.9375rem) {
  .foot .links div ul li {
    padding: 4px 0px;
  }
  .foot .links div ul li:last-child {
    padding-bottom: 0;
  }
}
.foot .links div ul li::before {
  content: "+";
  display: inline-block;
  margin-right: 6px;
}
.foot .links div ul li a {
  color: #fff;
  text-decoration: none;
}
.foot .copy {
  width: 100%;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0.14em;
  text-align: center;
}
@media only screen and (max-width: 79.9375rem) {
  .foot .copy {
    height: -moz-fit-content;
    height: fit-content;
    margin: 0;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 1.512px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .foot .copy {
    justify-content: flex-start;
  }
}/*# sourceMappingURL=style.css.map */