@font-face {
    font-family: 'karinbold';
    src: url('webfonts/karin-bold-webfont.woff2') format('woff2'),
         url('webfonts/karin-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'karinlight';
    src: url('webfonts/karin-light-webfont.woff2') format('woff2'),
         url('webfonts/karin-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'karinmedium';
    src: url('webfonts/karin-medium-webfont.woff2') format('woff2'),
         url('webfonts/karin-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'karinregular';
    src: url('webfonts/karin-webfont.woff2') format('woff2'),
         url('webfonts/karin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.leadingTight {
line-height: 1;
}
.border_TopBottom {
border-top: 1px solid #fefefe;
border-bottom: 1px solid #fefefe;
}
.imgTrans {
opacity: 0.1;
}
.bkgTrans {
background-color: #ffffff;
opacity: 0.8;
}
.bkgMainBlue {
background-color: #04559f;
}
.bkgMainBlue_lgt {
background-color: #0890ff;
}
.socialmoshow {
width: 70px;
height: auto;
margin-bottom: 1em;
}
.bkgc_black {
background-color: #0b0b0b;
}
.bkgc_lgtgray {
background-color: #FAFAFA;
}
.bkgc_white {
background-color: #FFFFFF;
}
.bump_both {
padding-top: 2em;
padding-bottom: 2em;
}
.bump_both_special {
padding-top: 3em;
padding-bottom: 2em;
}
.bump_both_big {
padding-top: 3em;
padding-bottom: 3em;
}
.bump_top_xbig{
padding-top: 6em;
}
.bump_bottom {
padding-bottom: 2em;
}
.bump_top{
padding-top: 2em;
}
.bump_top_big{
padding-top: 4em;
}
.bump_both_xbig {
padding-top: 6em;
padding-bottom: 6em;
}
.bump_bottom_big {
padding-bottom: 4em;
}
.textColor_white {
color: #fefefe !important;
letter-spacing: 0.1em;
}
.btnCustom {
font-family: "Gotham A", "Gotham B", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.25rem;
color: #000000 !important;
letter-spacing: 0.05em;
}
.agentNames {
font-family: "Gotham A", "Gotham B", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.25rem;
color: #ffffff !important;
letter-spacing: 0.05em;
}
.sansHtag {
font-family: "Gotham A", "Gotham B", Helvetica, Roboto, Arial, sans-serif;
font-style: normal;
font-weight: 400;
}
.slogan {
max-width: 480px;
height: auto;
margin-bottom: 2em;
}
.logo_bds {
width: 180px;
height: auto;
margin-bottom: 2em;
}
.logo_bds_evnw {
width: 480px;
height: auto;
margin-bottom: 2em;
}
.logo_b8 {
max-width: 360px;
height: auto;
margin-bottom: 2em;
}
.logo_juanitaGrove {
display:block;
max-width: 640px;
height: auto;
margin: 4em auto;
}
.logo_juanitaGrove_sm {
display:block;
max-width: 300px;
height: auto;
margin: 3em auto;
}
.logo_b8sm {
max-width: 360px;
height: auto;
}
.logoCompass {
    max-width: 100px;
    height: auto;
}
.bump_both_xbig {
padding-top: 6em;
padding-bottom: 6em;
}
.logo_JuanitaGrove_side {
display: block;
margin: 20px auto 20px auto;
max-width: 400px;
height: auto;
}
.bigImage {
width: 100%;
height: auto;
}
.headerWrapper {
index: 1000;
}
.bigLetterSpacing {
letter-spacing: 0.3rem;
}
.smallLetterSpacing {
letter-spacing: 0.1rem;
}
/*BEGIN FULL SCREEN HERO*/
.hero-full-screen {
  height: 100vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: url("/assets/images/WQA_Drone_7-lrg.jpg") center center no-repeat;
  background-size: cover;
}

.hero-full-screen .middle-content-section {
  text-align: center;
  color: #fefefe;
}

.hero-full-screen .top-content-section {
  width: 100%;
}

.hero-full-screen .bottom-content-section {
  padding: 1rem;
}

.hero-full-screen .bottom-content-section svg {
  height: 3.75rem;
  width: 3.75rem;
  fill: #fefefe;
}

.hero-full-screen .top-bar {
  background: transparent;
}

.hero-full-screen .top-bar .menu {
  background: transparent;
}

.hero-full-screen .top-bar .menu-text {
  color: #fefefe;
}

.hero-full-screen .top-bar .menu li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.hero-full-screen .top-bar .menu a {
  color: #fefefe;
  font-style: normal;
  font-weight: 400;
}
/*END FULL SCREEN HERO*/