/* =====================================================
Default Styles
===================================================== */
body {
  font-family: "Circular Std Light", sans-serif;
  background-color: #FFFFFF;
  color: #3d3a6e;
  font-size: 1.2rem;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #3d3a6e;
  letter-spacing: -.05rem;
  font-family: "Circular Std Medium", sans-serif; }

p {
  font-family: "Circular Std Light", sans-serif;
  color: #3d3a6e;
  letter-spacing: .05rem; }

section {
  position: relative; }

strong {
  font-family: "Circular Std Medium", sans-serif; }

/* =====================================================
General Styles
===================================================== */
.hc-logo {
  position: absolute;
  right: 0;
  left: 0;
  max-width: 140px; }

.lead {
  font-size: 1.5rem;
  font-family: "Circular Std Medium", sans-serif; }

.hero-header h1{
    font-size: 2rem;
}

.hero-header h2{
    font-size: 1.7rem;
    font-family: 'Circular Std Light', sans-serif;
}

.pagination-nav {
  position: fixed;
  right: 4%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999; }
  .pagination-nav .nav-item {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem; }
  .pagination-nav .nav-link {
    width: 1.5rem;
    height: 1.5rem;
    background: #ecedf1;
    border-radius: 50%;
    padding: 0;
    position: relative; }
    .pagination-nav .nav-link.active {
      background: #3d3a6e; }
      .pagination-nav .nav-link.active:before {
        content: " ";
        position: absolute;
        z-index: -1;
        width: 3rem;
        height: 3rem;
        top: -0.75rem;
        right: -0.75rem;
        border: 2px solid #3d3a6e;
        border-radius: 50%; }

.section_home {
  background: url("../img/fire-top.png") no-repeat center bottom;
  background-size: 400px; }

.home-bg {
  background: url(../img/sprinkler.png) no-repeat;
  position: absolute;
  bottom: -115px;
  left: 100px;
  height: 375px;
  width: 265px; }

.section_about-us {
  padding-top: 15rem;
  background: url("../img/fire-bottom.png") no-repeat center top/400px, url("../img/dots.png") no-repeat center 98%;
  position: relative;
  overflow: hidden; }
  .section_about-us .bg-title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    font-size: 32rem;
    color: #f4f5f8;
    font-family: "Circular Std Medium", sans-serif;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none; }

.section-header h1 {
  font-size: 3rem;
  padding-right: 4rem; }
.section-header h2 {
  font-size: 2.25rem; }


  .section-copy p {
    opacity: .96;
    line-height: 2.5rem;
    line-height: 1.7;
    margin-bottom: 3rem; }
  .section-copy li {
    line-height: 1.8;
    opacity: .96; }

.section_approach {
  background: url(../img/img.png) no-repeat 20px 113px;
  background-size: 300px; }



.section_services, .section_approach,
.section_about-us, .section_contact {
  border-top: 1px solid #ecedf1; }

.action-buttons {
  font-size: 0; }
  .action-buttons .list-inline-item {
    padding-bottom: 1rem;
    cursor: pointer; }
    .action-buttons .list-inline-item svg {
      width: 5rem;
      height: 5rem; }
    .action-buttons .list-inline-item svg path {
      fill: #3d3a6e; }
    .action-buttons .list-inline-item:not(:last-child) {
      margin-right: 1.5rem; }
    .action-buttons .list-inline-item a {
      display: block;
      opacity: 1;
      border-bottom: 3px solid #3d3a6e;
      padding-bottom: 1rem; }
    .action-buttons .list-inline-item .collapsed {
      opacity: .2; }

.triangle {
  position: relative; }
  .triangle::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 180px 120px 0 0;
    border-color: #ecedf1 transparent transparent transparent;
    top: 0;
    left: 15px; }

.lets-talk header {
  border: 2px solid #ecedf1;
  padding: 5rem; }
  .lets-talk header h2 {
    font-family: "Circular Std Light", sans-serif;
    font-size: 2.25rem; }
  .lets-talk header a {
    font-size: 2.25rem;
    font-family: "Circular Std Medium", sans-serif; }

.lets-talk .section-header h2 {
  margin-bottom: 0; }
.lets-talk .section-header a {
  margin-bottom: 0; }

/* =====================================================
Helper Classes
===================================================== */
.vh100 {
  min-height: 70vh; }

.pt-15 {
  padding-top: 15rem; }

.pb-15 {
  padding-bottom: 5rem; }

/* =====================================================
Responsive Utilities
===================================================== */
@media (max-width: 575.98px) {
  .section_about-us, .section_home {
    background-size: 75% auto !important; }
    .section-copy p, .section-copy li, .approach-copy p{
  font-size:1.7rem;
  }
    .hero-header {
    h1 {
      font-size: 2.5rem;
    }
    .action-buttons .list-inline-item svg {
      width: 6rem;
      height: 6rem; }
  }
  #fixed-navbar {
    display: none; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .hero-header h1 {
    padding: 0 8rem;
    font-size: 2rem; } }
@media (min-width: 1200px) {
  .hero-header h1 {
    padding: 0 4rem;
    font-size: 2rem; } }
@media (min-width: 1200px) {
  .container {
    max-width: 1230px; } }
@media (max-width: 991.98px) {
  .section_about-us, .section_home {
    background-size: 50% auto; }

  .section-header h1, .section-header h2 {
    margin-bottom: 2rem; } }
@media (max-width: 767.98px) {
  html {
    font-size: 0.667rem; }
       .section-copy p, .section-copy li, .approach-copy p{
  font-size:1.7rem;
  }
    .hero-header {
    h1 {
      font-size: 2.5rem;
    }

  .triangle::before {
    border-width: 90px 60px 0 0; } }

/*# sourceMappingURL=style.css.map */