@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bebasneue/v9/JTUSjIg69CK48gW7PXooxW4.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/titilliumweb/v15/NaPFcZTIAOhVxoMyOr9n_E7fdMbewI1zZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/titilliumweb/v15/NaPFcZTIAOhVxoMyOr9n_E7fdMbepI5zZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/titilliumweb/v15/NaPAcZTIAOhVxoMyOr9n_E7fdMbmCA.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/titilliumweb/v15/NaPFcZTIAOhVxoMyOr9n_E7fdMbe0IhzZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/titilliumweb/v15/NaPFcZTIAOhVxoMyOr9n_E7fdMbetIlzZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/titilliumweb/v15/NaPDcZTIAOhVxoMyOr9n_E7ffAzHKIw.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/titilliumweb/v15/NaPDcZTIAOhVxoMyOr9n_E7ffGjEKIw.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/titilliumweb/v15/NaPecZTIAOhVxoMyOr9n_E7fRMQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/titilliumweb/v15/NaPDcZTIAOhVxoMyOr9n_E7ffBzCKIw.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/titilliumweb/v15/NaPDcZTIAOhVxoMyOr9n_E7ffHjDKIw.ttf) format('truetype');
}
container {
  width: 100%;
}
container.notFluid {
  width: 1024px;
}
row {
  display: flex;
  width: 100%;
}
.justify-content-center {
  justify-content: center;
}
.col {
  align-items: center;
  justify-content: center;
  width: 50%;
}
.col-12 {
  align-items: center;
  justify-content: center;
  width: 100%;
}
.col-2 {
  align-items: center;
  justify-content: center;
  width: calc(100% / 6);
}
.col-8 {
  align-items: center;
  justify-content: center;
  width: calc((100% / 12) * 8);
}
.col-4 {
  align-items: center;
  justify-content: center;
  width: calc((100% / 12) * 4);
}
main {
  margin-bottom: 30px;
}
body {
  font-family: 'Titillium Web';
  margin: 0;
}
a {
  color: snow;
}
footer a {
  color: black;
}
header {
  height: 40px;
  background-color: #005C77;
  width: 100%;
}
header a {
  color: white;
  transition: 0.25s ease-in-out all;
}
header nav {
  overflow: hidden;
  display: flex;
  justify-content: center;
  /*align-items: center;*/
}
header nav.mobile {
  overflow: unset;
}
header nav.mobile {
  display: none;
}
header nav a {
  display: inline-flex;
  float: left;
  width: 140px;
  color: #fff;
  height: 36px;
  margin-top: 2px;
  justify-content: center;
  align-items: center;
  font-family: 'Titillium Web';
  font-weight: lighter;
  text-decoration: none;
  font-size: 18px;
}
header nav .subnav {
  float: left;
  overflow: hidden;
}
header nav .subnav .subnavbtn {
  display: inline-flex;
  float: left;
  width: 140px;
  color: #fff;
  height: 36px;
  margin-top: 2px;
  justify-content: center;
  align-items: center;
  font-family: 'Titillium Web';
  font-weight: lighter;
  text-decoration: none;
  font-size: 18px;
  border: none;
  outline: none;
  padding: 14px 16px;
  background-color: inherit;
}
header nav a:hover,
header nav a.active,
header nav .subnav:hover .subnavbtn {
  color: #fff;
  background-color: #001F36;
}
header nav .subnav:hover {
  height: 300px!important;
}
header nav .subnav-content {
  display: none;
  position: absolute;
  top: 39px;
  background-color: #707070;
  width: 140px;
  z-index: 1;
}
header nav .subnav-content a {
  float: left;
  color: #fff;
  text-decoration: none;
  min-height: 36px;
  height: auto!important;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  font-size: 18px;
}
header nav .subnav-content a:hover {
  background-color: #1a9bab85;
}
header nav .subnav:hover .subnav-content,
header nav .subnav-content:hover {
  display: block;
}
.ml-3 {
  margin-left: 0.375rem;
}
article {
  background-color: #fff;
  margin-bottom: 0.5rem;
  padding: 0.375rem;
  box-shadow: inset 1px 1px 3px black;
  transition: 0.25s ease-in-out all;
}
article h3 a {
  color: #000;
}
article p {
  margin: 0 0.375rem;
}
article a.read_more {
  display: block;
  color: black;
  width: 100%;
  text-align: right;
}
article h3 a:hover {
  color: #999;
}
article:hover {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
article:hover .article_img {
  filter: grayscale(1);
}
a {
  transition: 0.25s ease-in-out all;
}
a:hover {
  font-weight: bold;
}
.hideOnMobile {
  display: initial;
}
.article_container_row {
  flex-direction: row-reverse;
}
.article_container_row .home_row {
  display: block;
}
.article_container_row .home_row .categories_title {
  display: block;
}
.article_container_row .home_row .col-2 {
  width: 100%;
}
.article_container_row .home_row .col-2 .category {
  padding: 0.375rem;
  min-height: 0;
}
.article_container_row .home_row .col-2 .category img {
  display: none;
}
container .col-12.article_on_home {
  margin: 0 2vw;
}
.team container .col-12.article_on_home {
  margin: 0 15vw;
}
@media (max-width: 1024px) {
  container .col-12.article_on_home,
  .team container .col-12.article_on_home {
    margin: 1vw;
  }
  .home_row {
    display: flex;
  }
  .home_row .categories_title {
    display: none!important;
  }
  .home_row .col-2 .category {
    min-height: 215px;
  }
  .home_row .col-2 .category img {
    display: initial!important;
  }
}
@media (max-width: 1550px) {
  .col-2 {
    width: calc((100% / 12) * 3);
  }
}
@media (max-width: 1024px) {
  container.notFluid {
    width: 768px;
  }
  .article_container_row {
    display: block;
  }
  .col-2 {
    width: auto !important;
  }
  .col-4 {
    width: 100% !important;
  }
  .col-8 {
    width: 100% !important;
  }
  .col {
    width: 100%;
  }
}
@media (max-width: 768px) {
  container.notFluid {
    width: 100%;
  }
  .home_row {
    display: block;
    padding-left: 5%;
    width: 90%;
  }
  .col-2 {
    width: 100% !important;
  }
  header nav.desktop {
    display: none;
  }
  header nav.mobile {
    display: block;
  }
  .hideOnMobile {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .hero {
    font-size: 1.5rem !important;
    height: auto !important;
    max-height: 80% !important;
  }
}
.team section {
  background-color: #fff;
}
.team article {
  background-color: #005C77;
  color: #fff;
}
.team article .fab {
  color: #fff !important;
}
.team article:hover {
  background-color: #001F36 !important;
  color: #fff;
}
.team .fab:hover {
  color: #ccc !important;
}
body.home {
  background-color: #005C77;
}
body.home .hero {
  color: #fff;
  font-size: 2.3rem;
  text-align: center;
  max-height: 50vh;
  height: 300px;
  background-color: #0AB8CD;
  background-position: center;
  background-size: cover;
}
body.home h1 {
  background-color: rgba(0, 0, 0, 0.2);
}
.category {
  /*border: 1px solid black;*/
  box-shadow: inset 0px 0px 2px #000;
  padding: 2rem;
  margin: 2vh 2vw;
  position: relative;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
  min-height: 215px;
  /*height:360px;*/
  cursor: pointer;
  /*a:after{
  content: ">>";
    margin-left: 1rem;
  }*/
  transition: 0.25s ease-in-out all;
}
.category h2 {
  font-weight: lighter;
}
.category img {
  margin: auto;
  width: 90%;
  max-width: 600px;
}
.category a {
  position: absolute;
  bottom: 0.5rem;
  right: 1.5rem;
}
.category:hover {
  /*background-color: #4BBECB;*/
  box-shadow: outset 0px 0px 2px #000;
}
container .col-12.article_on_home {
  margin: 0 2vw;
}
.home_article {
  display: flex;
  background-color: rgba(255, 255, 255, 0.2);
}
.home_article .article_img {
  display: flex;
  width: 400px;
  align-items: center;
}
.home_article .article_content {
  width: calc(100% - 160px);
  padding-left: 1rem;
  color: #fff;
}
.home_article .article_content .read_more {
  font-size: 0.9rem;
  margin-top: 0.5rem;
}
.home_article .article_content a {
  color: #fff;
}
.home_article .article_content .hideOnMobile {
  max-height: 100px!important;
  overflow: hidden;
  display: block;
}
article.home_article:hover {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
@media (max-width: 1550px) {
  .home_article .article_content {
    font-size: 1rem;
  }
}
@media (max-width: 1024px) {
  container .col-12.article_on_home {
    margin: 1vw;
  }
}
@media (max-width: 480px) {
  body.home {
    background-color: #005C77;
  }
  body.home .hero {
    color: #fff;
    font-size: 1.5rem;
    height: auto;
    max-height: 80%;
  }
  .home_article {
    display: block;
    padding: 0;
    box-shadow: none;
  }
  .home_article .article_img {
    display: block;
    width: 100%;
    height: 150px;
  }
  .home_article .article_content {
    width: calc(100% - 1rem);
  }
  .home_article .article_content h3 {
    margin-bottom: 0;
  }
  .home_article .article_content .read_more {
    width: 98%;
  }
}
/*# sourceMappingURL=home.css.map */