@font-face {
  font-family: 'Futura LT Book';
  font-style: normal;
  font-weight: normal;
  src: local('Futura LT Book'), url('../fonts/FuturaLT-Book.woff') format('woff');
  }
html {
  font-size: 16px;
}
body {
  font-family: 'Futura LT Book', sans-serif;
  color: #3B5159;
  position: relative;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Futura LT Book', sans-serif;
}
h3 {
  font-size: 1.8rem;
}
p, ul li {
  font-size: 18px;
}
ul li {
  margin-top: 0;
}
.mb-5 {
  margin-bottom: 2.5rem;
}
section.section {
  padding-left: 0;
  padding-right: 0;
}
.column{
  padding-left: 1rem;
  padding-right: 1rem;
}
.align-items-center {
  align-items: center;
}
.text-center {
  text-align: center;
}
/* Buttons */
.btn.btn-primary {
  font-size: 18px;
  padding: 10px 30px;
  background: #efefef;
  height: auto;
  color: #3B5159;
  border: 0;
  border-radius: 30px;
}
.btn .fa {
  margin-right: 8px;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
  color: #fff;
  background: #9CDE9E;
  box-shadow: unset;
}
/* Video background */
.bg-video-wrap {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background: url('../images/static-background.webp') no-repeat center center/cover;
}
.bg-video-wrap video {
  min-width: 100%;
  min-height: 100vh;
  z-index: 1;
}
/* Header */
#header {
  height: 140px;
  border-bottom: 0;
}
.header-transparent #header:not(.scrolled) {
  background: transparent;
}
body.header-fixed.header-animated #header.scrolled {
  height: 80px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
}
body.header-fixed.header-animated #header.scrolled .navbar-section {
  height: 70px;
}
body.header-fixed.header-animated #header.scrolled .logo img {
  height: 70px;
}
#header .navbar-section {
  height: auto;
}
#header .logo img, #header .logo svg {
  height: 130px;
}
.navbar {
  margin-top: 5px;
}
.dropmenu ul li a:only-child {
  font-size: 20px;
  text-transform: uppercase;
  color: #fff !important;
  border-right: 1px solid #A2ECF3;
}
.dropmenu ul li:last-child a {
  border-right: 0;
}
.dropmenu ul li a.active, .dropmenu ul li a:focus, .dropmenu ul li a:hover {
  color: #A2ECF3 !important;
}
body.header-fixed.header-animated #header.scrolled .dropmenu ul li a {
  color: #3B5159 !important;
}
body.header-fixed.header-animated #header.scrolled .dropmenu ul li a.active,
body.header-fixed.header-animated #header.scrolled .dropmenu ul li a:focus,
body.header-fixed.header-animated #header.scrolled .dropmenu ul li a:hover {
  color: #45A3BA !important;
}
/* Home */
.modular-home {
  padding-top: 140px;
}
.home-hero {
  background: transparent;
  padding: 3rem 0;
}
.home-hero h1 {
  font-size: 5rem;
  color: #fff;
  margin-top: 0;
}
.home-intro {
  background: #fff;
  padding: 3rem 0;
}
.home-intro h2 {
  font-size: 4.5rem;
  font-style: italic;
  color: #45A4BA;
  margin-top: 0;
  margin-bottom: 1rem;
}
.home-intro h3 {
  font-style: italic;
  color: #45A4BA;
  margin-top: 0;
  margin-bottom: 1rem;
}
/* Features */ 
.modular-features .column {
  padding-top: 0;
  padding-bottom: 0;
}
.features {
  background: #9CDE9E;
  padding: 3rem 0;
}
.features h2, .alerts h2 {
  font-size: 3.5rem;
  text-align: center;
  color: #fff;
  margin-top: 0;
  margin-bottom: 2.5rem;
}
.feature-box {
  padding: 0 1rem !important;
}
.feature-box h3 {
  color: #fff;
}
.features .feature-icon {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: auto;
  font-size: unset;
}
.features .feature-icon img {
  max-height: 237px;
}
.features .feature-content, .features .feature-content:hover {
  color: #fff !important;
}
.alerts {
  background: #45A3BA;
  padding: 3rem 0;
  color: #fff;
}
.alerts ul {
  margin-top: 0;
}
.alerts ul li {
  text-align: left;
  line-height: normal;
}
/* Industries */
.modular-industries {
  background: #fff;
  padding: 3rem 0;
} 
.modular-industries  h2 {
  font-size: 3.5rem;
  text-align: center;
  color: #45A4BA;
  margin-top: 0;
  margin-bottom: 2.5rem;
}
.industry-icon {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: auto;
}
.industry-icon img {
  max-height: 118px;
}
.industry-content {
  text-align: center;
}
/* Contact */
.modular-contact {
  padding: 3rem 0 6rem 0;
}
.modular-contact h2 {
  font-size: 3.5rem;
  text-align: center;
  color: #fff;
  margin-top: 0;
  margin-bottom: 1rem;
}
.contact-content p {
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
}
form .form-label {
  display: none;
}
.form-input {
  font-size: 18px;
  background: rgba(255, 255, 255, 0.3);
  height: auto;
  padding: 8px;
  border: 2px solid #9CDE9E;
  border-radius: 0;
  line-height: normal;
}
.form-input:focus {
  border-color: #00d2d4;
  background: #d3f8f9;
  outline: 0;
  box-shadow: unset;
}
.form-input::placeholder {
  color: #3B5159;
}
#form-result {
  display: none;
  background: #9CDE9E;
  color: #fff;
  font-size: 18px;
  padding: 9px;
  margin-bottom: 0.4rem;
}
#form-result .error {
  background: red;
}
.small {
  color: #fff;
  font-size: 13px;
  width: 70%;
  float: left;
}
.small a {
  color: #9CDE9E;
}
.grecaptcha-badge { 
  visibility: hidden; 
}
/* About */
.modular-text {
  background: #fff;
  padding: 3rem 0;
}
.modular-text h2 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 3.6rem;
  text-align: center;
  color: #45A4BA;
}
.modular-text h3 {
  text-align: center;
  color: #45A4BA;
  margin-bottom: 2.5rem;
  margin-top: 0;
}
/* Footer */ 
#footer {
  background: #9CDE9E;
  padding: 3.5rem 0;
}
#footer .navbar-brand {
  float: left;
}
#footer ul.navigation {
  margin: 0 0 0 2rem;
  float: left;
}
#footer ul.navigation li {
  list-style-type: none;
  text-align: left;
  padding: 0;
}
#footer ul.navigation li a {
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
}
#footer ul.navigation li a.active, #footer ul.navigation li a:hover, #footer ul.navigation li a:focus, #footer ul.navigation li a:active {
  text-decoration: none !important;
  color: #fff !important;
}
#footer .btn:hover, #footer .btn:focus, #footer .btn:active {
  background: #45A3BA;
}
.social {
  margin-left: 0;
  margin-top: 50px;
}
.social li {
  list-style-type: none;
  display: inline-block;
  margin-right: 10px;
}
.social li:last-child {
  margin-right: 0;
}
.social li a .fa {
  font-size: 48px;
  color: #fff;
}
/* Mobile navigation */
.overlay.open {
  background: #fff;
  opacity: 1;
}
@media (max-width: 1279px) {
  .bg-video-wrap video {
    display: none;
  }
}
@media (max-width:840px) {
  .overlay nav {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 2rem;
  }
  .overlay nav img {
    margin-bottom: 2rem;
  }
  ul.navigation {
    margin: 0;
  }
  ul.navigation li {
    list-style-type: none;
    padding: 10px 0;
  }
  ul.navigation li a:only-child {
    font-size: 24px;
    color: #3B5159;
    text-transform: uppercase;
  }
  ul.navigation li a.active, ul.navigation li a:focus, ul.navigation li a:hover {
    color: #45A3BA !important;
    text-decoration: none;
  }
  .mobile-menu .button_container {
    top: 58px;
  }
  .mobile-menu .button_container:hover {
    opacity: 1;
  }
  .mobile-menu .button_container span {
    background: #fff;
  }
  body.header-fixed.header-animated #header.scrolled~.mobile-menu .button_container {
    top: 28px;
  }
  body.header-fixed.header-animated #header.scrolled~.mobile-menu .button_container span, .button_container.active span {
    background: #45A4BA !important;
  }
}
@media (max-width:600px) {
  html {
    font-size: 75%;
  }
  .home-hero h1 {
    margin-top: 0;
    text-align: center;
  }
  .home-hero .btn {
    left: 50%;
    float: none;
    position: relative;
    transform: translateX(-50%);
    margin-bottom: 3rem;
  }
  .home-intro h2, .home-intro h3 {
    text-align: center;
  }
  .feature-box {
    margin-bottom: 1rem;
  }
  .feature-box:last-child {
    margin-bottom: 0;
  }
  .alerts img {
    margin-bottom: 2rem;
  }
  .industry-box {
    margin-bottom: 2rem;
  }
  .industry-box:last-child {
    margin-bottom: 0;
  }
  #footer .navbar-brand {
    float: none;
  }
  #footer ul.navigation {
    margin: 2rem 0;
    float: none;
  }
  #footer ul.navigation li {
    text-align: center;
  }
  #footer .btn {
    float: none;
  }
  .text-xs-center {
    text-align: center;
  }
}
@media (max-width:480px) {
  #contact-form .btn {
    float: left !important;
    margin-top: 0.4rem;
  }
  .small {
    width: 100%;
  }
}