/*

 *	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: 'league';

  src: url(../fonts/LeagueGothic-Regular.otf); }

@font-face {

  font-family: 'Montserrat-Light';

  src: url(../fonts/Montserrat-Light.otf); }

@font-face {

  font-family: 'Raleway-Regular';

  src: url(../fonts/Raleway-Regular.ttf); }

/* ******************************************************************************************** */

/* ******************************************************************************************** */

/* ******************************************************************************************** */

/* ******************************************************************************************** */

/* ******************************************************************************************** */

/* LARGE NAV 3 COLOR SETUP [CREAMY] *********************************************************** */

/* ******************************************************************************************** */

/* ******************************************************************************************** */

/* ******************************************************************************************** */

h1, h2, h3, h4, h5, h6, p {

  word-wrap: break-word; }



p {

  font-family: Montserrat-Light, sans-serif; }



h1, h2, h4 {

  font-family: league, 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: #555; }

  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: #FFFFFF;

  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: league, sans-serif;

  font-weight: normal;

  font-size: 2.25rem;

  text-decoration: none;

  text-align: center;

  text-transform: uppercase;

  padding: 0.5rem;

  color: #352e73; }



#small-navigation-container-1 > .pullout-menu-backdrop > div > .navigation-links > div > a {

  display: block;

  font-family: Montserrat-Light, sans-serif;

  font-weight: normal;

  font-size: 1rem;

  padding: 0.5rem;

  color: #555; }



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

  background-color: #555;

  color: white; }



#small-navigation-container-1 > .pullout-menu-backdrop > div > .navigation-links > div > div a {

  display: block;

  font-family: Montserrat-Light, sans-serif;

  font-weight: normal;

  font-size: 0.88rem;

  padding: 0.5rem;

  color: #555; }



#small-navigation-container-1 > .pullout-menu-backdrop > div > .navigation-links div:not(:last-child) > a {

  border-bottom: 1px solid rgba(223, 224, 224, 0.5); }



#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: #555;

  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: #555;

  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: #3c3c3c; }



#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 .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: Montserrat-Light, sans-serif;

  font-weight: normal;

  font-size: 0.9rem;

  text-transform: uppercase;

  text-align: center;

  color: #352e73;

  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: rgba(85, 85, 85, 0.5); }



#large-navigation-container-2 .navigation-links > div > div:hover > a {

  transition: color 150ms;

  text-decoration: none;

  color: #FFFFFF; }



#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: #555;

  text-align: left; }



#large-navigation-container-2 .navigation-links > div > div .dropdown > div a {

  display: block;

  font-family: Montserrat-Light, sans-serif;

  font-weight: normal;

  font-size: 0.9rem;

  text-transform: uppercase;

  text-align: left;

  padding: 0.5rem;

  color: #FFFFFF; }



#large-navigation-container-2 .navigation-links > div > div .dropdown > div > a {

  color: #FFFFFF; }



#large-navigation-container-2 .navigation-links > div > div .dropdown > div:hover {

  background-color: #1c183c;

  transition: background-color 150ms; }



#large-navigation-container-2 .navigation-links > div > div .dropdown > div > a:hover {

  text-decoration: none; }



/* ******************************************************************************************** */

/* ******************************************************************************************** */

/* LARGE NAVIGATION 2 SETUP ******************************************************************* */

/* ******************************************************************************************** */

@keyframes menuload {

  from {

    height: 0; }

  to {

    height: 100%; } }

.current {

  border-bottom: #555 solid 4px; }



#large-navigation-container-3 .navigation-links [class^=col] {

  padding-left: unset;

  padding-right: unset; }



#large-navigation-container-3 {

  position: fixed;

  z-index: 200 !important;

  width: 100%; }

  #large-navigation-container-3 .mco {

    height: 0;

    background-color: #555;

    position: absolute;

    bottom: 0;

    width: 100%; }

    #large-navigation-container-3 .mco a {

      font-family: Montserrat-Light, sans-serif;

      font-weight: normal;

      font-size: 1rem;

      text-transform: uppercase;

      text-align: center;

      vertical-align: middle;

      position: absolute;

      top: 40%;

      left: 50%;

      transform: translate(-50%);

      display: none;

      color: white !important;

      width: 100%; }



#large-navigation-container-3 .navigation-links > div > div {

  display: inline-block;

  position: relative;

  transition: all 450ms;

  text-align: center;

  background: #352e73;

  border-right: grey solid .1px; }

  #large-navigation-container-3 .navigation-links > div > div.last {

    border-right: none !important; }



#large-navigation-container-3 .navigation-links > div > div > a {

  display: block;

  font-family: Montserrat-Light, sans-serif;

  font-weight: normal;

  font-size: 1rem;

  text-transform: uppercase;

  text-align: center;

  color: white;

  padding-top: 1.75rem;

  padding-bottom: 1.75rem;

  padding-left: 0.5rem;

  padding-right: 0.5rem; }



