/*
Theme Name: IAZO
Author: Foresite Group
Author URI: https://foresitegrp.com
Version: 1.0

#E7F6FE - lightest blue
#C4E0FF - lighter blue
#3883AC - light blue
#00438E - blue
#12204B - dark blue
#29AC53 - green

font-family: 'Bebas Neue', cursive;
font-family: 'Nunito Sans', sans-serif;
font-family: 'Roboto Slab', serif;
*/

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Nunito+Sans:wght@400;700&family=Roboto+Slab:wght@400;700&display=swap');

BODY {
  margin: 0;
  padding: 0;
  background: #E7F6FE;
  color: #12204B;
  font-weight: 400;
  font-family: 'Roboto Slab', serif;
  font-size: 16px;
  line-height: 1;
}

IMG { border: 0; }

A { text-decoration: none; transition: all 0.2s; }

.site-width { width: 1066px; margin: 0 auto; }

/* HEADER */
#nav-spacer { height: 6.3125rem; }

HEADER {
  display: flex;
  justify-content: center;
  background: #FFFFFF;
  box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0,0,0,0.3);
  position: fixed;
  top: 0;
  z-index: 1000;
  height: 6.3125rem;
  width: 100%;
}

LABEL[for="toggle-menu"], #toggle-menu, #mobile-nav { display: none; }

HEADER NAV UL {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}

HEADER NAV > UL > LI { transition: all 0.2s; position: relative; }

HEADER NAV > UL > LI:hover { background: #12204B; }

HEADER NAV > UL > LI > A {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 6.3125rem;
  padding: 0 2.5rem;
  color: #00438E;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1;
}

HEADER NAV > UL > LI:hover > A { color: #FFFFFF; }

HEADER NAV UL LI UL {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 100%;
  left: 0;
  background: #FFFFFF;
  padding: 0.6875rem 1.375rem;
}

HEADER NAV UL LI:hover UL { display: flex; }

HEADER NAV UL LI UL LI { border-top: 0.1875rem solid #E2E2E2; }

HEADER NAV UL LI UL LI:first-of-type { border-top: 0; }

HEADER NAV UL LI UL LI A {
  display: block;
  padding: 1.1rem 0 1rem;
  min-width: 10.625rem;
  color: #29AC53;
  font-family: 'Bebas Neue', cursive;
  font-size: 1.375rem;
  line-height: 1;
}

HEADER NAV UL LI UL LI A:hover { color: #00438E; }

#header-logo {
  width: 9.375rem;
  height: 100%;
  background: url(images/logo.webp) no-repeat center;
  background-size: contain;
  margin: 0 1.875rem;
}

#header-image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24.0625rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #FFFFFF;
  font-family: 'Bebas Neue', cursive;
  font-size: 1.875rem;
  text-align: center;
  border-bottom: 3.125rem solid #12204B;
  position: relative;
}

#header-image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(18,32,75,0.21);
}

#header-image .text {
  position: relative;
  z-index: 2;
}

#header-image H1 {
  margin: 0;
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  font-size: 243.33%;
  line-height: 1;
}

#body-content {
  padding: 5.3125rem 0 6.25rem;
  background: url(images/dots.webp) no-repeat top right;
  font-size: 1.625rem;
  line-height: 1.8;
}

#body-content > .site-width > P { text-align: center; }

/* FOOTER */
FOOTER {
  background: #141313;
  color: #FFFFFF;
  font-family: 'Nunito Sans', sans-serif;
  padding: 1.875rem 0 0.5rem;
}

FOOTER .site-width { display: flex; justify-content: space-between; }

#footer-left {
  color: #FFFFFF;
  font-size: 0.75rem;
  line-height: 1.4;
}

#footer-logo {
  display: block;
  width: 10.625rem;
  height: 4.375rem;
  background: url(images/logo-white.webp) no-repeat top center;
  background-size: contain;
  margin-bottom: 1rem;
}

#footer-left A { color: #FFFFFF; }

#footer-left A:hover, #footer-left SPAN { color: #C4E0FF; }

