.hero {
  text-align: center;
  background-color: #f7f7f5; }
  .hero .image-container {
    width: 100%;
    height: 0;
    padding-top: 38%;
    position: relative; }
    @media screen and (max-width: 768px) {
      .hero .image-container {
        padding-top: 72%; } }
    .hero .image-container img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .hero .image-container .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      z-index: 1; }
    .hero .image-container .content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;
      color: white;
      width: 100%;
      text-align: center;
      padding-left: 25px;
      padding-right: 25px; }
      .hero .image-container .content h1 {
        font-family: 'Helvetica Neue', sans-serif;
        font-size: 4vw; }
      .hero .image-container .content p {
        max-width: 600px;
        margin: 0 auto;
        text-align: center; }
  .hero .container p.first {
    padding-top: 60px;
    margin-top: 0; }
  .hero .container p.last {
    margin-bottom: 0; }

.spotlight-block {
  display: flex;
  padding-bottom: 60px; }
  .spotlight-block:not(:first-of-type) {
    padding-top: 60px; }
  @media screen and (max-width: 768px) {
    .spotlight-block {
      padding-bottom: 0 !important;
      padding-top: 0 !important; } }
  .spotlight-block:nth-of-type(odd) {
    background-color: #f7f7f5; }
  @media screen and (max-width: 768px) {
    .spotlight-block {
      flex-direction: column-reverse; } }
  .spotlight-block.reverse {
    flex-direction: row-reverse; }
    @media screen and (max-width: 768px) {
      .spotlight-block.reverse {
        flex-direction: column-reverse; } }
    .spotlight-block.reverse .image-container img {
      border-bottom-left-radius: 30px;
      border-top-left-radius: 30px;
      border-bottom-right-radius: 0px;
      border-top-right-radius: 0px; }
      @media screen and (max-width: 768px) {
        .spotlight-block.reverse .image-container img {
          border-radius: 0; } }
    .spotlight-block.reverse .text-container {
      width: 50%;
      font-size: 16px; }
      @media screen and (max-width: 768px) {
        .spotlight-block.reverse .text-container {
          width: 100%; } }
  .spotlight-block .image-container {
    width: 50%;
    height: 0;
    padding-top: 40%;
    position: relative; }
    @media screen and (max-width: 768px) {
      .spotlight-block .image-container {
        width: 100%;
        padding-top: 100%; } }
    .spotlight-block .image-container img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-bottom-right-radius: 30px;
      border-top-right-radius: 30px; }
      @media screen and (max-width: 768px) {
        .spotlight-block .image-container img {
          border-radius: 0; } }
  .spotlight-block .text-container {
    padding: 40px;
    align-self: center;
    width: 50%;
    font-size: 16px; }
    @media screen and (max-width: 768px) {
      .spotlight-block .text-container {
        width: 100%;
        padding: 20px; } }

.card-row {
  padding-top: 60px; }
  .card-row h2 {
    text-align: center;
    padding-bottom: 20px; }
  .card-row .card-item {
    box-shadow: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02), 6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028), 12.5px 12.5px 10px rgba(0, 0, 0, 0.035), 22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042), 41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05), 100px 100px 80px rgba(0, 0, 0, 0.07);
    background-color: #f7f7f5;
    padding: 20px;
    border-radius: 4px;
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 768px) {
      .card-row .card-item {
        margin-bottom: 20px; } }
    .card-row .card-item h2 {
      text-align: center;
      font-family: 'Helvetica Neue', sans-serif;
      color: #072645;
      font-weight: 400;
      font-size: 28px;
      padding-bottom: 0; }
    .card-row .card-item h6 {
      text-align: center;
      font-family: 'Helvetica Neue', sans-serif;
      color: #072645;
      font-weight: 400;
      font-size: 15px;
      margin-top: 0; }
    .card-row .card-item span {
      text-align: center;
      font-family: 'Helvetica Neue', sans-serif;
      color: #072645;
      font-weight: 400;
      font-size: 12px; }
    .card-row .card-item p {
      width: 75%;
      text-align: center;
      margin: 10px auto; }

.fifty-fifty {
  display: flex;
  padding-top: 60px; }
  @media screen and (max-width: 768px) {
    .fifty-fifty {
      flex-direction: column; } }
  .fifty-fifty .left, .fifty-fifty .right {
    width: 50%; }
    @media screen and (max-width: 768px) {
      .fifty-fifty .left, .fifty-fifty .right {
        width: 100%; } }
  .fifty-fifty .image-container {
    height: 0;
    position: relative;
    padding-top: 100%; }
    .fifty-fifty .image-container img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .fifty-fifty .image-container .content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;
      color: white;
      width: 100%;
      text-align: center; }
      .fifty-fifty .image-container .content a {
        color: white; }
    .fifty-fifty .image-container .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      z-index: 1;
      transition: all 0.3s ease; }
      .fifty-fifty .image-container .overlay:hover {
        background-color: rgba(0, 0, 0, 0.5); }

.title {
  text-align: center;
  font-family: 'Helvetica Neue', sans-serif;
  padding-bottom: 0; }

