/*
 *	Bootstrap breakpoints
 *
 *	XS = 0;
 *	SM = 576px;
 *	MD = 768px;
 *	LG = 992px;
 *	XL = 1200px;
 *
 */
/*
*	Bootstrap padding amounts
*
*	1 = 0.25rem;
*	2 = 0.5rem;
*	3 = 1rem;
*	4 = 1.5rem;
*	5 = 3rem;
*
*/
/* ******************************************************************************************** */
/* SASS VARIABLES SETUP *********************************************************************** */
@font-face {
  font-family: 'BebasNeue-Bold';
  src: url(../fonts/BebasNeue-Bold.otf); }
@font-face {
  font-family: 'Montserrat-Medium';
  src: url(../fonts/Montserrat-Medium.otf); }
@font-face {
  font-family: 'Oswald-Regular';
  src: url(../fonts/Oswald-Regular.ttf); }
/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* ******************************************************************************************** */
h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word; }

p {
  font-family: Montserrat-Medium, sans-serif; }

h1, h2, h4 {
  font-family: BebasNeue-Bold, sans-serif; }

/* ******************************************************************************************** */
.large {
  font-size: 3rem !important; }
  @media screen and (min-width: 1200px) {
    .large {
      font-size: 4rem !important; } }
  @media screen and (max-width: 992px) {
    .large {
      font-size: 2.5rem !important; } }
  @media screen and (max-width: 768px) {
    .large {
      font-size: 1.75rem !important; } }
  @media screen and (max-width: 576px) {
    .large {
      font-size: 1.3rem; } }

/* ******************************************************************************************** */
.med {
  font-size: 3rem !important; }
  @media screen and (max-width: 768px) {
    .med {
      font-size: 1.35rem !important; } }
  @media screen and (max-width: 576px) {
    .med {
      font-size: 1.1rem; } }

/* ******************************************************************************************** */
.sml {
  font-size: 1.5rem !important; }
  @media screen and (max-width: 768px) {
    .sml {
      font-size: 1rem !important; } }
  @media screen and (max-width: 768px) and (max-width: 576px) {
    .sml {
      font-size: .8rem; } }

/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* DEFAULT STYLING **************************************************************************** */
/* ******************************************************************************************** */
* {
  white-space: normal; }

a[href^=tel] {
  text-decoration: none;
  color: inherit; }

a {
  cursor: pointer;
  color: #062F72; }
  a:hover {
    text-decoration: none; }

/* ******************************************************************************************** */
img, iframe, video {
  max-width: 100%; }

/* ******************************************************************************************** */
#content {
  background-color: #FFFFFF; }

#content p {
  color: #555555; }

/* ******************************************************************************************** */
.bigger-wrap {
  max-width: 1600px; }

.big-wrap {
  max-width: 1400px; }

.wrap {
  max-width: 1200px; }

/* ******************************************************************************************** */
.append-pipe > a:not(:last-child)::after {
  content: " \007C "; }

/* ******************************************************************************************** */
.gallthumbs {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.thumbnail {
  margin: 0px !important; }

/* ******************************************************************************************** */
a.skip-main {
  position: absolute;
  top: auto;
  left: -999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999; }
  a.skip-main:focus, a.skip-main:active {
    background-color: #000000;
    color: #FFFFFF;
    top: auto;
    left: auto;
    width: 30%;
    height: auto;
    overflow: auto;
    margin: 10px 35%;
    padding: 5px;
    border-radius: 15px;
    border: 4px solid yellow;
    text-align: center;
    font-size: 1.2rem;
    z-index: 999; }

/* ******************************************************************************************** */
#reviews #revList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px; }

@media screen and (max-width: 992px) {
  #reviews #revList {
    display: block; } }
/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* SMALL NAVIGATION 1 SETUP ******************************************************************* */
/* ******************************************************************************************** */
#small-navigation-container-1 {
  background-color: #FFFFFF;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.33);
  position: relative;
  z-index: 20; }

