/* @import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap'); */
/* @import url('https://fonts.googleapis.com/css?family=Lato&display=swap'); */

/*-- Prevent Horizontal Scrolling & Font Style --*/
html, body {
    overflow-x: hidden;
    font-family: 'Montserrat', sans-serif;
    /* font-family: 'Lato', sans-serif; */
    color: rgb(255, 255, 255);
}

/*-- Remove Blue Browser Outline Around Buttons in Chrome --*/
a:focus,
button:focus {
  outline: 0 !important;
  -webkit-appearance: none;
  box-shadow: none !important;
}

/*-- Background Colors --*/
/* .white-background {
  background-color: rgb(255, 255, 255);
}

.red-background {
    background-color: rgb(194, 18, 31);
}

.gray-background {
  background-color: rgb(195, 195, 195);
}

.black-background {
    background-color: rgb(45, 45, 45);
} */


/*-- Buttons --*/
.btn-primary {
  border-color: #009ff3;
  background-color: #009ff3;
  color: white;
}

.btn-primary:hover,
.btn-primary:focus {
  /*border-color: #008cd8;
  background-color: #0086ce;*/
  border-color: #008cd8;
  background-color: #0086ce;
  color: white;
}



.custom-text-dark {
  color: #505962;
}

.custom-text-light {
  color: #ffffff;
}



h3.heading {
  font-size: 1.9rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1.9rem;
}
.heading-underline {
  width: 3rem;
  height: .2rem;
  background-color: #009ff3;
  margin: 0 auto 2rem;
}
.feature span {
  color: #009ff3;
  margin-bottom: .6rem;
}
.feature h3 {
  font-size: 1.4rem;
  /* font-weight: 600; */
  padding-bottom: .4rem;
}


.jumbotron {
  background-color: rgb(233, 236, 239);
}



/*============= NAVIGATION =============*/

.navbar {
  padding: .7rem 1rem;
  font-weight: 400;
  transition: background-color .5s ease 0s;
}
.navbar-brand img {
  height: 2rem;
}
.custom-toggler-icon {
  color: white;
  font-size: 1.6rem;
}
.navbar-nav li {
  padding-right: .8rem;
}
.navbar-nav .nav-link {
  color: white;
  padding-top: .8rem;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
  color: white;
  border-bottom: 2px solid #009ff3;
  padding-bottom: .2rem;
  transition: all .0s ease;
}
.navbar.solid,
.navbar.solid-toggle {
  background: rgba(0, 0, 0, 0.8)!important;
  transition: background-color 1s ease 0s;
}

/*===== Home =====*/
.home-wrapper {
  background: url('../img/home-bg.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  color: white;
  min-height: 100vh;
}

.home {
  background: rgba(0, 0, 0, .7);
  min-height: 100vh;
}

.home-product-wrapper {
  min-height: 100vh;
}

.home-product-tagline-wrapper {
  min-height: 50vh;
}

.home-product-tagline {
  max-width: 75%;
}

.home-product-logo-wrapper {
    min-height: 50vh;
}

.home-product-logo {
    height: 35vh;
    min-height: 10px;
}

/*-- Bouncing Down Arrow --*/
.bouncing-down-arrow {
  position: absolute;
  bottom: 0;
  width: 100%;
  animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
}
#bouncing-down-arrow {
  opacity: 0.6;
}
#bouncing-down-arrow:hover {
  opacity: 1.0;
}

/*===== Contact =====*/
.contact-wrapper {
  background: url('../img/contact-bg.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  color: white;
  min-height: 100vh;
}

.contact {
  background: rgba(0, 0, 0, .7);
  min-height: 100vh;
}

.contact-row-1 {
  min-height: 95vh;
}

.contact-row-2 {
  min-height: 5vh;
}

.contact-company-logo {
  height: 60px;
}

.contact p {
  font-size: 1.1rem;
}

/*-- Contact Form --*/
.form-control {
  background-color: rgba(45, 45, 45, 0.55);
  border: .10rem solid rgb(255, 255, 255);
  color: rgb(255, 255, 255)!important;
  font-size: 1.1rem;
}

.form-control:focus {
  background: rgba(45, 45, 45, 0.85);
  border: .10rem solid rgb(195, 195, 195);
}

.form-group input::placeholder,
.form-group textarea::placeholder {
  color: rgb(255, 255, 255)!important;
}

input.btn {
  cursor: pointer;
}

/*-- Remove Element Outlines in Contact Form --*/
.controls input:focus,
.controls textarea:focus {
  outline: 0 !important;
  -webkit-appearance: none;
  box-shadow: none !important;
}