@charset "UTF-8";
/* CSS Document */
.bg-bluegreen {
  background-image: -webkit-linear-gradient(69deg, #f3fff8 12%, #f3f9ff 74%);
  background-image: linear-gradient(21deg, #f3fff8 12%, #f3f9ff 74%);
}
.jumbotron {
  background-image: url("../images/bg-hero.jpg");
  background-position: center 80%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-radius: 0px;
  border-radius: 0rem !important;
}
.tut {
  background-color: #FBFBFB;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #003c71;
}
h1, h2, h3, h4, h5 {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500 !important;
}
h1, .h1 {
  font-size: 1.75em;
  line-height: 1.75em;
  color: #003c71;
}
h2, .h2 {
  font-size: 1.6em;
  line-height: 1.6;
  color: #003C71;
}
h3, .h3 {
  color: #003C71;
  font-size: 1.5em;
  line-height: 1.5;
}
h4, .h4 {
  color: #003C71;
  font-size: 1.4em;
  line-height: 1.5;
}
h5, .h5 {
  color: #003C71;
  font-size: 1.4em;
  line-height: 1.5;
}
p, ul li, ol li, nav-link {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300 !important;
  font-size: 18px;
  line-height: 1.70;
  color: #333333;
}
a {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px;
  line-height: 1.70;
}
.nav-link {
  font-size: 0.86em;
  padding-left: 0px;
  padding-right: 33px
}
.semibold {
  font-weight: 400 !important;
}
.copyright {
  color: #999999;
  font-size: 9px;
}
#site-footer {
  border-top: 1px solid #cccccc;
  background-color: #003c71 !important;
}
#site-footer p {
  color: #eeeeee !important;
  font-size: 9px;
}
#site-footer a {
  color: #eeeeee !important;
  font-size: 9px;
}
#site-footer a:hover {
  color: #ffffff !important;
}
.sticky-top {
  padding-top: 82px;
}
#navbar2 .nav-link {
  font-size: 18px !important;
}
.jumbotron h1 {
  color: #003c71;
}
.jumbotron h2 {
  color: #4C4D4F;
  font-size: 22px;
  line-height: 1.4;
}
.testimonial {
  background-color: #F4F9FF;
}
.btn-darkblue {
  background-image: linear-gradient(227deg, #004d8f 0%, #003C70 100%);
  color: white;
}
.btn-darkblue:hover {
  background-color: #0059A8;
  color: white;
}
/* Modal Styles */
.modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}
.modal-body {
  position: relative;
  padding: 0px;
}
.close {
  position: absolute;
  right: -30px;
  top: 0;
  z-index: 999;
  font-size: 2rem;
  font-weight: normal;
  color: #fff;
  opacity: 1;
}
@media (min-width: 1200px) {
  .site-footer-overview {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
  }
  .imgfit-short {
    width: 100%;
    height: 250px;
    object-fit: cover
  }
  .imgfit-medium {
    width: 100%;
    height: 500px;
    object-fit: cover
  }
  .imgfit-long {
    width: 100%;
    height: 750px;
    object-fit: cover
  }
}
@media (min-width: 992px) and (max-width:1199px) {
  .imgfit-short {
    width: 100%;
    height: 250px;
    object-fit: cover
  }
  .imgfit-medium {
    width: 100%;
    height: 500px;
    object-fit: cover
  }
  .imgfit-long {
    width: 100%;
    height: 750px;
    object-fit: cover
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .imgfit-short {
    width: 100%;
    height: 250px;
    object-fit: cover
  }
  .imgfit-medium {
    width: 100%;
    height: 500px;
    object-fit: cover
  }
  .imgfit-long {
    width: 100%;
    height: 750px;
    object-fit: cover
  }
  p, ul li, ol li, input, a {
    font-size: 18px;
    line-height: 1.5;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  h1, .h1 {
    font-size: 1.65em;
    line-height: 1.25;
    font-weight: 500;
  }
  h2, .h2 {
    font-size: 1.5em;
    line-height: 1.25;
    font-weight: 500;
  }
  h3, .h3 {
    font-size: 1.25em;
    line-height: 1.25;
    font-weight: 500;
  }
  h4, .h4 {
    font-size: 1em;
    line-height: 1.25;
    font-weight: 500;
  }
  h5, .h5 {
    font-size: 0.85em;
    line-height: 1.25;
    font-weight: 500;
  }
  .fas {
    display: none;
  }
  .lead {
    font-size: 16px;
    line-height: 1.75;
  }
  .longurl {
    word-wrap: break-word;
    max-width: 300px !important;
  }
  .navbar-brand img {
    max-width: 250px !important;
  }
}
@media (min-width: 299px) and (max-width:575px) {}