#small-navigation-container-1 > .pullout-menu-backdrop {
  background-color: rgba(0, 0, 0, 0.33);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10; }

#small-navigation-container-1 > .pullout-menu-backdrop {
  overflow: hidden;
  /* Prevents Scroll Bars when Animating the Child Div into View */ }

#small-navigation-container-1 > .pullout-menu-backdrop > div {
  background-color: #F7F7F7;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.33);
  overflow: auto;
  z-index: 11;
  width: 50%;
  max-width: 240px;
  transition: margin-right 150ms;
  /* If you change this timeframe, go to the JS file that handles the menu and also change the setTimeout interval for when it closes. */
  margin-right: -250px;
  /* We will animate this to 0 when they open the menu */ }

#small-navigation-container-1 > .pullout-menu-backdrop > div > .menu-heading {
  font-family: BebasNeue-Bold, sans-serif;
  font-weight: normal;
  font-size: 2.25rem;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5rem;
  color: #062F72; }

#small-navigation-container-1 > .pullout-menu-backdrop > div > .navigation-links > div > a {
  display: block;
  font-family: Oswald-Regular, sans-serif;
  font-weight: normal;
  font-size: 0.9rem;
  text-transform: uppercase;
  padding: 0.5rem;
  color: #232323; }

#small-navigation-container-1 > .pullout-menu-backdrop > div > .navigation-links > div a:hover {
  background-color: #F2CB0C;
  color: #232323; }

#small-navigation-container-1 > .pullout-menu-backdrop > div > .navigation-links > div > div {
  background-color: #dedede; }

#small-navigation-container-1 > .pullout-menu-backdrop > div > .navigation-links > div > div a {
  display: block;
  font-family: Oswald-Regular, sans-serif;
  font-weight: normal;
  font-size: 0.88rem;
  text-transform: uppercase;
  padding: 0.5rem;
  color: #232323; }

#small-navigation-container-1 > .pullout-menu-backdrop > div > .navigation-links > div > div a:hover {
  background-color: #b7b7b7; }

#small-navigation-container-1 > .pullout-menu-backdrop > div > .navigation-links > div > div a:hover {
  color: #232323; }

#small-navigation-container-1 > .pullout-menu-backdrop > div > .navigation-links .tap-dropdown {
  display: none; }

#small-navigation-container-1 > .pullout-menu-backdrop > div > .navigation-links .tap-dropdown > div > a {
  padding-left: 1.85em;
  /* Indent sub-menus */ }

#small-navigation-container-1 > .pullout-menu-backdrop > div > .navigation-links .tap-dropdown > div > div a {
  padding-left: 2.85em;
  /* Indent deeper sub-menus */ }

/* ******************************************************************************************** */
/******* ******** ********/
/****** Large-screen Navigation Setup 1 *******/
/******* ******** ********/
#large-navigation-container-1 {
  background-color: white;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.33);
  position: relative;
  /* Box shadow doesn't show without a z-index */
  z-index: 1; }

#large-navigation-container-1 > .d-flex {
  height: 100%; }

#large-navigation-container-1 .navigation-links > div > div {
  transition: all 450ms;
  display: inline-block;
  text-align: center;
  position: relative;
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

#large-navigation-container-1 .navigation-links > div > div > a {
  display: inline-block;
  text-align: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem; }

#large-navigation-container-1 .navigation-links > div > div:hover {
  background-color: #062F72;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

#large-navigation-container-1 .navigation-links > div > div:hover > a {
  transition: color 150ms;
  text-decoration: none;
  color: white; }

#large-navigation-container-1 .navigation-links > div > div > .dropdown,
#large-navigation-container-1 .navigation-links > div > div > .dropdown > div > .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  display: none;
  z-index: 2; }

#large-navigation-container-1 .navigation-links > div > div > .dropdown > div > .dropdown {
  left: 100%;
  top: 0;
  z-index: 3; }

/* Affects all divs in any dropdown */
#large-navigation-container-1 .dropdown > div {
  position: relative; }