FOOTER NAV UL {
  margin: 0 0 1em;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}

FOOTER NAV > UL > LI { margin-left: 3.125rem; }

FOOTER NAV UL LI A {
  display: inline-block;
  margin-top: 0.75em;
  color: #FFFFFF;
  font-size: 0.9375rem;
  line-height: 1;
}

FOOTER NAV UL LI A:hover { color: #C4E0FF; }

FOOTER NAV UL LI UL { flex-direction: column; }

#icons { text-align: center; }

#icons A {
  display: inline-block;
  box-sizing: border-box;
  margin: 0 0.8125rem;
  border-radius: 50%;
  border: 0.1875rem solid #29AC53;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50% auto;
  transition: all 0s;
}

#icons A.facebook {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2329AC53' d='M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z'/%3E%3C/svg%3E");
}

#icons A.linkedin {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2329AC53' d='M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z'/%3E%3C/svg%3E");
}

#icons A.phone {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 122.27'%3E%3Cpath fill='%2329AC53' d='M33.84,50.25c4.13,7.45,8.89,14.6,15.07,21.12c6.2,6.56,13.91,12.53,23.89,17.63c0.74,0.36,1.44,0.36,2.07,0.11 c0.95-0.36,1.92-1.15,2.87-2.1c0.74-0.74,1.66-1.92,2.62-3.21c3.84-5.05,8.59-11.32,15.3-8.18c0.15,0.07,0.26,0.15,0.41,0.21 l22.38,12.87c0.07,0.04,0.15,0.11,0.21,0.15c2.95,2.03,4.17,5.16,4.2,8.71c0,3.61-1.33,7.67-3.28,11.1 c-2.58,4.53-6.38,7.53-10.76,9.51c-4.17,1.92-8.81,2.95-13.27,3.61c-7,1.03-13.56,0.37-20.27-1.69 c-6.56-2.03-13.17-5.38-20.39-9.84l-0.53-0.34c-3.31-2.07-6.89-4.28-10.4-6.89C31.12,93.32,18.03,79.31,9.5,63.89 C2.35,50.95-1.55,36.98,0.58,23.67c1.18-7.3,4.31-13.94,9.77-18.32c4.76-3.84,11.17-5.94,19.47-5.2c0.95,0.07,1.8,0.62,2.25,1.44 l14.35,24.26c2.1,2.72,2.36,5.42,1.21,8.12c-0.95,2.21-2.87,4.25-5.49,6.15c-0.77,0.66-1.69,1.33-2.66,2.03 c-3.21,2.33-6.86,5.02-5.61,8.18L33.84,50.25L33.84,50.25L33.84,50.25z'/%3E%3C/svg%3E");
}

#icons A:hover { border-color: #C4E0FF; }

#icons A.facebook:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C4E0FF' d='M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z'/%3E%3C/svg%3E");
}

#icons A.linkedin:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C4E0FF' d='M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z'/%3E%3C/svg%3E");
}

#icons A.phone:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 122.27'%3E%3Cpath fill='%23C4E0FF' d='M33.84,50.25c4.13,7.45,8.89,14.6,15.07,21.12c6.2,6.56,13.91,12.53,23.89,17.63c0.74,0.36,1.44,0.36,2.07,0.11 c0.95-0.36,1.92-1.15,2.87-2.1c0.74-0.74,1.66-1.92,2.62-3.21c3.84-5.05,8.59-11.32,15.3-8.18c0.15,0.07,0.26,0.15,0.41,0.21 l22.38,12.87c0.07,0.04,0.15,0.11,0.21,0.15c2.95,2.03,4.17,5.16,4.2,8.71c0,3.61-1.33,7.67-3.28,11.1 c-2.58,4.53-6.38,7.53-10.76,9.51c-4.17,1.92-8.81,2.95-13.27,3.61c-7,1.03-13.56,0.37-20.27-1.69 c-6.56-2.03-13.17-5.38-20.39-9.84l-0.53-0.34c-3.31-2.07-6.89-4.28-10.4-6.89C31.12,93.32,18.03,79.31,9.5,63.89 C2.35,50.95-1.55,36.98,0.58,23.67c1.18-7.3,4.31-13.94,9.77-18.32c4.76-3.84,11.17-5.94,19.47-5.2c0.95,0.07,1.8,0.62,2.25,1.44 l14.35,24.26c2.1,2.72,2.36,5.42,1.21,8.12c-0.95,2.21-2.87,4.25-5.49,6.15c-0.77,0.66-1.69,1.33-2.66,2.03 c-3.21,2.33-6.86,5.02-5.61,8.18L33.84,50.25L33.84,50.25L33.84,50.25z'/%3E%3C/svg%3E");
}

