@charset "UTF-8";
/* CSS Document */
body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-weight: 400;
}
.title {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 1.5rem;
}
label, button {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 1.1rem;
}

.rhighlight{
   outline: none !important;
   box-shadow:none
}

.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}


.bg-black {
  background-color: rgba(16, 16, 16, .8);
}
.bg-white {
  background-color: rgba(16, 16, 16, 1);
}
header.masthead {
  position: relative;
  background-color: rgba(16, 16, 16, 1);
  padding-top: 4rem;
  padding-bottom: 4rem;
}
header.masthead h1 {
  font-size: 2rem;
}
@media (min-width: 768px) {
  header.masthead {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
  header.masthead h1 {
    font-size: 3rem;
  }
}
.masthead .masthead-logo {
  width: 8rem;
}
.masthead-heading {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-weight: 500;
}


.divider-custom .divider-custom-line {
  height: 0.18rem;
}
.sectionhead {
  padding-top: 3rem;
  padding-bottom: 3rem;
  width: 100%;
}
.sectionhead h1 {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 2.2rem;
  line-height: 3rem;
}
.sectionhead-grey {
  padding-top: 3rem;
  padding-bottom: 3rem;
  width: 100%;
  background-color: rgba(87, 87, 87, 1);
  color: white;
}
.sectionhead-grey h1 {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 2.5rem;
  line-height: 4rem;
  color: white;
}

@media (min-width:768px) {
  .sectionhead, .sectionhead-grey  {
  padding-top: 4rem;
  padding-bottom: 4rem;
    }
}
  .navbar {
    padding: 2rem, 1rem;
    display: flex;
  }
  .navbar {
    margin-bottom: 0px;
  }

@media (max-width:576px) {
 .title {
  font-size: 1.2rem;
}
}



  .bottom {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .hidden {
    display: none;
  }
  .heading {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    font-style: italic;
    color: rgba(94, 94, 62, 0.78);
  }
  .grey {
    color: rgba(94, 94, 62, 0.90);
  }
  .grey1 {
    color: rgba(94, 94, 62, 0.40);
  }
  strong {
    color: rgba(94, 94, 62, 1);
    margin-top: 2rem;
  }
  .lead {
    font-weight: 400;
    font-size: .8rem;
  }
  @media (min-width:768px) {
    .lead {
      font-weight: 400;
      font-size: 1rem;
    }
  }
  .reversetext {
    font-weight: 500;
    font-size: 1.25rem;
  }
  .lead2 {
    font-weight: 400;
    font-size: 1.1rem;
  }
  @media (max-width:767px) {
    .reversetext {
      font-size: 1rem;
    }
    .lead2 {
      font-size: 1rem;
    }
  }
  /* media */
  .carousel-item {
    height: 30vh;
    min-height: 280px;
    background: no-repeat top center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .carousel-caption {
    background-color: rgba(255, 255, 255, 0.5);
    right: 20%;
    left: 20%;
    font-family: 'Alegreya Sans', sans-serif;
    color: rgba(16, 16, 16, .8);
  }
  .carousel-caption h2 .display {
    font-size: 1.8rem;
    line-height: 0.5;
  }
  h2.display {
    font-weight: 500;
  }
  @media (max-width:767px) {
    .carousel-caption h2 .display {
      font-size: .5rem;
      line-height: 0.6;
    }
  }
  .features-icons {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .features-icons h3 {
    font-size: 1.6rem;
  }
  .greyback {
    background-color: rgba(16, 16, 16, 0.8);
  }
  .greybackl {
    background-color: rgba(16, 16, 16, 0.05);
  }
  .orange {
    position: relative;
    background: url("../img/logo-round.png") no-repeat center center;
    background-size: cover;
    padding-top: 7rem;
    padding-bottom: 7rem;
    background-color: rgba(228, 120, 86, 1);
  }
  .orange .overlay {
    position: absolute;
    background-color: rgba(228, 120, 86, 1);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }
  .panel {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .contact {
    position: relative;
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: rgba(16, 16, 16, 0.05);
  }
  .btn-primary {
    background-color: rgba(16, 16, 16, 0.5);
    padding-left: 5rem;
    padding-right: 5rem;
    border: none;
  }
    
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: rgba(228, 120, 86, 0.9);
    border-color: none; /*set the color you want here*/
    border-style: none;  
  }
  footer.footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .footer a {
    color: rgba(94, 94, 62, 0.7) !important;
  }