#large-navigation-container-1 .navigation-links > div > div .dropdown > div {
  background-color: #062F72;
  text-align: left; }

#large-navigation-container-1 .navigation-links > div > div .dropdown > div a {
  display: block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

#large-navigation-container-1 .navigation-links > div > div .dropdown > div > a {
  color: white; }

#large-navigation-container-1 .navigation-links > div > div .dropdown > div:hover {
  transition: background-color 150ms;
  background-color: #031b42; }

#large-navigation-container-1 .navigation-links > div > div .dropdown > div > a:hover {
  text-decoration: none; }

#large-navigation-container-1 .navigation-links > div > div .dropdown > div:not(:last-child) {
  border-bottom: 1px dashed gray; }

/* LG and below */
@media screen and (max-width: 1200px) {
  #large-navigation-container-1 .navigation-links > div > div > a {
    padding-left: 0.5rem;
    padding-right: 0.5rem; } }
/* MD and below */
@media screen and (max-width: 991px) {
  #large-navigation-container-1 .navigation-links > div > div {
    padding-left: 1rem;
    padding-right: 1rem; } }
/* ******************************************************************************************** */
/* LARGE NAVIGATION 2 SETUP ******************************************************************* */
/* ******************************************************************************************** */
#large-navigation-container-2 .navigation-links [class^=col] {
  padding-left: unset;
  padding-right: unset; }

#large-navigation-container-2 {
  background-color: #FFFFFF;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.25);
  position: relative;
  z-index: 200 !important; }

#large-navigation-container-2 > div:last-child {
  background-color: #F7F7F7; }

#large-navigation-container-2 .navigation-links > div > div {
  display: inline-block;
  position: relative;
  transition: all 450ms;
  text-align: center; }

#large-navigation-container-2 .navigation-links > div > div > a {
  display: block;
  font-family: Oswald-Regular, sans-serif;
  font-weight: normal;
  font-size: 0.9rem;
  text-transform: uppercase;
  text-align: center;
  color: #232323;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

#large-navigation-container-2 .navigation-links > div > div:hover {
  background-color: #F2CB0C; }

#large-navigation-container-2 .navigation-links > div > div:hover > a {
  transition: color 150ms;
  text-decoration: none;
  color: #232323; }

#large-navigation-container-2 .navigation-links > div > div > .dropdown,
#large-navigation-container-2 .navigation-links > div > div > .dropdown > div > .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  min-width: 150%;
  max-width: 200%;
  /* display: none; */
  visibility: hidden;
  z-index: 2; }

#large-navigation-container-2 .navigation-links > div > div > .dropdown > div > .dropdown {
  left: 100%;
  top: 0;
  z-index: 3; }

/* Affects all divs in any dropdown */
#large-navigation-container-2 .dropdown > div {
  position: relative; }

#large-navigation-container-2 .navigation-links > div > div .dropdown > div {
  background-color: #dedede;
  text-align: left; }

#large-navigation-container-2 .navigation-links > div > div .dropdown > div a {
  display: block;
  font-family: Oswald-Regular, sans-serif;
  font-weight: normal;
  font-size: 0.9rem;
  text-transform: uppercase;
  text-align: left;
  padding: 0.5rem;
  color: #232323; }

#large-navigation-container-2 .navigation-links > div > div .dropdown > div > a {
  color: #232323; }

#large-navigation-container-2 .navigation-links > div > div .dropdown > div:hover {
  background-color: #b7b7b7;
  transition: background-color 150ms; }

#large-navigation-container-2 .navigation-links > div > div .dropdown > div > a:hover {
  text-decoration: none; }

/* ******************************************************************************************** */
/* Only XL */
@media screen and (min-width: 1200px) {
  /*.navigation-links a {
  	font-size:1rem !important;
  }*/ }