#copyright {
  padding: 0.9em 2%;
  font-weight: 700;
  font-size: 1rem;
  text-align: center;
}

/* FOOTER FORM */
#rmi-form { background: #12204B; color: #FFFFFF; padding: 2.5625rem 0 3.3125rem; }

.contact #rmi-form { background: #29AC53; }

#rmi-form H2 {
  margin: 0 0 0.75em;
  padding: 0 2%;
  font-size: 2.375rem;
  line-height: 1;
  text-align: center;
}

#rmi { width: 48.625rem; margin: 0 auto; }

#rmi INPUT[name="username"] { position: absolute; left: -999999999px; }

#rmi INPUT[type="text"],
#rmi INPUT[type="email"],
#rmi INPUT[type="tel"],
#rmi TEXTAREA {
  outline: 0;
  margin-bottom: 1.5rem;
  border: 0.3125rem solid #29AC53;
  border-radius: 1.9375rem;
  background: transparent;
  color: #29AC53;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1;
  padding: 0.75rem 1.875rem 0.8125rem;
  width: 100%;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}

.contact #rmi INPUT[type="text"],
.contact #rmi INPUT[type="email"],
.contact #rmi INPUT[type="tel"],
.contact #rmi TEXTAREA { border-color: #FFFFFF; color: #FFFFFF; }

#rmi TEXTAREA { height: 8.125rem }

#rmi .col2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#rmi .col2 INPUT[type="text"],
#rmi .col2 INPUT[type="email"],
#rmi .col2 INPUT[type="tel"] { width: 47%; }

#rmi :-ms-input-placeholder { color: #29AC53; opacity: 0.61; }
#rmi ::placeholder { color: #29AC53; opacity: 0.61; }
.contact #rmi :-ms-input-placeholder { color: #FFFFFF; opacity: 0.61; }
.contact #rmi ::placeholder { color: #FFFFFF; opacity: 0.61; }
#rmi .alert { border-color: #D15D53 !important; }
#rmi .alert:-ms-input-placeholder { color: #D15D53; opacity: 1; }
#rmi .alert::placeholder { color: #D15D53; opacity: 1; }
#rmi :focus::placeholder { color: transparent; opacity: 0; }

#rmi .g-recaptcha > DIV { margin: 0 auto 1.5rem; }

#rmi BUTTON {
  margin: 0 auto;
  outline: 0;
  border: 0;
  border-radius: 1.875rem;
  box-sizing: border-box;
  padding: 0.65625rem 2.35em;
  background: #29AC53;
  color: #FFFFFF;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  font-size: 1.9375rem;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
}

.contact #rmi BUTTON { background: #12204B; }

#rmi BUTTON:hover { background: #3883AC; }

#rmi BUTTON.loader {
  background: #AAAAAA; color: #CCCCCC; pointer-events: none;
}

.loader:before {
  --loader-size: 2rem; /* Height of parent minus 20px; */
  content: "";
  position: absolute;
  top: 0.3125rem; /* 5px (same as border size) */
  left: calc(50% - (var(--loader-size) / 2));
  border: 0.3125rem solid #FFFFFF; /* Light */
  border-top-color: #D15D53; /* Dark */
  border-radius: 50%;
  width: var(--loader-size);
  height: var(--loader-size);
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#modal {
  display: none;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
}