#large-navigation-container-3 .navigation-links > div > div:hover .mco {

  animation: menuload .5s ease;

  height: 100%;

  bottom: 0; }

  #large-navigation-container-3 .navigation-links > div > div:hover .mco a {

    display: block; }



#large-navigation-container-3 .navigation-links > div > div:hover > a {

  transition: color 150ms;

  text-decoration: none;

  color: #FFFFFF; }



#large-navigation-container-3 .navigation-links > div > div > .dropdown,

#large-navigation-container-3 .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-3 .navigation-links > div > div > .dropdown > div > .dropdown {

  left: 100%;

  top: 0;

  z-index: 3; }



/* Affects all divs in any dropdown */

#large-navigation-container-3 .dropdown > div {

  position: relative; }



#large-navigation-container-3 .navigation-links > div > div .dropdown > div {

  background-color: #555;

  text-align: left;

  border-bottom: solid grey .1px; }



#large-navigation-container-3 .navigation-links > div > div .dropdown > div a {

  display: block;

  font-family: Montserrat-Light, sans-serif;

  font-weight: normal;

  font-size: 0.9rem;

  text-transform: uppercase;

  text-align: left;

  padding: 0.5rem;

  color: #FFFFFF; }



#large-navigation-container-3 .navigation-links > div > div .dropdown > div > a {

  color: #FFFFFF; }



#large-navigation-container-3 .navigation-links > div > div .dropdown > div:hover {

  background-color: #332d6f;

  transition: background-color 150ms; }



#large-navigation-container-3 .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-color: #2f2f2f;

  font-family: Montserrat-Light, sans-serif;

  font-weight: normal;

  color: white; }



footer.fb-ftr-1 h4 {

  font-family: league, sans-serif;

  font-weight: normal;

  color: #dfe0e0; }



footer.fb-ftr-1 a {

  font-family: Montserrat-Light, sans-serif;

  font-weight: normal;

  color: white;

  transition: .5s ease; }

  footer.fb-ftr-1 a:hover {

    color: #352e73; }



.fb-ftr-1 .quick-links a {

  display: block; }



.fb-ftr-1 .service-areas a {

  border-right: 2px solid #dfe0e0;

  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: 700px; }

  @media screen and (max-width: 992px) {

    .carousel-item > div {

      height: 600px; } }

  @media screen and (max-width: 768px) {

    .carousel-item > div {

      height: 500px; } }



.carousel-item {

  padding: 10px; }



/* ******************************************************************************************** */

/* ******************************************************************************************** */

/* BUTTONS STYLING **************************************************************************** */

/* ******************************************************************************************** */

.btn-banner, .btn-cta, .btn-info, .btn-about, .btn-more, .btn-reviews, .btn-sidebar {

  font-weight: normal;

  border: 0px;

  transition: .5s ease; }



.btn-banner {

  background-color: #555;

  color: white !important;

  width: 40%; }

  @media screen and (max-width: 992px) {

    .btn-banner {

      width: 60%; } }

  @media screen and (max-width: 768px) {

    .btn-banner {

      width: 80%; } }

  .btn-banner:hover {

    background-color: #352e73; }



.btn-cta {

  background-color: #352e73;

  font-family: Montserrat-Light, sans-serif;

  font-weight: normal;

  text-transform: uppercase;

  color: white; }

  .btn-cta:hover {

    background-color: #4e44aa;

    color: white; }



.btn-info, .btn-about, .btn-more, .btn-reviews {

  background-color: #555;

  font-family: Montserrat-Light, sans-serif;

  font-weight: normal;

  text-transform: uppercase;

  color: white; }

  .btn-info:hover, .btn-about:hover, .btn-more:hover, .btn-reviews:hover {

    background-color: #7b7b7b;

    color: white; }



.btn-info2 {

  background-color: #352e73;

  font-family: Montserrat-Light, sans-serif;

  font-weight: normal;

  text-transform: uppercase;

  color: white; }

  .btn-info2:hover {

    background-color: #4e44aa;

    color: white; }



/* ******************************************************************************************** */

/* ******************************************************************************************** */

.btn-tri-arrow {

  background-color: #555;

  font-family: league, sans-serif;

  color: #352e73; }

  .btn-tri-arrow::before {

    display: inline-block;

    content: "\25B2";

    -webkit-transform: rotate(90deg) scale(1.5);

    -moz-transform: rotate(90deg) scale(1.5);

    -o-transform: rotate(90deg) scale(1.5);

    -ms-transform: rotate(90deg) scale(1.5);

    padding: 2%; }

  .btn-tri-arrow:hover {

    color: #241f4f !important; }



/* ******************************************************************************************** */

div.btn-tri-up {

  position: relative; }

  div.btn-tri-up div {

    box-sizing: content-box;

    padding-bottom: 25%;

    padding-left: 25%;

    margin: 0 auto;

    overflow: hidden;

    width: 25%;

    height: 0; }

    div.btn-tri-up div a {

      background-color: #555;

      font-family: league, sans-serif;

      color: #dfe0e0;

      position: absolute;

      margin-left: auto;

      margin-right: auto;

      text-align: center;

      width: 100%;

      bottom: 0;

      left: 0; }

    div.btn-tri-up div::before {

      border-bottom: 500px solid #555;

      border-right: 500px solid transparent;

      border-left: 500px solid transparent;

      margin-left: -500px;

      display: block;

      content: "";

      width: 0;

      height: 0; }



/* ******************************************************************************************** */

/* ******************************************************************************************** */

/* ACCORDION STYLING ************************************************************************** */

/* ******************************************************************************************** */

#accordion .card-header button, .accordion .card-header button {

  white-space: normal;

  text-align: left; }



#accordion .card {

  border: 0px;

  margin: 0.25rem; }

  #accordion .card .card-header {

    background-color: #959595;

    border: 0px;

    padding: 0.5rem; }

    #accordion .card .card-header h5 button {

      font-family: league, sans-serif;

      font-weight: normal;

      letter-spacing: 1px;

      text-transform: uppercase;

      text-align: left;

      color: white !important;

      text-decoration: none; }

      #accordion .card .card-header h5 button:hover {

        text-decoration: none; }

  #accordion .card .card-body {

    font-family: Montserrat-Light, sans-serif;

    font-weight: normal;

    font-size: 0.9rem !important;

    color: #555555 !important; }

    #accordion .card .card-body p {

      font-family: Montserrat-Light, sans-serif;

      font-weight: normal;

      font-size: 0.9rem !important;

      color: #555555 !important; }



