@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:400,700&display=swap');
body{font-family: 'Open Sans', sans-serif;}
.logo{height:100px;}
.fixed-top{    -webkit-box-shadow: 0 0 7px rgba(0,0,0,.1)!important;
    -moz-box-shadow: 0 0 7px rgba(0,0,0,.1)!important;
    box-shadow: 0 0 7px rgba(0,0,0,.1)!important;background:#002244;}
.active{color:#fff;}
.content{margin-top:150px;}
.navbar-light{font-weight: 700;font-size:16px;letter-spacing: 1px}
.navbar-nav .nav-link{padding-right: 0.8em!important;padding-left: 0.8em!important}
.carousel{margin-top:60px;margin-bottom:4em;}
.carousel-caption{color:#fff;top:20%;}
.bg-grey{background:#c9cbca;}
.featurette-heading {
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1px;
  font-size:2em;
  color:#8ba9ef;
  text-transform: uppercase;
  margin-top:20px;
}
.btn-lg{    background-color: #8ba9ef;
    border-color: #8ba9ef;}
.btn-md{    background-color: #8ba9ef;
    border-color: #8ba9ef;}
.review_box_full{background-color:#a1a1a1;padding:10px;margin-bottom:20px;}
.featurette-divider {
  margin: 2.5rem 0; /* Space out the Bootstrap <hr> more */
}
.indigo-text{color:#3f51b5!important}
.specialfeature{margin:8em 0;}
.specialfeature-heading{margin:1em 0;color:#8ba9ef;font-weight: 700;text-transform: uppercase;font-family: 'Open Sans Condensed', sans-serif}
.specialfeature-headinggreen{margin:1em 0;font-weight: 700;text-transform: uppercase;font-family: 'Open Sans Condensed', sans-serif;color:#fff;font-size:3em;}
.text-muted{color:#683901!important;}
.content-pages{margin-top:150px;}
.navbar-toggler{background-color:#8ba9ef;}
a.applynow{color:#b3995d;font-weight: 800}
a.applynow:hover{color:white;}
hr{margin:1em 0;color:#b3995d;font-weight: 700}
.logo{height:100px;}
.btn-info {background-color:#8ba9ef;}
.btn-info:hover {background-color:#8ba9ef;}
.btn-cta {    color: #ffffff!important;
    background-color: #8ba9ef;
    border: 2px solid #ffffff4f!important;
    border-radius: 25px;
    text-align: center;
    font-size: 1.1em;
    font-weight: 700;}
    .btn-cta a{    color: #ffffff!important;}
.btn-cta:hover{    opacity: .7;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-color:#8ba9ef;}
     .icon-bar {
    background-color: white;
    color: white;
    height: 3px;
    margin:5px 0;
    width: 100%;
    display: block;
}
/* Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown ul {list-style-type: none}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  text-transform: uppercase;
  position: absolute;
  color:#fff;
  background-color: #6dbe45;
  min-width: 200px;
  padding-left:10px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}


/* Links inside the dropdown */
.dropdown-content a {
  color: #000;
  padding: 10px 10px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #8ba9ef;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #000;}

.nav-link{text-transform: uppercase;font-weight: 700;}
.navbar-light .navbar-nav .nav-link{color:#000;}
.nav-link:hover{color:#8ba9ef!important;}
@media (max-width: 40em) {
  /* Bump up size of carousel content */
  h2{font-size:1.2em;}
  .carousel-caption p {
    margin-bottom: 0rem;
    font-size: 0.9em!important;
    line-height: 1.4;
   
  }
  .carousel {margin-top:130px!important}
  .carousel-caption{top:0%;}
  .logo{height:50px;}
  .mobilehide{display: none}
  .btn-cta{font-size: 1em}
  .carousel-caption{padding-top:5px;padding-bottom: 5px}
  .specialfeature-headinggreen{margin-bottom: 5px;font-size:1.2em;}

}

@media (min-width: 1200px) {
.container {
    max-width: 1240px;
}
}

@media (min-width: 40em) {
  .desktophide{display: none}
}

@media (min-width: 40em) and (max-width:1314px){
  .carousel-caption {
    color: #fff;
    top: 10%;
}

.specialfeature-headinggreen{font-size:1.2em;}
.feature-text{font-size:1.2em!important;}
}