#modal-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 31.25rem;
  box-sizing: border-box;
  padding: 1.75rem 2.25rem;
  background: #FFFFFF;
  color: #221F20;
  font-size: 1.5rem;
  line-height: 1.2;
}

@media only screen and (max-width: 550px) { #modal-box { width: 96%; } }

#modal-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.875rem;
  height: 1.875rem;
  cursor: pointer;
}

#modal-button:before {
  content: "\2715";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 70%;
}


/* 404 PAGE */
.error404 #header-image { display: none; }

.error404 #body-content H1, .error404 #body-content H2 { margin: 0 0 0.5em; }


.error404 #body-content A { color: #29AC53; }
.error404 #body-content A:hover { color: #12204B; }

/* HOME PAGE */
#home-content {
  width: 27.375rem;
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0,0,0,0.16);
  border-radius: 2.9375rem;
  box-sizing: border-box;
  padding: 2.25rem;
  background: #FFFFFF;
  color: #000000;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1.25rem;
  line-height: 1.6;
  position: absolute;
  top: 17.875rem;
}

#home-content H1 {
  margin: 0;
  color: #29AC53;
  font-family: 'Bebas Neue', cursive;
  font-weight: 400;
  font-size: 160%;
}

#home-content P { margin: 0 0 1.25rem; }
#home-content P:last-of-type { margin: 0; }

#home-sections > DIV {
  display: flex; justify-content: space-between; align-items: center;
  padding: 3.125rem 0;
}

#home-sections > DIV:nth-of-type(even) { flex-direction: row-reverse; }

#home-sections > DIV .text {
  width: 43.9024%;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1.25rem;
  line-height: 2;
}

#home-sections > DIV .text.noimg { width: 100%; }

#home-sections > DIV:nth-of-type(even) .text { text-align: right; }

#home-sections > DIV .text H2 {
  margin: 0 0 0.5em;
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  font-size: 250%;
  line-height: 1;
}

#home-sections > DIV .text .learnmore {
  display: inline-block;
  margin-top: 0.5em;
  border-radius: 2.25rem;
  padding: 1em 5.75em 1em 1.6em;
  background: #29AC53;
  color: #FFFFFF;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  font-size: 125%;
  line-height: 1;
  position: relative;
}

#home-sections > DIV:nth-of-type(even) .text .learnmore {
  padding: 1em 1.6em 1em 5.75em;
  text-align: right;
}

#home-sections > DIV .text .learnmore:before {
  content: '';
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 3.8125rem;
  height: 3.8125rem;
  border-radius: 50%;
  background-color: #6BE291;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFFFFF' d='M764.586667 495.786667a42.666667 42.666667 0 0 0-8.96-14.08l-213.333334-213.333334a42.666667 42.666667 0 0 0-60.586666 60.586667l140.8 140.373333H298.666667a42.666667 42.666667 0 0 0 0 85.333334h323.84l-140.8 140.373333a42.666667 42.666667 0 0 0 0 60.586667 42.666667 42.666667 0 0 0 60.586666 0l213.333334-213.333334a42.666667 42.666667 0 0 0 8.96-14.08 42.666667 42.666667 0 0 0 0-32.426666z' /%3E%3C/svg%3E");
  background-size: 80%;
  transition: all 0.2s;
}

#home-sections > DIV:nth-of-type(even) .text .learnmore:before {
  left: 1rem;
  transform: rotate(180deg) translateY(50%);
}

#home-sections > DIV .text .learnmore:hover { background: #00438E; }
#home-sections > DIV .text .learnmore:hover:before { background-color: #3883AC; }

#home-sections > DIV .image {
  width: 43.9024%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 2.25rem;
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0,0,0,0.16);
}

#home-sections > DIV .image:before {
  content: "";
  display: block;
  padding-top: 108.5470%;
}

/* SERVICES */
#services-masonry { margin-top: 4rem; }

#services-masonry .image {
  width: 45.8724%;
  border-radius: 2.0625rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0,0,0,0.16);
}