/* ******************************************************************************************** */

/******* OVERLAY BOX *************/

.overlay-container {

  position: relative; }



.overlay-bg-image {

  display: block;

  width: 100%;

  height: auto; }



.overlay {

  background-color: rgba(53, 46, 115, 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;

  color: white;

  font-size: 1.5em;

  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: league, sans-serif !important; }



.f-second {

  font-family: Montserrat-Light, sans-serif !important; }



.f-third {

  font-family: Raleway-Regular, sans-serif !important; }



/* ******************************************************************************************** */

/* DEFINING FONT COLORS *********************************************************************** */

.primes {

  color: #555 !important; }



.seconds {

  color: #352e73 !important; }



.thirds {

  color: #dfe0e0 !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: #555 !important; }



.secondary-bg-color {

  background-color: #352e73 !important; }



.third-bg-color {

  background-color: #dfe0e0 !important; }



/* ******************************************************************************************** */

/* DEFINING PARAGRAPH COLOR BASED ON BACKGROUND COLOR ***************************************** */

/* ******************************************************************************************** */

/* 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; }



/* ******************************************************************************************** */

/* SIDEBAR ADJUSTMENTS ************************************************************************ */

#sidebar {

  background-color: rgba(223, 224, 224, 0.1);

  box-sizing: border-box; }



#wufoo-hold {

  background-color: rgba(0, 0, 0, 0.15); }



#totheright {

  border-right: 2px solid white; }

  @media screen and (max-width: 768px) {

    #totheright {

      border-right: 0px;

      border-bottom: 2px solid white; } }



/* ******************************************************************************************** */

/* CARD STYLING ADJUSTMENTS ******************************************************************* */

.card h2 {

  font-family: league, sans-serif;

  font-weight: bold; }



/* ******************************************************************************************** */

/* SERVICE OVERLAY BOX HEADERS **************************************************************** */

.services-box {

  background-color: #352e73;

  box-sizing: border-box;

  text-transform: uppercase;

  color: white;

  margin-bottom: 0px; }



/* ******************************************************************************************** */

/* GRADIENT BG COVER ************************************************************************** */

#gradient-background {

  background-image: url(../images/banner/banner-1.jpg);

  background-position: center center;

  background-attachment: fixed;

  background-size: cover;

  min-height: 400px; }

  @media screen and (max-width: 768px) {

    #gradient-background {

      background-attachment: scroll;

      min-height: 300px; } }



.bgcover {

  background-size: cover !important;

  background-attachment: fixed !important;

  min-height: 200px; }

  @media screen and (max-width: 992px) {

    .bgcover {

      background-attachment: scroll !important;

      min-height: 0; } }