/* ******************************************************************************************** */
/* FOOTER STYLING ***************************************************************************** */
/* ******************************************************************************************** */
footer.fb-ftr-1 {
  background: linear-gradient(to bottom, #FFFFFF, #dedede);
  font-family: Montserrat-Medium, sans-serif;
  font-weight: normal;
  font-size: 0.9rem;
  color: #232323; }

footer.fb-ftr-1 h4 {
  font-family: BebasNeue-Bold, sans-serif;
  font-weight: normal;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25);
  color: #062F72; }

footer.fb-ftr-1 a {
  font-family: Montserrat-Medium, sans-serif;
  font-weight: normal;
  font-size: 0.9rem;
  color: #232323;
  transition: .5s ease; }
  footer.fb-ftr-1 a:hover {
    color: #F2CB0C; }

.fb-ftr-1 .quick-links a {
  display: block; }

.fb-ftr-1 .service-areas a {
  border-right: 1px solid #F2CB0C;
  padding-right: 6px; }

.fb-ftr-1 .service-areas a:last-child {
  border-right: none;
  padding-right: 0; }

.fb-ftr-1 .contact p {
  padding: 0;
  margin: 0; }

/* ******************************************************************************************** */
/******* ******** ********/
/***** Legacy Code *******/
/******* ******** ********/
.float-img-right, .float-right {
  float: right; }

.float-img-left, .float-left {
  float: left; }

.video-box > iframe, video-box > video, video-box > audio {
  width: 100%;
  max-width: 100%; }

/* ******************************************************************************************** */
/* CAROUSEL STYLING *************************************************************************** */
/* ******************************************************************************************** */
.carousel-item > div {
  background-attachment: scroll;
  background-position: center;
  background-size: cover;
  height: 550px; }
  @media screen and (max-width: 992px) {
    .carousel-item > div {
      height: 500px; } }
  @media screen and (max-width: 768px) {
    .carousel-item > div {
      height: 450px; } }

.carousel-item {
  padding: 10px; }

/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* BUTTONS STYLING **************************************************************************** */
/* ******************************************************************************************** */
.btn-cta {
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #F7F7F7;
  font-family: Montserrat-Medium, sans-serif;
  font-weight: normal;
  font-size: 0.9rem;
  text-transform: uppercase;
  text-align: center;
  transition: .5s ease;
  color: #F7F7F7; }
  .btn-cta:hover {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #F2CB0C;
    color: #F2CB0C; }

.btn-call-num, .btn-request {
  background-color: #F7F7F7;
  font-family: Oswald-Regular, sans-serif;
  font-weight: normal;
  font-size: 0.9rem;
  text-transform: uppercase;
  text-align: center;
  padding: 0.5rem 1.5rem;
  border-radius: 0.33rem;
  transition: .5s ease;
  border: 0px;
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.15); }
  .btn-call-num:hover, .btn-request:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #FFFFFF;
    border: 0px; }

.btn-about, .btn-reviews, .btn-common, .btn-why-choose, .btn-articles {
  background-color: rgba(0, 0, 0, 0);
  border-top: 0px;
  border-bottom: 0px;
  font-family: Montserrat-Medium, sans-serif;
  font-weight: 700;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0.25rem 1.0rem;
  transition: .15s linear; }
  .btn-about:hover, .btn-reviews:hover, .btn-common:hover, .btn-why-choose:hover, .btn-articles:hover {
    background-color: rgba(0, 0, 0, 0);
    border-top: 0px;
    border-bottom: 0px;
    padding: 0.25rem 2.0rem; }

.btn-about, .btn-why-choose {
  border-right: 3px solid #062F72;
  border-left: 0px;
  color: #062F72; }
  .btn-about:hover, .btn-why-choose:hover {
    border-right: 3px solid #F2CB0C;
    border-left: 0px;
    color: #F2CB0C; }

.btn-reviews, .btn-articles {
  border-left: 3px solid #062F72;
  border-right: 0px;
  color: #062F72; }
  .btn-reviews:hover, .btn-articles:hover {
    border-left: 3px solid #F2CB0C;
    border-right: 0px;
    color: #F2CB0C; }

.btn-common {
  border-right: 3px solid #F7F7F7;
  border-left: 0px;
  color: #F7F7F7; }
  .btn-common:hover {
    border-right: 3px solid #062F72;
    border-left: 0px;
    color: #062F72; }

/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* ACCORDION STYLING ************************************************************************** */
/* ******************************************************************************************** */
.accordion .card-header button, .accordion .card-header button {
  white-space: normal;
  text-align: left; }

.accordion .card {
  border: 0px;
  margin: 0.25rem;
  background-color: rgba(0, 0, 0, 0); }
  .accordion .card .card-header {
    background-color: rgba(0, 0, 0, 0);
    border-left: 4px solid #2c78f4;
    border-bottom: 1px solid #2c78f4;
    padding: 0px;
    margin: 0px; }
    .accordion .card .card-header h5 {
      background-color: rgba(0, 0, 0, 0); }
      .accordion .card .card-header h5 button {
        background-color: rgba(0, 0, 0, 0);
        font-family: Oswald-Regular, sans-serif;
        font-weight: bold;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: left;
        color: #232323 !important;
        text-decoration: none; }
        .accordion .card .card-header h5 button:hover {
          text-decoration: none; }
  .accordion .card .card-body {
    font-family: Montserrat-Medium, sans-serif;
    font-weight: normal;
    font-size: 0.88rem !important;
    color: #232323 !important; }
    .accordion .card .card-body p {
      font-family: Montserrat-Medium, sans-serif;
      font-weight: normal;
      font-size: 0.88rem !important;
      color: #232323 !important; }

/* ******************************************************************************************** */
/******* OVERLAY BOX *************/
.overlay-container {
  position: relative; }

.overlay-bg-image {
  display: block;
  width: 100%;
  height: auto; }

.overlay {
  background-color: rgba(6, 47, 114, 0.5);
  position: absolute;
  transition: .35s ease; }
  .overlay.from-left {
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%; }
  .overlay.from-right {
    left: 100%;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%; }
  .overlay.overlay.from-top {
    left: 0;
    right: 0;
    bottom: 100%;
    width: 100%;
    height: 0; }
  .overlay.overlay.from-bottom {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0; }

.overlay-container:hover > .from-left {
  width: 100%; }

.overlay-container:hover > .from-right {
  width: 100%;
  left: 0; }

.overlay-container:hover > .from-top {
  height: 100%;
  bottom: 0; }

.overlay-container:hover > .from-bottom {
  height: 100%; }

.overlay-text {
  display: block; }

.overlay-text > span {
  display: none;
  white-space: nowrap;
  overflow: hidden; }

.overlay-text > a {
  display: none;
  white-space: nowrap;
  overflow: hidden; }

.overlay-container:hover .overlay-text > a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute; }

.overlay-container:hover .overlay-text > span {
  display: block;
  font-family: BebasNeue-Bold, sans-serif;
  font-weight: normal;
  font-size: 2rem;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

/* ******************************************************************************************** */
/* GOLDYLOX STYLING *************************************************************************** */
/* ******************************************************************************************** */
@font-face {
  font-family: 'fontello';
  src: url(../fontello/font/fontello.ttf); }
/* ******************************************************************************************** */
/* DEFINING FONT FAMILIES ********************************************************************* */
.f-prime {
  font-family: BebasNeue-Bold, sans-serif !important; }

.f-second {
  font-family: Montserrat-Medium, sans-serif !important; }

.f-third {
  font-family: Oswald-Regular, sans-serif !important; }

/* ******************************************************************************************** */
/* DEFINING FONT COLORS *********************************************************************** */
.primes {
  color: #062F72 !important; }

.seconds {
  color: #F2CB0C !important; }

.thirds {
  color: #F7F7F7 !important; }

.white {
  color: #FFFFFF !important; }

.black {
  color: #000000 !important; }

.shadows {
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.33); }

/* ******************************************************************************************** */
/* DEFINING BACKGROUND COLORS ***************************************************************** */
.prime-bg-color {
  background-color: #062F72 !important; }

.secondary-bg-color {
  background-color: #F2CB0C !important; }

.third-bg-color {
  background-color: #F7F7F7 !important; }

/* ******************************************************************************************** */
/* DEFINING PARAGRAPH COLOR BASED ON BACKGROUND COLOR ***************************************** */
.prime-bg-color, .secondary-bg-color, .third-bg-color {
  color: #FFFFFF; }
  .prime-bg-color p, .secondary-bg-color p, .third-bg-color p {
    color: #FFFFFF !important; }

/* ******************************************************************************************** */
/* LISTS STYLING ****************************************************************************** */
ol.listbad li {
  padding: 1%; }

ul.listpad li {
  padding: 1%; }

/* ******************************************************************************************** */
/* LIST LI STYLING **************************************************************************** */
.checked, .dashed, .icon {
  list-style-type: none;
  padding: 0; }
  .checked::before, .dashed::before, .icon::before {
    display: inline-block; }

.checked li::before {
  font-family: "fontello";
  text-decoration: none;
  content: "\e80f \00a0";
  speak: none; }

.dashed li::before {
  content: "-\00a0"; }

.icon li::before {
  font-family: "fontello";
  text-decoration: none;
  content: "\e819 \00a0";
  speak: none; }

/* ******************************************************************************************** */
.call-num {
  color: #062F72 !important;
  transition: .5s ease; }
  .call-num:hover {
    color: #F2CB0C !important; }

.req-form {
  color: rgba(255, 255, 255, 0.5) !important;
  transition: .5s ease; }
  .req-form:hover {
    color: #F2CB0C !important; }

/* ******************************************************************************************** */
.breadcrumb {
  background-color: transparent;
  border-left: 6px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  background: none;
  padding: 0.33rem 1rem;
  font-family: Oswald-Regular, sans-serif;
  font-size: 0.88rem;
  font-weight: normal;
  text-transform: uppercase;
  color: #F2CB0C !important; }
  .breadcrumb a {
    color: #F2CB0C !important; }

.breadcrumb-item {
  font-family: Oswald-Regular, sans-serif;
  font-size: 0.88rem;
  font-weight: normal; }
  .breadcrumb-item::before {
    color: #d1d1d1 !important; }
  .breadcrumb-item + .active {
    color: #d1d1d1 !important; }

/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* CUSTOM SCSS FOR THIS PARTICULAR LAYOUT ***************************************************** */
/* ******************************************************************************************** */
body {
  overflow-x: hidden !important; }

/* ******************************************************************************************** */
.footer-navigation > div {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  transition: .5s ease; }
  .footer-navigation > div:hover {
    background-color: #F2CB0C; }

.footer-navigation > div a {
  font-family: Oswald-Regular, sans-serif;
  font-weight: normal;
  font-size: 0.9rem;
  color: #232323 !important;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  transition: .5s ease; }

/* ******************************************************************************************** */
.contact-form-heading {
  font-weight: 700;
  text-shadow: 2px 2px 0px #daa502;
  text-align: center;
  letter-spacing: 2px; }

.btn-click-to-call {
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #FFFFFF;
  font-family: Montserrat-Medium, sans-serif;
  font-weight: normal;
  font-size: 0.8rem;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  letter-spacing: 1px;
  color: #FFFFFF !important;
  transition: .1s linear; }
  .btn-click-to-call:hover {
    transform: scale(1.05); }

.btn-mobile-call, .btn-yellow-bg {
  background-color: #FDC312;
  border: 0px solid rgba(0, 0, 0, 0);
  border-radius: 0.25rem;
  font-family: Oswald-Regular, sans-serif;
  font-weight: normal;
  font-size: 0.9rem;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 2px 1px 0px #c19202;
  text-align: center;
  letter-spacing: 1px;
  transition: all .1s linear;
  color: #FFFFFF !important; }
  .btn-mobile-call:hover, .btn-yellow-bg:hover {
    background-color: #daa502;
    color: #FFFFFF !important; }

/* ******************************************************************************************** */
.fb-hover, .tw-hover, .ml-hover {
  background-color: rgba(0, 0, 0, 0);
  color: inherit;
  transition: .5s ease; }

.fb-hover:hover {
  color: #3B5897 !important; }

.tw-hover:hover {
  color: #40BFF5 !important; }

.ml-hover:hover {
  color: #5C5C5C !important; }

/* ******************************************************************************************** */
.menu-wrapper {
  position: relative;
  width: 100%;
  height: 200px;
  margin: 0.5rem auto;
  overflow-x: hidden;
  overflow-y: hidden;
  border: 0px; }

.menu {
  background-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  height: 225px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  border: 0px; }
  .menu .item {
    display: inline-block;
    justify-content: center;
    align-items: center;
    align-self: center;
    width: 250px;
    height: 100%;
    outline: 1px solid rgba(0, 0, 0, 0);
    padding: 0.5rem;
    box-sizing: border-box;
    margin-top: 25px; }
    .menu .item img {
      height: 125px !important; }

.paddle {
  position: absolute;
  background-color: rgba(0, 0, 0, 0) !important;
  border: 1px solid rgba(0, 0, 0, 0);
  top: 0;
  bottom: 0;
  width: 3.0rem;
  height: auto; }

.left-paddle {
  right: 50px;
  top: -165px; }

.right-paddle {
  right: 0px;
  top: -165px; }

/* ******************************************************************************************** */
.sticky-top {
  position: sticky !important; }
  @media screen and (max-width: 768px) {
    .sticky-top {
      position: relative !important; } }

#navigation-logo {
  padding: 0.25rem;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 350px; }

.sticky-bg-color {
  background-color: #FDC312;
  z-index: 2; }

#banner-about-us, #banner-reviews {
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  min-height: 400px; }
  @media screen and (max-width: 768px) {
    #banner-about-us, #banner-reviews {
      background-attachment: scroll;
      min-height: 300px; } }

#banner-about-us {
  background-image: url(../images/banner/banner-about-us.jpg); }

#banner-reviews {
  background-image: url(../images/banner/banner-reviews.jpg); }

.client-logos {
  filter: grayscale(1);
  transition: all .5s ease; }
  .client-logos:hover {
    filter: grayscale(0); }

/* KILL THIS IMPORT TO KILL THE FIXED NAV ***************************************************** */
/* custom scss for this particular layout */
@keyframes loload {
  from {
    opacity: 0;
    margin-top: -100px; }
  to {
    opacity: 1;
    margin-top: 0; } }
@keyframes logoload {
  from {
    width: 60%; }
  to {
    width: 45%; } }
.logoh {
  width: 60%; }

.turnME {
  position: fixed !important;
  width: 100%;
  top: 0;
  animation: loload 1s ease; }
  .turnME .logoh {
    width: 45%;
    animation: logoload 1s ease; }

/* COLLAPSE CARDS STYLING ********************************************************************* */
#collapseExample .card .card-body p {
  font-family: Montserrat-Medium, sans-serif;
  font-weight: normal;
  font-size: 0.9rem !important;
  color: #555555 !important; }

/* DARKEN SERVICE BOXES ON HOVER ************************************************************** */
.darkenbox {
  overflow: hidden; }

.darkening img {
  filter: brightness(1);
  transition: 1s ease; }

.darkening img:hover {
  filter: brightness(0.5);
  overflow: hidden; }

.darkenbox-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-family: BebasNeue-Bold, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.5rem;
  width: 100%;
  color: white;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.33);
  text-align: center; }

.bg-picture-container{position:relative}.bg-picture,.bg-picture-top,.bg-picture-center,.bg-picture-bottom,.bg-picture-left,.bg-picture-right{object-fit:cover;position:absolute;width:100%;height:100%}.bg-picture-top{object-position:top}.bg-picture-center{object-position:center}.bg-picture-bottom{object-position:bottom}.bg-picture-left{object-position:left}.bg-picture-right{object-position:right}


/* ******************************************************************************************** */
/* @import 'him'; */
/* @import 'shrink-nav'; */

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