#services-masonry .image:before {
  content: "";
  display: block;
  padding-top: 96.3190%;
}

#services-masonry .text {
  width: 45.8724%;
  box-sizing: border-box;
  border-radius: 1.625rem;
  border: 0.25rem solid #29AC53;
  padding: 2.9375rem 2.9375rem 0.13em;
  color: #3883AC;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.3;
}

#services-masonry .text H2 {
  margin: 0 0 0.5em;
  color: #29AC53;
  font-family: 'Bebas Neue', cursive;
  font-weight: 400;
  font-size: 168.1818%;
  line-height: 1;
}

#services-masonry .text H2 SPAN {
  font-size: 60%;
}

#services-masonry .text UL {
  margin: 0 0 1.8em 0.3em;
  padding: 0 0 0 0.7em;
}

#services-masonry .text UL LI { padding: 0.5em 0; }
#services-masonry .text UL LI:first-of-type { padding-top: 0; }
#services-masonry .text UL LI:last-of-type { padding-bottom: 0; }

#services-masonry .text P { margin: 0 0 1.8em; }


/* CAPABILITIES */
#capabilities-sections { margin-top: 4rem; }

#capabilities-sections .image {
  margin-top: 3.75rem;
  border-radius: 2.0625rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0,0,0,0.16);
}

#capabilities-sections .image:before {
  content: "";
  display: block;
  padding-top: 33.5834%;
}

#capabilities-sections .text {
  margin-top: 2.5rem;
  box-sizing: border-box;
  border-radius: 1.625rem;
  border: 0.25rem solid #29AC53;
  padding: 2.9375rem 2.9375rem 0.13em;
  color: #3883AC;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.3;
  position: relative;
}

#capabilities-sections .text.tootall {
  max-height: 700px;
  overflow: hidden;
  position: relative;
}

#capabilities-sections .text.tootall.open { max-height: none; padding-bottom: 4rem; }

#capabilities-sections .text.tootall:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 12.5rem;
  background: linear-gradient(transparent, #E7F6FE 50%,  #E7F6FE 100%);
}

#capabilities-sections .text.tootall.open:before { height: 0; }

#capabilities-sections .text .oc-button {
  display: none;
  position: absolute;
  bottom: 1.6875rem;
  left: 50%;
  transform: translateX(-50%);
  outline: 0;
  border: 0;
  border-radius: 2.25rem;
  padding: 0.6em 3.5em 0.6em 1em;
  background: #29AC53;
  color: #FFFFFF;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1;
  transition: all 0.2s;
  cursor: pointer;
  white-space: nowrap;
}

#capabilities-sections .text.tootall .oc-button { display: block; }

#capabilities-sections .text .oc-button:before {
  content: '';
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 50%;
  background-color: #6BE291;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFFFFF' d='M764.586667 495.786667a42.666667 42.666667 0 0 0-8.96-14.08l-213.333334-213.333334a42.666667 42.666667 0 0 0-60.586666 60.586667l140.8 140.373333H298.666667a42.666667 42.666667 0 0 0 0 85.333334h323.84l-140.8 140.373333a42.666667 42.666667 0 0 0 0 60.586667 42.666667 42.666667 0 0 0 60.586666 0l213.333334-213.333334a42.666667 42.666667 0 0 0 8.96-14.08 42.666667 42.666667 0 0 0 0-32.426666z' /%3E%3C/svg%3E");
  background-size: 80%;
  transition: all 0.2s;
}

#capabilities-sections .text .oc-button:hover { background: #00438E; }
#capabilities-sections .text .oc-button:hover:before { background-color: #3883AC; }

#capabilities-sections .text .oc-button:after { content: " More"; }
#capabilities-sections .text.open .oc-button:after { content: " Less"; }

#capabilities-sections .text H2 {
  margin: 0 0 0.5em;
  color: #29AC53;
  font-family: 'Bebas Neue', cursive;
  font-weight: 400;
  font-size: 168.1818%;
  line-height: 1;
}

#capabilities-sections .text H2 SPAN {
  font-size: 60%;
}

