@charset "UTF-8";
/* setup */
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, footer, header, nav, section {
  display: block; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

figcaption, figure, main {
  display: block; }

figure {
  margin: 1em 40px; }

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace,monospace;
  font-size: 1em; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; }

b, strong {
  font-weight: inherit; }

b, strong {
  font-weight: bolder; }

code, kbd, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

dfn {
  font-style: italic; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

audio, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button; }

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: .35em .75em .625em; }

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  display: inline-block;
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type=checkbox], [type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details, menu {
  display: block; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template {
  display: none; }

[hidden] {
  display: none; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.visuallyhidden:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden; }

img {
  max-width: 100%; }

a {
  text-decoration: none;
  color: inherit; }

ul, ol, figure {
  margin: 0;
  padding: 0; }

ul li {
  list-style-type: none; }

html {
  font-size: 62.5%;
  font-family: 'Roboto', sans-serif;
  line-height: 1.4;
  scroll-behavior: smooth;
  background: white;
  -webkit-transition: font-size 400ms;
  -o-transition: font-size 400ms;
  transition: font-size 400ms;
  -webkit-tap-highlight-color: transparent;
  overflow-x: hidden; }
  @media only screen and (max-width: 980px) {
    html {
      font-size: 56.25%; } }

h3 {
  font-size: 3rem; }
  @media only screen and (max-width: 980px) {
    h3 {
      font-size: 2.5rem; } }
  @media only screen and (max-width: 650px) {
    h3 {
      font-size: 2.2rem; } }

h4 {
  font-size: 2.5rem; }
  @media only screen and (max-width: 980px) {
    h4 {
      font-size: 2.3rem; } }
  @media only screen and (max-width: 650px) {
    h4 {
      font-size: 2rem; } }

h2 {
  font-size: 2rem;
  font-weight: 500; }
  @media only screen and (max-width: 980px) {
    h2 {
      font-size: 1.8rem; } }

h1 {
  font-size: 3rem; }
  @media only screen and (max-width: 980px) {
    h1 {
      font-size: 2.5rem; } }
  @media only screen and (max-width: 650px) {
    h1 {
      font-size: 2.2rem; } }

a, p, li {
  font-size: 1.6rem; }

.wrapper {
  max-width: 90%;
  margin: 0 auto; }

body {
  background-color: whitesmoke;
  max-width: 1800px;
  margin: 0 auto; }

@media only screen and (max-width: 980px) {
  main, footer {
    -webkit-transform: translateY(81px);
    -ms-transform: translateY(81px);
    transform: translateY(81px); } }

.ol-num {
  list-style-type: upper-roman;
  list-style-position: inside; }

.underline, .underline--full {
  border-bottom: 3px solid #00649e;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 10px; }
  .underline span, .underline--full span {
    font-size: 2rem;
    font-weight: 400;
    margin-left: 30px; }

.underline--full {
  width: 100%;
  padding-bottom: 0px; }

details summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 650px) {
    details summary {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      details summary h4 {
        margin-bottom: 1rem; } }
  details summary p {
    font-weight: 500; }
  details summary:focus {
    outline: none; }
  details summary:hover {
    cursor: pointer; }
  details summary::-webkit-details-marker {
    display: none; }

.product-finder {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0px; }
  .product-finder a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #00649e;
    font-size: 2rem; }
    .product-finder a p {
      font-weight: 600;
      font-size: 2.2rem;
      margin: 0; }
    .product-finder a i {
      margin-right: 5px;
      font-weight: 600; }
  @media only screen and (max-width: 980px) {
    .product-finder {
      color: white; } }

.search-mobile {
  display: none; }
  @media only screen and (max-width: 980px) {
    .search-mobile {
      display: inline-block;
      font-size: 1.6rem;
      color: white;
      padding: 21px;
      text-align: right; } }

button, input[type="submit"], input[type="reset"] {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit; }

.logo {
  padding: 10px 0; }
  .logo img {
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 300px; }

.logo-mobile {
  display: none; }
  @media only screen and (max-width: 980px) {
    .logo-mobile {
      display: inline-block;
      padding: 10px 0;
      text-align: center; }
      .logo-mobile img {
        -o-object-fit: contain;
        object-fit: contain;
        max-width: 250px; } }
  @media only screen and (max-width: 600px) {
    .logo-mobile img {
      max-width: 200px; } }
  @media only screen and (max-width: 400px) {
    .logo-mobile img {
      max-width: 160px; } }

header {
  width: 100%; }
  @media only screen and (max-width: 980px) {
    header {
      position: fixed;
      top: 0;
      z-index: 2; } }
  header .heading {
    background-color: whitesmoke;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 980px) {
      header .heading {
        display: none; } }
    header .heading .wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 90%;
      margin: 0 auto; }

nav {
  background-color: #005a8f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (max-width: 980px) {
    nav {
      background-color: rgba(0, 75, 212, 0.9); } }

header .menu {
  -webkit-transition: max-height .2s ease-out;
  -o-transition: max-height .2s ease-out;
  transition: max-height .2s ease-out; }

/* menu icon */
header .menu-icon {
  cursor: pointer;
  display: none;
  padding: 28px 20px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

header .menu-icon .navicon {
  background: white;
  display: block;
  height: 2px;
  position: relative;
  -webkit-transition: background .2s ease-out;
  -o-transition: background .2s ease-out;
  transition: background .2s ease-out;
  width: 18px; }

header .menu-icon .navicon:before,
header .menu-icon .navicon:after {
  background: white;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
  width: 100%; }

header .menu-icon .navicon:before {
  top: 5px; }

header .menu-icon .navicon:after {
  top: -5px; }

/* menu btn */
header .menu-btn {
  display: none; }
  header .menu-btn:checked ~ .menu {
    max-height: 80vh; }
    header .menu-btn:checked ~ .menu li {
      visibility: visible; }
  header .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent; }
    header .menu-btn:checked ~ .menu-icon .navicon:before {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    header .menu-btn:checked ~ .menu-icon .navicon:after {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0; }

@media only screen and (max-width: 980px) {
  header li {
    visibility: hidden; }
  header .menu {
    max-height: 0px; }
  header .menu-icon {
    display: block; } }

.menu {
  background-color: #00649e;
  color: whitesmoke;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media only screen and (max-width: 980px) {
    .menu {
      background-color: transparent;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      height: auto;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      overflow-y: scroll;
      overflow-x: hidden; } }
  .menu .sub-menu-toggle {
    position: relative; }
    .menu .sub-menu-toggle a, .menu .sub-menu-toggle button {
      display: inline-block;
      padding: 20px;
      background-color: #00649e;
      -webkit-transition: color 200ms, background 200ms;
      -o-transition: color 200ms, background 200ms;
      transition: color 200ms, background 200ms; }
      @media only screen and (max-width: 980px) {
        .menu .sub-menu-toggle a, .menu .sub-menu-toggle button {
          font-size: 1.8rem;
          background-color: transparent;
          color: white; }
          .menu .sub-menu-toggle a:hover, .menu .sub-menu-toggle button:hover {
            background-color: transparent; } }
    @media only screen and (max-width: 980px) {
      .menu .sub-menu-toggle {
        text-align: center;
        display: block;
        width: 100%; }
        .menu .sub-menu-toggle a, .menu .sub-menu-toggle button {
          width: 100%; } }
    @media only screen and (min-width: 980px) {
      .menu .sub-menu-toggle:hover .sub-menu {
        height: auto;
        opacity: 1; } }
    .menu .sub-menu-toggle:hover a, .menu .sub-menu-toggle:hover button {
      background-color: whitesmoke;
      color: grey; }
      @media only screen and (max-width: 980px) {
        .menu .sub-menu-toggle:hover a, .menu .sub-menu-toggle:hover button {
          background-color: transparent;
          color: white; } }
    .menu .sub-menu-toggle .sub-menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background: whitesmoke;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 200%;
      left: 0px;
      top: 62px;
      position: absolute;
      overflow: hidden;
      height: 0;
      opacity: 0;
      -webkit-transition: height 0ms 400ms, opacity 400ms 0ms;
      -o-transition: height 0ms 400ms, opacity 400ms 0ms;
      transition: height 0ms 400ms, opacity 400ms 0ms;
      z-index: 2; }
      .menu .sub-menu-toggle .sub-menu a {
        color: grey;
        background-color: transparent;
        padding: 5px;
        margin: 10px;
        display: inline-block;
        width: 100%;
        -webkit-transition: color 400ms, font-weight 400ms, -webkit-transform 400ms;
        transition: color 400ms, font-weight 400ms, -webkit-transform 400ms;
        -o-transition: color 400ms, transform 400ms, font-weight 400ms;
        transition: color 400ms, transform 400ms, font-weight 400ms;
        transition: color 400ms, transform 400ms, font-weight 400ms, -webkit-transform 400ms; }
        @media only screen and (max-width: 980px) {
          .menu .sub-menu-toggle .sub-menu a {
            color: white; } }
        .menu .sub-menu-toggle .sub-menu a::before {
          display: inline-block;
          color: #00649e;
          background-color: transparent;
          -webkit-transition: opacity 400ms;
          -o-transition: opacity 400ms;
          transition: opacity 400ms;
          content: "➞";
          visibility: hidden;
          opacity: 0;
          padding-right: 5px;
          width: 0px; }
          @media only screen and (max-width: 980px) {
            .menu .sub-menu-toggle .sub-menu a::before {
              display: none;
              width: 0px; } }
        .menu .sub-menu-toggle .sub-menu a:hover {
          font-weight: 500;
          color: #00649e;
          -webkit-transform: translateX(15px);
          -ms-transform: translateX(15px);
          transform: translateX(15px); }
          @media only screen and (max-width: 980px) {
            .menu .sub-menu-toggle .sub-menu a:hover {
              font-weight: 400;
              -webkit-transform: translateX(0px);
              -ms-transform: translateX(0px);
              transform: translateX(0px);
              color: white; } }
          .menu .sub-menu-toggle .sub-menu a:hover::before {
            visibility: visible;
            opacity: 1;
            width: auto; }
        @media only screen and (max-width: 980px) {
          .menu .sub-menu-toggle .sub-menu a {
            width: 100%;
            display: block;
            text-align: center; } }
      @media only screen and (max-width: 980px) {
        .menu .sub-menu-toggle .sub-menu {
          all: unset;
          -webkit-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          transform: translateX(-10px);
          height: auto;
          display: none;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          margin: 0 auto;
          width: 100%;
          text-align: center; }
          .menu .sub-menu-toggle .sub-menu li:hover {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            color: white; } }

.banner {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(../photos/placeholder.jpg);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/placeholder.jpg);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/placeholder.jpg);
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/placeholder.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 60vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 10vw; }
  @media only screen and (max-width: 950px) {
    .banner {
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(../photos/placeholder-mobile.jpg);
      background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/placeholder-mobile.jpg);
      background: -o-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/placeholder-mobile.jpg);
      background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/placeholder-mobile.jpg); } }
  .banner h1 {
    color: white;
    font-size: 4rem;
    font-weight: 500; }
    @media only screen and (max-width: 950px) {
      .banner h1 {
        font-size: 3rem; } }
    @media only screen and (max-width: 650px) {
      .banner h1 {
        font-size: 2.5rem; } }
  .banner--more {
    background-color: #00649e;
    color: white;
    font-size: 2rem;
    padding: 5px 10px;
    border: 1px solid #00446b; }

.banner-productFinder,
.banner-about,
.banner-AM,
.banner-HE,
.banner-SUS,
.banner-health,
.banner-covid,
.banner-RD,
.banner-career,
.banner-investor,
.banner-news,
.banner-contact {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(../photos/product-finder-banner.jpg);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/product-finder-banner.jpg);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/product-finder-banner.jpg);
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/product-finder-banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 40vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 10vw;
  border-bottom: 5px solid #00649e; }
  @media only screen and (max-width: 1200px) {
    .banner-productFinder,
    .banner-about,
    .banner-AM,
    .banner-HE,
    .banner-SUS,
    .banner-health,
    .banner-covid,
    .banner-RD,
    .banner-career,
    .banner-investor,
    .banner-news,
    .banner-contact {
      height: 30vh; } }
  .banner-productFinder h1,
  .banner-about h1,
  .banner-AM h1,
  .banner-HE h1,
  .banner-SUS h1,
  .banner-health h1,
  .banner-covid h1,
  .banner-RD h1,
  .banner-career h1,
  .banner-investor h1,
  .banner-news h1,
  .banner-contact h1 {
    color: white;
    font-size: 5rem;
    font-weight: 500; }
    @media only screen and (max-width: 950px) {
      .banner-productFinder h1,
      .banner-about h1,
      .banner-AM h1,
      .banner-HE h1,
      .banner-SUS h1,
      .banner-health h1,
      .banner-covid h1,
      .banner-RD h1,
      .banner-career h1,
      .banner-investor h1,
      .banner-news h1,
      .banner-contact h1 {
        font-size: 4rem; } }
    @media only screen and (max-width: 650px) {
      .banner-productFinder h1,
      .banner-about h1,
      .banner-AM h1,
      .banner-HE h1,
      .banner-SUS h1,
      .banner-health h1,
      .banner-covid h1,
      .banner-RD h1,
      .banner-career h1,
      .banner-investor h1,
      .banner-news h1,
      .banner-contact h1 {
        font-size: 2.5rem; } }
  .banner-productFinder--more,
  .banner-about--more,
  .banner-AM--more,
  .banner-HE--more,
  .banner-SUS--more,
  .banner-health--more,
  .banner-covid--more,
  .banner-RD--more,
  .banner-career--more,
  .banner-investor--more,
  .banner-news--more,
  .banner-contact--more {
    background-color: #00649e;
    color: white;
    font-size: 2rem;
    padding: 6px 12px;
    border: 1px solid #00446b; }

.banner-about {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(../photos/aboutUs-banner.jpg);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/aboutUs-banner.jpg);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/aboutUs-banner.jpg);
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/aboutUs-banner.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.banner-AM {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(../photos/banner-AM.jpg);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-AM.jpg);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-AM.jpg);
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-AM.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.banner-HE {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(../photos/banner-HE.jpg);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-HE.jpg);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-HE.jpg);
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-HE.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.banner-SUS {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(../photos/banner-SUS.jpg);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-SUS.jpg);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-SUS.jpg);
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-SUS.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.banner-health {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(../photos/banner-health.jpg);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-health.jpg);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-health.jpg);
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-health.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.banner-covid {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(../photos/banner-covid.jpg);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-covid.jpg);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-covid.jpg);
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-covid.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.banner-RD {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(../photos/banner-RD.jpg);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-RD.jpg);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-RD.jpg);
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-RD.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.banner-career {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(../photos/banner-career.jpg);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-career.jpg);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-career.jpg);
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-career.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.banner-investor {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(../photos/banner-investor.jpg);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-investor.jpg);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-investor.jpg);
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-investor.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.banner-news {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(../photos/banner-news.jpg);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-news.jpg);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-news.jpg);
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-news.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.banner-contact {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(../photos/banner-contact.jpg);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-contact.jpg);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-contact.jpg);
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../photos/banner-contact.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px 0px; }
  @media only screen and (max-width: 1050px) {
    .products {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  .products__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 40%; }
    @media only screen and (max-width: 1050px) {
      .products__desc {
        width: 100%; } }
    .products__desc h1 {
      margin-bottom: 0;
      padding-bottom: 10px; }
  .products__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 60%; }
    @media only screen and (max-width: 1050px) {
      .products__icons {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    .products__icons--icon {
      height: 70px;
      padding: 10px;
      margin: 10px 10px;
      background-color: white;
      width: 40%;
      max-width: 600px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-left: 3px solid #00649e;
      -webkit-box-shadow: inset 0 0 0 0 white;
      box-shadow: inset 0 0 0 0 white;
      -webkit-transition: color 500ms, background-color 500ms, -webkit-box-shadow 800ms;
      transition: color 500ms, background-color 500ms, -webkit-box-shadow 800ms;
      -o-transition: box-shadow 800ms, color 500ms, background-color 500ms;
      transition: box-shadow 800ms, color 500ms, background-color 500ms;
      transition: box-shadow 800ms, color 500ms, background-color 500ms, -webkit-box-shadow 800ms; }
      @media only screen and (max-width: 1050px) {
        .products__icons--icon {
          width: 45%; } }
      @media only screen and (max-width: 630px) {
        .products__icons--icon {
          width: 100%; } }
      .products__icons--icon p {
        font-weight: 500;
        padding-left: 10px; }
      .products__icons--icon:hover {
        -webkit-box-shadow: inset 600px 0 0 0 #00649e;
        box-shadow: inset 600px 0 0 0 #00649e;
        color: white; }
        .products__icons--icon:hover svg {
          fill: white; }
        @media only screen and (max-width: 1050px) {
          .products__icons--icon:hover {
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: #00649e; } }
        @media only screen and (max-width: 650px) {
          .products__icons--icon:hover {
            color: inherit;
            background-color: white; }
            .products__icons--icon:hover svg {
              fill: #00649e; } }
      .products__icons--icon svg {
        height: 50px;
        width: 50px;
        fill: #00649e; }

.event {
  background-image: url(../photos/covid.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30vh; }
  @media only screen and (max-width: 980px) {
    .event {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin: 0 auto; } }
  .event h1 {
    color: white;
    background-color: rgba(60, 93, 236, 0.4);
    padding: 10px 20px;
    font-weight: 500;
    margin: 0; }
    @media only screen and (max-width: 980px) {
      .event h1 {
        max-width: 90%;
        margin: 0 auto; } }

.content {
  padding: 50px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 1300px) {
    .content {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media only screen and (max-width: 800px) {
    .content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .content > * {
    width: 22%;
    text-align: center;
    max-width: 400px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); }
    @media only screen and (max-width: 1300px) {
      .content > * {
        max-width: 40%;
        width: 80%;
        margin: 30px 0; } }
    @media only screen and (max-width: 800px) {
      .content > * {
        max-width: 80%;
        width: 80%;
        margin: 30px 0; } }
    .content > * figure {
      overflow: hidden;
      position: relative; }
      .content > * figure img {
        -webkit-transition: -webkit-transform 400ms;
        transition: -webkit-transform 400ms;
        -o-transition: transform 400ms;
        transition: transform 400ms;
        transition: transform 400ms, -webkit-transform 400ms;
        -o-object-fit: contain;
        object-fit: contain;
        display: block; }
      .content > * figure figcaption {
        -webkit-transition: all 400ms;
        -o-transition: all 400ms;
        transition: all 400ms;
        position: absolute;
        color: white;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .content > * figure figcaption h2 {
          -webkit-transition: -webkit-transform 400ms;
          transition: -webkit-transform 400ms;
          -o-transition: transform 400ms;
          transition: transform 400ms;
          transition: transform 400ms, -webkit-transform 400ms;
          margin: 20px;
          font-size: 3rem;
          font-weight: 500;
          margin-bottom: 0; }
        .content > * figure figcaption p {
          padding: 0px 5%;
          margin-top: 0;
          -webkit-transition: all 400ms;
          -o-transition: all 400ms;
          transition: all 400ms;
          -webkit-transform: translateY(50vh);
          -ms-transform: translateY(50vh);
          transform: translateY(50vh);
          color: white; }
          @media only screen and (max-width: 650px) {
            .content > * figure figcaption p {
              -webkit-transform: none;
              -ms-transform: none;
              transform: none; } }
      @media only screen and (min-width: 650px) {
        .content > * figure:hover figcaption {
          background-color: rgba(60, 93, 236, 0.9); }
        .content > * figure:hover img {
          -webkit-transform: scale(1.3);
          -ms-transform: scale(1.3);
          transform: scale(1.3); }
        .content > * figure:hover p {
          -webkit-transform: translateY(0%);
          -ms-transform: translateY(0%);
          transform: translateY(0%); } }

footer {
  background-color: #00649e; }
  footer .foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px 0; }
    @media only screen and (max-width: 550px) {
      footer .foot {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    footer .foot p, footer .foot a {
      color: white;
      font-size: 1.6rem;
      margin: 0;
      padding: 0; }
    footer .foot h1 {
      color: whitesmoke;
      font-weight: 500;
      margin: 0; }
    footer .foot h2 {
      color: whitesmoke;
      margin-top: 0; }
    footer .foot .toe {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      @media only screen and (max-width: 550px) {
        footer .foot .toe {
          width: 70%;
          padding: 20px 0px; } }
      footer .foot .toe:first-of-type {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        @media only screen and (max-width: 1100px) {
          footer .foot .toe:first-of-type {
            width: 100%;
            margin-bottom: 20px; } }
        footer .foot .toe:first-of-type .logo {
          padding: 0; }
      footer .foot .toe:last-of-type {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        @media only screen and (max-width: 1100px) {
          footer .foot .toe:last-of-type {
            width: 85%;
            margin-top: 30px;
            padding-top: 20px;
            border-top: 2px solid #0080ca; } }
        footer .foot .toe:last-of-type h2 {
          border: none; }
        @media only screen and (max-width: 550px) {
          footer .foot .toe:last-of-type {
            margin-top: 20px;
            border-top: none; } }
      footer .foot .toe p {
        font-size: 1.6rem; }
      footer .foot .toe ul li a:hover {
        text-decoration: underline; }
    footer .foot .social-media {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      footer .foot .social-media i {
        font-size: 1.6rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: auto 1rem;
        height: 0.7rem;
        width: 0.7rem;
        background-color: #00446b;
        color: whitesmoke;
        border: 2px solid #00649e;
        padding: 2rem;
        border-radius: 50%;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s; }
        footer .foot .social-media i:hover {
          background-color: whitesmoke;
          color: #00649e; }
  footer .copyright {
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #00446b;
    text-align: center;
    width: 100%; }
    footer .copyright > div {
      padding: 5px 0;
      margin-left: 10px; }
    @media only screen and (max-width: 980px) {
      footer .copyright {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    footer .copyright p, footer .copyright a, footer .copyright span {
      color: white;
      margin: 0;
      font-size: 1.6rem;
      max-width: 90%; }
    footer .copyright span {
      font-weight: 400;
      margin: 0 15px; }

.privacy-policy, .terms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 30px 0;
  max-width: 1000px; }
  @media only screen and (max-width: 1100px) {
    .privacy-policy, .terms {
      max-width: 90%; } }
  .privacy-policy ul li, .terms ul li {
    list-style: disc;
    margin-left: 20px; }
  .privacy-policy a, .terms a {
    text-decoration: underline; }

.product-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 300px;
  overflow: hidden;
  margin: 60px auto; }
  @media only screen and (max-width: 880px) {
    .product-selector {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100%; } }
  .product-selector .field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 32%; }
    @media only screen and (max-width: 880px) {
      .product-selector .field {
        width: 100%;
        margin: 20px 0; } }
    .product-selector .field h2 {
      background-color: #00649e;
      color: white;
      margin: 0;
      text-align: center;
      padding: 7px; }
    .product-selector .field ul {
      background-color: white;
      padding: 5px;
      overflow-y: scroll;
      width: 100%;
      height: 300px;
      line-height: 1.6;
      border-left: 2px solid #0080ca;
      border-right: 2px solid #0080ca;
      border-bottom: 2px solid #0080ca; }
      .product-selector .field ul li {
        -webkit-transition: background-color 400ms, color 400ms;
        -o-transition: background-color 400ms, color 400ms;
        transition: background-color 400ms, color 400ms; }
        @media only screen and (min-width: 650px) {
          .product-selector .field ul li:hover {
            background-color: #0080ca;
            color: white;
            cursor: pointer; } }
        .product-selector .field ul li a {
          display: block; }
      .product-selector .field ul .active {
        background-color: #0080ca;
        color: white; }
  .product-selector .filterDiv {
    display: none; }
  .product-selector .filterDiv2 {
    display: none; }
  .product-selector .show {
    display: block; }
  .product-selector .vertical-row {
    Float: left;
    height: 100%;
    width: 3px;
    /* edit this if you want */
    background-color: lightgrey; }

.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center; }

.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em; }

.blocker.behind {
  background-color: transparent; }

.modal {
  display: none;
  vertical-align: middle;
  position: relative;
  max-width: 600px;
  width: 90%;
  background: #fff;
  padding: 15px 30px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  text-align: left; }
  .modal img {
    display: inline;
    -o-object-fit: contain;
    object-fit: contain;
    width: 49%; }
  .modal h1 {
    color: #00649e; }
  .modal h2 {
    background-color: #00649e;
    color: white; }
  .modal .more-products {
    border-bottom: 2px solid #00649e;
    color: #00649e; }

.modal a.close-modal {
  font-size: 20px;
  text-align: center;
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 30px;
  height: 30px;
  color: white;
  background-color: #00649e; }

.aboutUs {
  margin: 50px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .aboutUs ul li {
    padding-left: 20px;
    margin: 0;
    position: relative; }
    .aboutUs ul li::before {
      content: "";
      background: white;
      position: absolute;
      top: 0;
      left: -13px;
      height: 18px;
      width: 18px;
      border-radius: 50%;
      border: 3px solid #00649e;
      z-index: 1; }
    .aboutUs ul li::after {
      content: "";
      position: absolute;
      top: 0;
      left: -4px;
      background-color: grey;
      width: 5px;
      height: 100%; }
    .aboutUs ul li h2 {
      padding-top: 0;
      margin-top: 0; }
    .aboutUs ul li p {
      height: 50px;
      margin: 0;
      padding: 0 20px; }
      @media only screen and (max-width: 600px) {
        .aboutUs ul li p {
          height: 80px; } }
    .aboutUs ul li:hover {
      -webkit-transition: background 400ms, color 400ms;
      -o-transition: background 400ms, color 400ms;
      transition: background 400ms, color 400ms;
      background: whitesmoke; }
      .aboutUs ul li:hover:before {
        -webkit-transition: background 400ms;
        -o-transition: background 400ms;
        transition: background 400ms;
        background: #00649e; }
  .aboutUs__half {
    background-color: white;
    max-width: 50%;
    max-height: 50%; }
    .aboutUs__half img {
      -o-object-fit: contain;
      object-fit: contain;
      display: block;
      -webkit-filter: brightness(90%);
      filter: brightness(90%); }
    @media only screen and (max-width: 1250px) {
      .aboutUs__half figure {
        margin: 20px auto;
        width: 95%; }
        .aboutUs__half figure img {
          max-width: 100%; }
      .aboutUs__half:nth-last-of-type(-n+3) figure {
        display: none; } }
    .aboutUs__half .logos {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 2rem;
      width: 100%;
      height: 60%; }
      @media only screen and (max-width: 1250px) {
        .aboutUs__half .logos {
          width: 83%;
          height: 100%; } }
      @media only screen and (max-width: 700px) {
        .aboutUs__half .logos {
          width: 100%; } }
      .aboutUs__half .logos a {
        display: inline-block;
        width: 25%; }
        @media only screen and (max-width: 1250px) {
          .aboutUs__half .logos a {
            width: 33%; } }
      .aboutUs__half .logos img {
        -o-object-fit: contain;
        object-fit: contain;
        background-color: none;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        -webkit-transition: -webkit-filter 300ms;
        transition: -webkit-filter 300ms;
        -o-transition: filter 300ms;
        transition: filter 300ms;
        transition: filter 300ms, -webkit-filter 300ms; }
        .aboutUs__half .logos img:hover {
          -webkit-filter: grayscale(0%);
          filter: grayscale(0%); }
  .aboutUs__full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 40px auto;
    padding: 30px 30px 90px 30px;
    border-top: 5px solid #00649e;
    background-color: white;
    width: 100%; }
  .aboutUs .text-padding {
    padding: 0px 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 1250px) {
      .aboutUs .text-padding {
        max-width: 100%; } }

#about-locations {
  width: 100%; }
  #about-locations p {
    margin: 5px auto; }
  @media only screen and (max-width: 1250px) {
    #about-locations {
      padding-bottom: 20px;
      margin-bottom: 40px; } }

#about-team {
  padding-bottom: 2rem; }
  #about-team p {
    max-width: 80%; }

.am-details {
  margin: 30px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .am-details h3 {
    font-size: 2rem;
    margin-bottom: 0;
    background: #00649e;
    color: white;
    font-weight: 500;
    padding: 5px; }
  .am-details h2 {
    display: inline-block;
    margin-bottom: 0px; }
  .am-details .pg-photos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .am-details .pg-photos img {
      -o-object-fit: contain;
      object-fit: contain;
      max-width: 25%; }
  .am-details > * {
    min-height: 300px;
    width: 45%;
    background-color: white;
    margin: 2%;
    padding: 20px;
    padding-top: 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); }
    @media only screen and (max-width: 1360px) {
      .am-details > * {
        width: 100%;
        min-height: 0; } }
    .am-details > * p {
      margin: 0; }
    .am-details > *:last-of-type {
      background: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 20px; }
      .am-details > *:last-of-type a {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 2px solid #00649e;
        color: #00649e;
        font-size: 2rem; }
        .am-details > *:last-of-type a p {
          font-weight: 600;
          font-size: 2.2rem; }
        .am-details > *:last-of-type a i {
          margin-right: 5px;
          font-weight: 600; }

.hcsh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .hcsh img {
    max-width: 90%;
    -o-object-fit: contain;
    object-fit: contain;
    border: 5px solid #00649e; }
    @media only screen and (max-width: 650px) {
      .hcsh img {
        max-width: 100%;
        border: 2px solid #00649e; } }

.covid {
  margin: 50px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media only screen and (max-width: 750px) {
    .covid {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      margin-top: 0; } }
  .covid__half {
    background-color: white;
    width: 50%;
    height: 60vh; }
    @media only screen and (max-width: 750px) {
      .covid__half {
        width: 100%; } }
    .covid__half:nth-child(1) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 30px 5%; }
    .covid__half__halfHeight {
      height: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background: #0080ca;
      position: relative;
      text-align: center; }
      .covid__half__halfHeight:nth-child(2) {
        background-color: white;
        background-color: lightgrey;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: none; }
      .covid__half__halfHeight--load {
        background-color: #0080ca;
        width: 0%; }
      .covid__half__halfHeight h3 {
        font-weight: 500;
        color: black;
        text-align: center;
        margin: 0;
        padding: 0;
        font-size: 5rem; }
        .covid__half__halfHeight h3:before {
          display: block;
          content: "Authorized Handsanitizer Producer by";
          font-size: 2rem;
          line-height: 0.5; }
      .covid__half__halfHeight .caFlag {
        background-color: white;
        width: 80px;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-left: 20px solid red;
        border-right: 20px solid red; }
        .covid__half__halfHeight .caFlag i {
          color: red;
          font-size: 3rem;
          font-weight: 600; }
      .covid__half__halfHeight p {
        margin-top: 5px; }
  .covid .text-padding {
    padding: 0px 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .covid #covidBar {
    color: white;
    top: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    height: 100%; }
  .covid #covidDesc {
    position: absolute;
    width: 100%;
    color: white;
    font-size: 6rem;
    margin: 0 auto; }
    .covid #covidDesc:before, .covid #covidDesc:after {
      display: block;
      content: "We've produced more than";
      font-size: 2rem;
      line-height: 0.5; }
    .covid #covidDesc:after {
      content: "of Handsanitizer"; }

.contact-container {
  margin-left: auto;
  margin-right: auto;
  margin: 2rem auto; }
  .contact-container > * {
    padding: 2rem; }
  .contact-container ul {
    list-style: none;
    padding: 0; }
    .contact-container ul li {
      margin: 10px 0; }
  .contact-container .contact {
    background: white; }
    .contact-container .contact ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media only screen and (max-width: 650px) {
        .contact-container .contact ul {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .contact-container .contact ul li {
        width: 32%; }
        @media only screen and (max-width: 650px) {
          .contact-container .contact ul li {
            width: 100%; } }
    .contact-container .contact form {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      grid-gap: 20px; }
      .contact-container .contact form p {
        margin: 0; }
      .contact-container .contact form .full {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / 3; }
      .contact-container .contact form button, .contact-container .contact form input, .contact-container .contact form textarea {
        width: 100%;
        padding: 1.6rem;
        border: solid 1px #0080ca; }
      .contact-container .contact form textarea {
        resize: none; }
      .contact-container .contact form button {
        background: #0080ca;
        border: 0;
        color: whitesmoke;
        text-transform: uppercase;
        font-size: 1.6rem;
        font-weight: bold; }
        .contact-container .contact form button:hover, .contact-container .contact form button:focus {
          background: #00649e;
          color: white;
          outline: 0;
          -webkit-transition: background-color 2s ease-out;
          -o-transition: background-color 2s ease-out;
          transition: background-color 2s ease-out; }
    .contact-container .contact h3 {
      margin: 0; }