#g-header {
    background-color: #312f38;
    color: #eceeef;
    padding: 3rem 0;
    position: relative;
    z-index: 10;
    background-image: url(../../images/header/img01.jpg?6596ca4e);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: contents;
}
#g-navigation {
    background: #ffffff;
    color: #424753;
    position: relative;
    display: inline;
    z-index: 11;
}
.jl-panel ul {
  margin-top:0px;
}
.jl-button-primary {
    background-color: #222d61;
    color: #fff !important;
    border: 1px solid transparent;
}
/*OWL CAROUSEL*/
#slider {
  max-height:600px;
}
.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-img {
    position: relative;
    max-height: 600px;
}
.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content {
    margin: 1.25rem 0.625rem 0.625rem;
    padding: 0.938rem;
    text-align: center;
    background-color: #fff;
    border: 5px solid #222d61;
}
.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-title {
    font-family: "Noto Serif";
}
@media only all and (min-width: 48rem) {
.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-title {
    font-family: "Noto Serif";
    font-size: 3.5rem;
    line-height: 4rem;
    font-weight: 500;
    margin: 1.25rem 1.25rem 0.625rem;
    color: #f07a22;
}
  }
.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-desc {
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 200;
    padding-bottom: 1.407rem;
    margin-top: 0;
    margin-bottom: 0.625rem;
    color: #222d61;
}
.g-home-particles.g-helium-style #g-header .button.button-outline {
    background: #222d61;
    color: #ffffff;
    border-color: #f07a22;
      font-size: 1.5em;
  transition-duration: .7s;
}
.g-home-particles.g-helium-style #g-header .button.button-outline:hover, .g-home-particles.g-helium-style #g-header .button.button-outline:active, .g-home-particles.g-helium-style #g-header .button.button-outline:focus {
    background: #312f38;
    border-color: #312f38;
    color:#bbb;
}
/*Horizontal Menu Homepage*/
.btn-group:first-child {
    *margin-left: 0;
}
.btn-group {
  width: 100% !important;
  display: block;
}
.btn-group img {
  margin-right: 10px;
}
.btn-group button {
  color: #fff !important;
  padding: 10px 24px;
  cursor: pointer;
  float: left; /* Float the buttons side by side */
  text-align: center;
  font-size: 16px;
  transition-duration: 0.4s;
}
.btn-group a:nth-child(odd) button {
  background-color: #222d61;
}
.btn-group a:nth-child(even) button {
  background-color: #6c8ac3;
}
/* Add a background color on hover */
.btn-group a:hover button {
  background-color: #f07a22;
}
.btn-group span {
  display: inline-flex;
    font-size: 1.5em;
    font-weight: 600;
  text-align: left;
  line-height: normal;
  font-family: "Noto Serif";
}
.button.button-outline:hover, .button.button-outline:active, .button.button-outline:focus {
    background: #f07a22;
    border-color: transparent;
    color: #000;
}
.button.button-outline {
    background: transparent;
    color: #fff;
    border-color: #f07a22;
}
.button {
      border: 4px solid transparent;
    border-radius: 0rem;
  font-size: 1rem;
      padding: 1rem 2.125rem !important;
}
/*CONTENT*/
@media only all and (min-width: 48rem){
  .w2-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.w4-card {
    margin: 20px;
    flex-basis: 0;
    flex-grow: 1;
  	height: fit-content;
}
.w4-card img:hover {
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
  .w5-card {
    margin: 0px 10px 0px 0px;
    flex-basis: 0;
    flex-grow: 1;
    height: fit-content;
}
  .w5-card img {
    transition-duration: .7s;
  }
  .w5-card img:hover {
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    transition-duration: .7s;
}
  }