#capabilities-sections .text UL {
  margin: 0 0 1.8em 0.3em;
  padding: 0 0 0 0.7em;
}

#capabilities-sections .text UL.col2 {
  columns: 2;
  column-gap: 6%;
}

#capabilities-sections .text UL LI { padding-bottom: 1em; }
#capabilities-sections .text UL LI:last-of-type { padding-bottom: 0; }

#capabilities-sections .text P { margin: 0 0 1.8em; }


/* ABOUT */
#about-header-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#about-header-menu LI { padding: 1rem 1.75rem 0; }

#about-header-menu LI A {
  position: relative;
  display: block;
  box-sizing: border-box;
  min-width: 221px;
  border-radius: 2.25rem;
  padding: 1.17em 6em 1.17em 2.5em;
  background: #29AC53;
  color: #FFFFFF;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  transition: all 0.2s;
}

#about-header-menu LI A:after {
  content: '';
  position: absolute;
  right: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 50%;
  background-color: #6BE291;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFFFFF' d='M764.586667 495.786667a42.666667 42.666667 0 0 0-8.96-14.08l-213.333334-213.333334a42.666667 42.666667 0 0 0-60.586666 60.586667l140.8 140.373333H298.666667a42.666667 42.666667 0 0 0 0 85.333334h323.84l-140.8 140.373333a42.666667 42.666667 0 0 0 0 60.586667 42.666667 42.666667 0 0 0 60.586666 0l213.333334-213.333334a42.666667 42.666667 0 0 0 8.96-14.08 42.666667 42.666667 0 0 0 0-32.426666z' /%3E%3C/svg%3E");
  background-size: 80%;
  transition: all 0.2s;
}

#about-header-menu LI A:hover { background: #00438E; }
#about-header-menu LI A:hover:after { background-color: #3883AC; }

#facilities, #leadership { scroll-margin-top: 6.3125rem; }

#facilities .image,
#leadership .image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20.1875rem;
  margin: 6.25rem 0 3.125rem;
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0,0,0,0.16);
  border-radius: 2.0625rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}

#facilities .image::before,
#leadership .image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(18,32,75,0.21);
  border-radius: inherit;
}

#facilities .image H2,
#leadership .image H2 {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #FFFFFF;
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  font-size: 4.5625rem;
  line-height: 1;
}

#facilities .text { text-align: center; }

#facilities .text .col2 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-align: left;
}

#facilities .text .col2 > DIV {
  width: 46%;
  margin-top: 2.5rem;
  box-sizing: border-box;
  border-radius: 1.625rem;
  border: 0.25rem solid #29AC53;
  padding: 2.9375rem 2.9375rem 0.13em;
  color: #3883AC;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.3;
}

#facilities .text .col2 > DIV H3 {
  margin: 0 0 0.5em;
  color: #29AC53;
  font-family: 'Bebas Neue', cursive;
  font-weight: 400;
  font-size: 168.1818%;
  line-height: 1;
}

#facilities .text .col2 > DIV UL {
  margin: 0 0 1.8em 0.3em;
  padding: 0 0 0 0.7em;
}

#facilities .text .col2 > DIV UL LI { padding-bottom: 1em; }
#facilities .text .col2 > DIV UL LI:last-of-type { padding-bottom: 0; }

#facilities .text .col2 > DIV P { margin: 0 0 1.8em; }

#leadership .leadership {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 87.6172%;
  box-sizing: border-box;
  margin: 2.5rem auto 0;
  padding: 2.375rem;
  border-radius: 3rem;
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0,0,0,0.16);
  background: #FFFFFF;
  color: #3883AC;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.8;
}

#leadership .leadership H3 {
  margin: 0 0 0.25em;
  color: #12204B;
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  font-size: 211.11%;
  line-height: 1;
}

#leadership .leadership P { margin: 0 0 1.8em; }
#leadership .leadership P:last-of-type { margin-bottom: 0; }