.three-col {
  display: flex; }
  .three-col.first {
    padding-top: 60px; }
  @media screen and (max-width: 768px) {
    .three-col {
      flex-direction: column; } }
  .three-col .left, .three-col .right, .three-col .center {
    width: 33.3%; }
    @media screen and (max-width: 768px) {
      .three-col .left, .three-col .right, .three-col .center {
        width: 100%; } }
  .three-col .image-container {
    height: 0;
    position: relative;
    padding-top: 100%; }
    .three-col .image-container img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .three-col .image-container .content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;
      color: white;
      width: 100%;
      text-align: center; }
      .three-col .image-container .content a {
        color: white; }
    .three-col .image-container .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      z-index: 1;
      transition: all 0.3s ease; }
      .three-col .image-container .overlay:hover {
        background-color: rgba(0, 0, 0, 0.5); }

.form-container {
  background-color: #f7f7f5;
  padding-top: 60px;
  padding-bottom: 60px; }
  .form-container h2 {
    padding-bottom: 60px;
    text-align: center; }
  .form-container label {
    display: block; }
  .form-container form {
    max-width: 800px;
    margin: 0 auto; }
  .form-container input, .form-container textarea {
    background-color: white;
    border: none;
    padding: 0 14px;
    border-radius: 10px;
    width: 100%;
    margin: 10px 0;
    box-shadow: 0.7px 1.7px 2.2px rgba(0, 0, 0, 0.006), 1.6px 4.1px 5.3px rgba(0, 0, 0, 0.008), 3px 7.6px 10px rgba(0, 0, 0, 0.01), 5.4px 13.6px 17.9px rgba(0, 0, 0, 0.012), 10px 25.5px 33.4px rgba(0, 0, 0, 0.014), 24px 61px 80px rgba(0, 0, 0, 0.02);
    -webkit-appearance: none;
    -moz-appearance: none; }
  .form-container input {
    height: 40px; }
  .form-container textarea {
    height: 300px; }
  .form-container button {
    width: 95%;
    margin-left: 2.5%;
    padding: 5px 10px;
    font-size: 12px;
    letter-spacing: 1px;
    background: #3f51b5;
    height: 40px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #FFF;
    border: 2px solid steelblue;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }

footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  background-color: #607d8b;
  color: #fff;
  padding: 20px 0;
  text-align: center; }
  footer a {
    color: white; }
  footer ul {
    list-style-type: none;
    display: flex;
    margin: 0;
    padding: 0; }
    footer ul li {
      padding: 10px; }
      footer ul li a {
        color: white; }

.subscribe {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 100px 80px; }
  @media screen and (max-width: 768px) {
    .subscribe {
      padding: 50px 20px; } }
  .subscribe .title {
    text-transform: capitalize;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center; }
  .subscribe hr {
    width: 250px;
    height: 3px !important;
    background-color: #3f51b5;
    border: 0;
    margin-bottom: 50px; }
  .subscribe form {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 60%; }
    .subscribe form .btn {
      border-radius: 4px;
      text-transform: uppercase;
      font-weight: bold;
      text-align: center;
      background-color: #3f51b5;
      color: #fff;
      opacity: 1;
      padding: 18px 42px; }

#bs-example-navbar-collapse-1 > ul.nav.navbar-nav.navbar-right > li:nth-child(8) > a {
  color: orange; }

#bs-example-navbar-collapse-1 > ul.nav.navbar-nav.navbar-right > li:nth-child(8) > a:hover {
  color: #F15C18;
  transform: scale(1.02); }

.navbar {
  margin-bottom: 0 !important;
  border-radius: 0 !important; }

.navbar-default {
  border-style: none; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: black; }

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: transparent; }

.navbar-default .navbar-toggle {
  border: none; }

.navbar-toggle span.icon-bar {
  transition: all 0.15s; }

.navbar-toggle span:nth-child(2) {
  transform: rotate(45deg);
  transform-origin: 10% 10%; }

.navbar-toggle span:nth-child(3) {
  opacity: 0; }

.navbar-toggle span:nth-child(4) {
  transform: rotate(-45deg);
  transform-origin: 10% 90%; }

.navbar-toggle.collapsed span:nth-child(2),
.navbar-toggle.collapsed span:nth-child(4) {
  transform: rotate(0); }

.navbar-toggle.collapsed span:nth-child(3) {
  opacity: 1; }

.navbar-default .navbar-brand {
  color: black;
  font-weight: 500; }

.navbar-default .navbar-brand:hover {
  color: #333333; }

.navbar-default {
  background-color: #ffffff;
  border-style: none; }

.navbar-default .navbar-nav > li > a {
  color: black;
  font-weight: 400; }

.navbar-default .navbar-nav > li > a:hover {
  color: #333333;
  font-weight: 400;
  text-decoration: underline; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #333333;
  background-color: #ffffff;
  border-radius: 8px;
  font-weight: 400; }

.navbar-default .navbar-nav > .active > a {
  font-weight: 400;
  /*background-color: #3f51b4;*/ }