.gradcover {

  background: #131313;

  background: -moz-linear-gradient(left, #131313 0%, #1c1c1c 15%, rgba(38, 38, 38, 0.75) 34%, rgba(76, 76, 76, 0) 100%);

  background: -webkit-gradient(left top, right top, color-stop(0%, #131313), color-stop(15%, #1c1c1c), color-stop(34%, rgba(38, 38, 38, 0.75)), color-stop(100%, rgba(76, 76, 76, 0)));

  background: -webkit-linear-gradient(left, #131313 0%, #1c1c1c 15%, rgba(38, 38, 38, 0.75) 34%, rgba(76, 76, 76, 0) 100%);

  background: -o-linear-gradient(left, #131313 0%, #1c1c1c 15%, rgba(38, 38, 38, 0.75) 34%, rgba(76, 76, 76, 0) 100%);

  background: -ms-linear-gradient(left, #131313 0%, #1c1c1c 15%, rgba(38, 38, 38, 0.75) 34%, rgba(76, 76, 76, 0) 100%);

  background: linear-gradient(to right, #131313 0%, #1c1c1c 15%, rgba(38, 38, 38, 0.75) 34%, rgba(76, 76, 76, 0) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#4c4c4c', GradientType=1 ); }

  .gradcover h2 {

    color: #555; }



.call-num {

  color: #352e73 !important; }

  .call-num:hover {

    color: #555 !important; }



.req-form {

  color: white !important; }

  .req-form:hover {

    color: #352e73 !important; }



.breadcrumb {

  background-color: transparent;

  border-left: 6px solid #b8baba;

  border-bottom: 1px solid #b8baba;

  background: none;

  padding: 0.33rem 1rem;

  font-family: Raleway-Regular, sans-serif;

  font-size: 0.88rem;

  font-weight: normal;

  text-transform: uppercase;

  color: #352e73 !important; }

  .breadcrumb a {

    color: #352e73 !important; }



.breadcrumb-item {

  font-family: Raleway-Regular, sans-serif;

  font-size: 0.88rem;

  font-weight: normal; }

  .breadcrumb-item::before {

    color: #b8baba !important; }

  .breadcrumb-item + .active {

    color: #b8baba !important; }



/* ******************************************************************************************** */

/* CUSTOM SCSS FOR THIS PARTICULAR LAYOUT ***************************************************** */

/* ******************************************************************************************** */

.card {

  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.25);

  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.25); }



.upper {

  text-transform: uppercase !important; }



#bg2 {

  background: #292929; }



#bg3 {

  background: url(../images/banner/banner-3.jpg) center; }



#bg4 {

  background: url(../images/banner/banner-4.jpg) center;

  min-height: 450px; }



.next-btn {

  text-align: right; }



.fullwindow .row {

  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 51%, rgba(0, 0, 0, 0.5) 100%);

  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 51%, rgba(0, 0, 0, 0.5) 100%);

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 51%, rgba(0, 0, 0, 0.5) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); }

  .fullwindow .row .col-12 {

    z-index: 2; }



.overlay-vid {

  position: absolute;

  z-index: 1;

  bottom: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 51%, rgba(0, 0, 0, 0.5) 100%);

  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 51%, rgba(0, 0, 0, 0.5) 100%);

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 51%, rgba(0, 0, 0, 0.5) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); }



#myVideo {

  position: absolute;

  right: 0;

  bottom: 0;

  min-width: 100%;

  min-height: 100%;

  z-index: 0;

  overflow: hidden;

  object-fit: cover; }



/* 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-Light, sans-serif;

  font-weight: normal;

  font-size: 0.9rem !important;

  color: #555555 !important; }



/* ZOOMING BOXES FOR SERVICES ***************************************************************** */

.zoombox {

  overflow: hidden; }

  .zoombox .zooming {

    height: 100%;

    position: relative; }



.zooming img {

  transition: 1s ease; }



.zooming img:hover {

  transform: scale(1.5);

  overflow: hidden; }



.zoomtext {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  font-family: Montserrat-Light, sans-serif;

  text-transform: uppercase;

  letter-spacing: 1px;

  font-size: 2.5rem;

  font-weight: 800;

  width: 100%;

  color: #352e73;

  text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.95);

  text-align: center; }



/* HIGHLIGHTED SERVICE BOXES ON HOVER ********************************************************* */

.highlightbox {

  overflow: hidden; }



.highlighting img {

  filter: brightness(0.7);

  transition: 1s ease; }



.highlighting img:hover {

  overflow: hidden;

  filter: brightness(1); }



.highlightbox-text {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  font-family: league, 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; }



/* 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: league, 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; }



/* JUMPING ICONS ****************************************************************************** */

#jumping-icons {

  transition: all .1s linear; }

  #jumping-icons:hover {

    transform: translateY(-10px); }



/* RIGHT-SIDE BORDER UNTIL MOBILE VIEW ******************************************************** */

#totheright {

  border-right: 2px solid white; }

  @media screen and (max-width: 768px) {

    #totheright {

      border-right: 0px;

      border-bottom: 2px solid white; } }



/* ******************************************************************************************** */

/* @import 'him'; */

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



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