#leadership .leadership .button {
  position: relative;
  margin-left: 3rem;
  border-radius: 2.25rem;
  padding: 1.17em 5.5em 1.17em 3.75em;
  background: #29AC53;
  color: #FFFFFF;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  transition: all 0.2s;
}

#leadership .leadership .button:before {
  content: '';
  position: absolute;
  left: 0.9rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.625rem;
  height: 2.625rem;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z'/%3E%3C/svg%3E");
  background-size: 75%;
}

#leadership .leadership .button:after {
  content: '';
  position: absolute;
  right: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 50%;
  background-color: #6BE291;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFFFFF' d='M764.586667 495.786667a42.666667 42.666667 0 0 0-8.96-14.08l-213.333334-213.333334a42.666667 42.666667 0 0 0-60.586666 60.586667l140.8 140.373333H298.666667a42.666667 42.666667 0 0 0 0 85.333334h323.84l-140.8 140.373333a42.666667 42.666667 0 0 0 0 60.586667 42.666667 42.666667 0 0 0 60.586666 0l213.333334-213.333334a42.666667 42.666667 0 0 0 8.96-14.08 42.666667 42.666667 0 0 0 0-32.426666z' /%3E%3C/svg%3E");
  background-size: 80%;
  transition: all 0.2s;
}

#leadership .leadership .button:hover { background: #00438E; }
#leadership .leadership .button:hover:after { background-color: #3883AC; }

/* NEWS */
.news-index {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.news-index:after { content: ""; width: 32.0825%; }

.news-index > DIV {
  display: flex;
  flex-direction: column;
  width: 32.0825%;
  margin-top: 3rem;
  box-sizing: border-box;
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0,0,0,0.16);
  background: #FFFFFF;
  color: #3883AC;
  font-weight: 700;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.9375rem;
  line-height: 1.8;
}

.news-index > DIV .image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.news-index > DIV .image:before { content: ""; display: block; padding-top: 60.8187%; }

.news-index > DIV H2 {
  margin: 0;
  padding: 1.5rem;
  color: #12204B;
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  font-size: 153.3333%;
  line-height: 1.2;
  text-align: center;
}

.news-index > DIV .content {
  margin-bottom: 1em;
  padding: 0 1.5rem 3rem;
  text-align: center;
}

.news-index > DIV .button {
  position: relative;
  margin: auto auto 1.875rem;
  border-radius: 2.25rem;
  padding: 1.17em 5.5em 1.17em 2em;
  background: #29AC53;
  color: #FFFFFF;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  transition: all 0.2s;
}

.news-index > DIV .button:after {
  content: '';
  position: absolute;
  right: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 50%;
  background-color: #6BE291;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFFFFF' d='M764.586667 495.786667a42.666667 42.666667 0 0 0-8.96-14.08l-213.333334-213.333334a42.666667 42.666667 0 0 0-60.586666 60.586667l140.8 140.373333H298.666667a42.666667 42.666667 0 0 0 0 85.333334h323.84l-140.8 140.373333a42.666667 42.666667 0 0 0 0 60.586667 42.666667 42.666667 0 0 0 60.586666 0l213.333334-213.333334a42.666667 42.666667 0 0 0 8.96-14.08 42.666667 42.666667 0 0 0 0-32.426666z' /%3E%3C/svg%3E");
  background-size: 80%;
  transition: all 0.2s;
}

.news-index > DIV .button:hover { background: #00438E; }
.news-index > DIV .button:hover:after { background-color: #3883AC; }

/* CONTACT */
.contact #body-content > .site-width {
  width: 55.375rem;
  font-size: 2.25rem;
  line-height: 1.2;
}

.contact #body-content .contact-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #29AC53;
  font-size: 1.6875rem;
  line-height: 1.2;
}





@media only screen and (max-width: 1100px) {
  .site-width { width: 96%; }
}

@media only screen and (max-width: 900px) {
  .contact #body-content > .site-width { width: 96%; }
}

@media only screen and (max-width: 825px) {
  HEADER NAV { display: none; }

  LABEL[for="toggle-menu"] {
    display: inline-block;
    position: absolute;
    top: 1.90625rem;
    right: 2%;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
    margin: 0;
  }

  LABEL[for="toggle-menu"] DIV,
  LABEL[for="toggle-menu"] DIV:before,
  LABEL[for="toggle-menu"] DIV:after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 0.375rem;
    width: 100%;
    background: #12204B;
    transition: all 0.2s ease-in-out;
  }

  LABEL[for="toggle-menu"] DIV:before,
  LABEL[for="toggle-menu"] DIV:after {
    content: "";
    top: -0.75rem;
    transform: none;
    transform-origin: 0% 0%;
  }

  LABEL[for="toggle-menu"] DIV:after { top: 0.75rem; }

  #toggle-menu:checked + LABEL[for="toggle-menu"] DIV { background: transparent; }

  #toggle-menu:checked + LABEL[for="toggle-menu"] DIV:before,
  #toggle-menu:checked + LABEL[for="toggle-menu"] DIV:after {
    top: 50%;
    left: 50%;
    transform: rotate(45deg) translate(-50%,-50%);
  }

  #toggle-menu:checked + LABEL[for="toggle-menu"] DIV:after { transform: rotate(-45deg) translate(-50%,-50%); }

  #toggle-menu:checked + LABEL[for="toggle-menu"]:after { display: none; }

  #toggle-menu:checked + LABEL[for="toggle-menu"] + DIV { display: block; }
  #toggle-menu:checked + LABEL[for="toggle-menu"] + DIV NAV { display: block; }

  #mobile-nav {
    position: absolute;
    top: 6.3125rem;
    width: 100%;
    background: #FFFFFF;
    padding-bottom: 2.5rem;
    box-shadow: 0 0.3125rem 0.375rem 0 rgba(0,0,0,0.15);
  }

  #mobile-nav UL { flex-direction: column; }

  #mobile-nav UL LI { background: transparent; }

  #mobile-nav UL LI A {
    display: block;
    height: auto;
    padding: 0;
    color: #00438E;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1;
    text-align: center;
    margin-top: 0.5em;
  }

  #mobile-nav UL LI A:hover { color: #29AC53; }

  #mobile-nav UL LI UL { display: block; position: static; padding: 0; }

  #mobile-nav UL LI UL LI { border-top: 0; }

  #rmi { width: 96%; }

  #facilities .text .col2 { flex-direction: column; }
  #facilities .text .col2 > DIV { width: 100%; }

  #leadership .leadership { width: 100%; }

  .news-index > DIV { width: 48%; }
}

@media only screen and (max-width: 800px) {
  #home-sections > DIV,
  #home-sections > DIV:nth-of-type(even) { flex-direction: column; }
  #home-sections > DIV .text { width: 100%; }
  #home-sections > DIV .image { width: 100%; margin-top: 2em; }

  #capabilities-sections .text UL.col2 {
  columns: 1;
  column-gap: auto;
}
}

@media only screen and (max-width: 750px) {
  .contact #body-content .contact-info { flex-direction: column-reverse; }
  .contact #body-content .contact-info > DIV { width: 393px; }
}

@media only screen and (max-width: 600px) {
  #rmi .col2 INPUT[type="text"],
  #rmi .col2 INPUT[type="email"],
  #rmi .col2 INPUT[type="tel"] { width: 100%; }

  #leadership .leadership { flex-direction: column; }
  #leadership .leadership .button { margin: 1em 0 0; }

  .news-index > DIV { width: 100%; }
}

@media only screen and (max-width: 550px) {
  FOOTER .site-width { flex-direction: column; }

  #footer-left { text-align: center; }

  #footer-logo { margin: 0 auto 1rem; }

  FOOTER NAV > UL { justify-content: center; margin: 1rem 0 2rem; }
  FOOTER NAV UL LI:first-of-type { margin-left: 0; }
}

@media only screen and (max-width: 470px) {
  #home-content { width: 96%; }
}

@media only screen and (max-width: 400px) {
  .contact #body-content .contact-info > DIV { width: 96%; }
}