/* General site styles */
body {
  height: auto;
  background: #ffffff; }

/* WEBPAGE MAX WIDTH */
.grid-container {
  max-width: 78.5rem !important; }

/* CHANGE NAV WIDTH TO SAME AS ABOVE */
.top-bar {
  max-width: 78.5rem !important; }

div#SmartText, div#epilogue {
  position: absolute;
  margin-left: -620px;
  font-size: 17px;
  color: #1A1A1A;
  width: 600px; }

div#epilogue {
  bottom: 0px; }

div#SmartText p {
  font-size: 17px; }

div#SmartText h1 {
  font-size: 25px;
  background: none;
  color: black; }

div#SmartText h2 {
  font-size: 25px;
  background: none;
  color: black; }

/* HERO CONTAINER */
.hero-container {
  min-height: 600px;
  text-align: center;
  background: url("../images/banner-2.jpg?v=4598795") no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-bottom: 15px; }

/* MEMBERSHIPS BOXES HOME PAGE */
div.img-container {
  height: 200px;
  position: relative;
  overflow: hidden; }

div.img-container p {
  padding: 80px 15px 0px 15px;
  font-weight: bold; }

div.img-container > img {
  text-align: center;
  position: absolute;
  object-fit: scale-down;
  height: 200px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

div.p-inner {
  background: #fcfcfc;
  padding: 15px; }

div.p-inner:hover {
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.2), 0 4px 2px 0 rgba(0, 0, 0, 0.12);
  background: #fafafa;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

/* LOGO */
img.logo {
  margin-top: -10px;
  padding-bottom: 5px;
  display: block;
  position: relative;
  width: 240px; }

/* logo fixed smaller for transparent nav */
p.intro-top {
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-top: 10%;
  font-family: 'Bitter', serif;
  font-size: 60px;
  color: #ffffff;
  text-shadow: 1px 1px 7px #000;
  text-align: center;
  font-weight: 400;
  z-index: 10000; }

p.tagline-1 {
  color: #f2f2f2;
  text-align: center !important;
  font-size: 22px;
  font-weight: normal; }

p.sub-text {
  color: #fff;
  font-size: 19px;
  padding-left: 1em;
  text-align: center;
  padding-bottom: 1.5em;
  font-weight: normal;
  text-shadow: 1px 1px 3px #000; }

/* PAGE BANNERS */
div.header-container {
  margin-top: 0px;
  /* use with transparent nav otherwise 0px */
  background-image: url(../images/page-banner.jpg?v=1);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px;
  padding-top: 100px;
  padding-bottom: 30px; }

div.header-container h1 {
  text-align: center;
  color: #ffffff;
  padding: 15px 20px;
  font-family: Georgia !important;
  font-weight: 100;
  font-size: 32px;
  display: table;
  margin: auto;
  background: #002157;
  border: 2px solid #01307c; }

div.header-upper {
  background: #F4F4F4;
  padding-bottom: 30px; }

div.header-upper p.page-leader {
  font-weight: normal; }

div.header-upper .btn {
  margin-top: 15px; }

/*
div.header-container h1::after {
    content: "";
    display: block;
    border-top: 4px solid yellow;
    width: 70px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    margin-bottom: 50px;
}
*/
.promo-box {
  padding: 20px 2rem 20px 2em;
  border: 2px dotted #e5e5e5; }

.promo-box h2 {
  font-size: 20px;
  text-align: center;
  color: #0C2534 !important; }

.promo-box i {
  text-align: center;
  font-size: 55px;
  display: block;
  color: #DAA520;
  opacity: 0.7;
  margin-bottom: -10px; }

.promo-box p {
  text-align: center;
  margin-top: 20px;
  font-size: 15px; }

p.intro-para {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block; }

/* TYPOGRAPHY */
p {
  font-size: 17px;
  font-weight: lighter;
  font-family: "Open Sans", sans-serif; }

h1 {
  color: #333333;
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  display: block; }

h2 {
  color: #333;
  margin-top: 40px;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  font-weight: 600; }

h2.subheading {
  font-weight: 500;
  color: #19191B;
  font-family: 'Bitter', serif;
  font-size: 35px;
  	/* &:after{display: block;
      content: "";
      background: $subheading-color-2;
      width: 80px;
      height: 4px;
      margin-top: 20px;
      margin-bottom: 20px;
  	margin-left:auto;
  	margin-right:auto;} */ }

h2.subheading span {
  color: #27BDB4; }

h3 {
  font-size: 14pt;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold; }

/* icon underline for page title heading */
div.underline-block > span {
  position: relative;
  display: inline-block;
  margin-bottom: 15px; }

div.underline-block span > i {
  color: navy;
  font-size: 16px; }

div.underline-block span:before {
  content: "";
  height: 2px;
  width: 50px;
  background-color: #DAA520;
  left: -60px;
  top: 9px;
  position: absolute;
  z-index: 8; }

div.underline-block span:after {
  content: "";
  height: 2px;
  width: 50px;
  background-color: #DAA520;
  right: -60px;
  top: 9px;
  position: absolute;
  z-index: 8; }

h2.gallery-headings {
  display: block;
  border-bottom: 1px dotted black;
  color: #111111;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 32px;
  font-weight: normal; }

h5.desc-heading {
  margin-bottom: 5px;
  color: #ccc; }

/* CONTAINERS */
table.fees tbody tr {
  text-align: left;
  background: #f7f7f7;
  font-family: 'Montserrat', sans-serif;
  border-bottom: 1px solid #e5e5e5;
  font-size: 15px; }

table.fees tbody tr td i {
  color: #9ee06e; }

table.fees tbody tr td.cross i {
  color: #ff0000; }

table.fees tbody tr td {
  padding-top: 20px;
  padding-bottom: 20px; }

table.fees tbody tr td > strong {
  font-weight: 500; }

table.fees tbody tr.divider {
  background: #fcfcfc !important; }

table.fees tbody tr td > img {
  width: 30px; }

.icon-col > i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(0% - 2px);
  right: 0;
  margin: auto;
  height: 20px;
  /*requires explicit height*/
  width: 20px;
  font-size: 25px;
  color: white; }

.icon-col {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  position: relative;
  float: left;
  width: 50px;
  height: 100%;
  background: #EE9749; }

.seo-content-box {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  float: right;
  width: calc(100% - 50px);
  background: white;
  border: 2px solid #EE9749;
  padding-left: 20px;
  padding-top: 15px;
  padding-right: 15px; }

.seo-content-box p {
  font-weight: normal; }

/* SERVICE PAGES */
.img-col {
  padding-right: 50px !important; }

.img-col p > img {
  display: block;
  margin-top: 50px;
  -webkit-box-shadow: 23px 23px 0px -8px #d9d6d9;
  -moz-box-shadow: 23px 23px 0px -8px #d9d6d9;
  box-shadow: 23px 23px 0px -8px #d9d6d9; }

.service-content p, .service-content-nopadding p {
  font-weight: normal; }

.service-content {
  padding-top: 140px; }

.service-content-nopadding {
  padding-top: 20px; }

.reference {
  font-family: courier;
  font-size: 14px;
  word-spacing: 0px; }

ul.service-list {
  margin-left: 0px; }

ul.service-list li span > i {
  color: #5bc3a2; }

ul.service-list li {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 100 !important;
  font-size: 17px;
  padding-left: 15px;
  margin-bottom: 15px; }

ul.service-list li:before {
  content: "";
  display: block;
  width: 3px;
  height: 20px;
  background-color: #82c91e;
  position: absolute;
  margin-right: 15px;
  left: 0;
  top: 4px; }

/* SERVICES LINK LIST TOP */
ul.services-link-list {
  margin-top: 50px;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center; }

ul.services-link-list li {
  display: inline-block;
  margin-right: 15px;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif; }

ul.services-link-list li a {
  text-decoration: underline; }

.wrapper-white {
  background: #ffffff;
  padding-bottom: 50px; }

div.mid-section {
  background: #f7f7f7;
  padding-top: 50px;
  padding-bottom: 50px; }

div.mid-section-lower {
  min-height: auto;
  background-image: url(../images/meeting.jpg?v=1);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 10px; }

div.mid-section-lower h2 {
  color: #ffffff !important; }

div.mid-section-lower p {
  text-align: center;
  font-size: 17px;
  color: #ffffff; }

div.mid-section-lower div.underline-block span > i {
  color: #ffffff; }

.content-container {
  background: #f7f7f7;
  padding-bottom: 20px; }

div.section-1-home {
  padding-top: 50px;
  background: white; }

.lower-section {
  background: white;
  padding-bottom: 30px; }

div.service-title {
  background: white;
  padding-top: 10px;
  padding-bottom: 35px; }

/* SHARE TEXT */
p#share-text {
  color: #ffffff;
  margin-top: 0px;
  margin-bottom: -30px; }

i.share-it {
  font-size: 45px;
  opacity: 0.4; }

/* SHARE ICONS */
.share-icon {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 37px;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.3s ease;
  outline: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24); }

.share-icon:hover,
.share-icon:focus {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2); }

.facebook {
  background-color: #3b5998; }

.pinterest {
  background-color: #BD081C; }

.linkedin-home {
  background-color: #007BB6; }

.twitter {
  background-color: #00abe3; }

.googleplus {
  background-color: #d3492c; }

.facebook, .linkedin-home, .pinterest,
.twitter,
.googleplus {
  color: #fff; }

.pinterest:hover,
.linkedin-home:hover,
.facebook:hover,
.twitter:hover,
.googleplus:hover {
  color: #eee; }

/* LEFT AND RIGHT IMG CLASSES */
.imgisleft {
  margin-right: 15px;
  margin-top: 7px;
  padding-bottom: 5px; }

.imgisright {
  margin-left: 15px;
  margin-top: 7px; }

/* COLOURS */
.red {
  color: #ff0000; }

.circle, .teal {
  color: #1963A8;
  opacity: 1; }

.pale-green {
  color: #E0E0A2; }

.white {
  color: #ffffff !important; }

.fb {
  color: #3b5998; }

.gplus {
  color: #d3492c; }

.bg-white {
  background: #ffffff; }

.plum {
  color: #002157; }

/* LINK STYLES */
.blue-link-light {
  color: #549ef8; }

.blue-link-bold {
  color: #549ef8;
  font-weight: 800;
  font-size: 17px; }

.white-link-bold {
  color: #ffffff;
  font-weight: bold;
  text-decoration: underline; }
  .white-link-bold:hover {
    color: #e6e6e6; }

.tiny-link {
  color: #0F7AEC;
  font-size: 11px; }

/* IMPORT PARTIALS */
/* sonar buttons */
/*  USE WITH SVG ICONS CUSTOM */
.svg-adjust {
  top: -11px !important; }

.icon-circle img {
  width: 45px;
  color: #6dc12b;
  display: inline-block;
  padding-top: 8px;
  fill: #6dc12b; }

.has-tip {
  border-bottom: none !important;
  font-weight: lighter; }

.icon-circle {
  margin-left: 7px;
  margin-right: 7px;
  background: transparent;
  border: 2px solid #002d56;
  border-radius: 50%;
  width: 4em;
  height: 4em;
  display: inline-block;
  color: #fff;
  outline: none;
  position: relative; }

.sonar-wrapper {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: block; }

.btn-sonar {
  margin-left: 7px;
  margin-right: 7px;
  background: transparent;
  border: 2px solid #DAA520;
  border-radius: 50%;
  width: 4em;
  height: 4em;
  display: inline-block;
  color: #fff;
  outline: none;
  position: relative; }

.btn-sonar::before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  top: 0;
  left: 0; }

.btn-sonar:hover::before {
  animation: sonar-effect 1.2s ease-in-out 75ms; }

.btn-sonar span {
  font-size: calc(4em / 2.3);
  margin-top: 16px;
  color: #002d56;
  transition: all 300ms ease-in-out; }

.btn-sonar:hover span {
  color: #DAA520; }

@keyframes sonar-effect {
  0% {
    opacity: 0.3;
    -webkit-box-shadow: 0 0 0 2px rgba(53, 186, 242, 0), 0 0 10px 10px rgba(53, 186, 242, 0), 0 0 0 10px rgba(53, 186, 242, 0); }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(53, 186, 242, 0.1), 0 0 10px 10px #DAA520, 0 0 0 10px rgba(255, 255, 255, 0.5); }
  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(53, 186, 242, 0.1), 0 0 10px 10px #DAA520, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1.5);
    opacity: 0; } }
@keyframes sonarEffect {
  0% {
    opacity: 0.3; }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(53, 186, 242, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(53, 186, 242, 0.5); }
  100% {
    box-shadow: 0 0 0 2px rgba(53, 186, 242, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(53, 186, 242, 0.5);
    -webkit-transform: scale(1.5);
    opacity: 0; } }
/* ADDRESS BAR */
.address-bar {
  position: relative;
  /* use for transparent slide up only */
  padding-top: 15px;
  padding-bottom: 12px;
  background: #002157 !important;
  padding-right: 10px; }

ul.address-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden; }

ul.address-list li {
  float: left;
  color: #ffffff;
  margin-right: 30px;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: lighter; }

ul.address-list li a {
  display: block;
  color: #ffffff; }

ul.address-list li i {
  color: orange;
  font-size: 20px;
  padding-right: 5px; }

ul.address-list li.location {
  margin-left: 0px; }

ul.social-icons li {
  float: right;
  margin-left: 0px;
  margin-right: 0px; }

ul.social-icons li a {
  display: block;
  margin-left: 20px !important; }

ul.social-icons li a i {
  color: #ffffff;
  font-size: 22px;
  transition: all 0.2s ease-in-out; }

ul.social-icons li a i:hover {
  opacity: 0.7; }

/* ABOUT PROFILE BLOCK */
.panel {
  padding-left: 0px !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important; }

.about-row {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important; }

p.img-cont {
  display: block;
  padding: 0px !important;
  margin-bottom: 0px !important;
  width: 100%; }

div.about-block {
  background: #b3dc92;
  padding-left: 50px !important;
  padding-right: 50px !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important; }

.portrait-container {
  background: #b3dc92 !important;
  border: 0px !important;
  padding: 0px !important; }

img.profile {
  margin-left: auto;
  margin-right: auto;
  display: block;
  border: 0px !important;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100%;
  object-fit: cover;
  padding-bottom: 0px !important; }

div.about-block p {
  color: white; }

div.about-block h2 {
  color: white;
  font-size: 26px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: bold; }

div.about-block h2 small {
  line-height: 23px;
  margin-top: 5px;
  color: white;
  font-weight: normal;
  font-size: 18px;
  text-transform: none;
  margin-bottom: 30px;
  display: block; }

/* END ABOUT BLOCK */
/* ACCORDION SECTION FAQ */
a.accordion-title {
  background: #ffffff;
  margin-top: 0px;
  font-family: 'Montserrat', sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #1A4890;
  padding-left: 12px;
  padding-right: 35px;
  padding-top: 27px;
  padding-bottom: 27px; }

.accordion-title::before {
  font-weight: bold;
  color: red !important; }

a.accordion-title:focus {
  background: #F7F8F8; }

a.accordion-title:hover {
  background: #F7F8F8; }

.accordion-content {
  background-color: #ffffff; }

/* CONTACT */
div.contact-section {
  background: #EDF4F8;
  padding-top: 80px;
  padding-bottom: 40px; }

span.contact-icon {
  display: block;
  font-size: 40px;
  margin-top: -80px;
  left: calc(50% - 50px);
  text-align: center; }

div.contact-wrapper {
  background: #ffffff;
  padding-top: 40px;
  padding-bottom: 40px; }

div.contact-wrapper h2 {
  color: #535f70;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  text-shadow: none;
  font-family: 'Open Sans', sans-serif; }

div.contact-wrapper h2:hover {
  color: #166bab; }

span.contact-icon > i.fa-inverse {
  color: #ffffff !important; }

div.contact-wrapper:hover span.contact-icon > i.plum {
  color: #083072 !important; }

div.contact-wrapper p {
  text-align: center;
  margin-bottom: 0px;
  font-size: 17px; }

i.send-icon {
  font-size: 22px !important;
  color: green !important; }

i.error-icon {
  font-size: 22px !important;
  color: red !important; }

i#refresh {
  position: absolute;
  font-size: 30px;
  margin-top: 10px; }

/* PROFILES OUR TEAM BIO */
div.profile-card {
  background: #fcfcfc !important;
  transition: all 0.3s ease;
  padding: 10px 10px 0px 10px;
  box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1); }

div.profile-card:hover {
  box-shadow: 0px 12px 13px rgba(0, 0, 0, 0.2); }

div.profile-image-container {
  max-height: 250px;
  overflow: hidden; }

div.profile-card span.qual {
  text-align: center;
  display: block;
  font-size: 15px;
  color: #333; }

div.profile-card span.tel {
  text-align: center;
  display: block;
  font-size: 15px;
  color: #333;
  margin-top: 5px; }

div.profile-card h3 {
  margin-top: 10px;
  margin-bottom: 0px;
  display: block;
  color: #333;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 20px !important;
  font-weight: 600; }

div.profile-card img {
  position: relative;
  object-fit: cover;
  object-position: 50% 50%;
  margin-top: 0px;
  height: 270px; }

div.profile-card p {
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  text-align: center; }

/* SHARE ICONS PROFILES */
.share-icon-profile {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: calc(28px + 2px);
  text-align: center;
  border-radius: 50%;
  transition: all 0.3s ease;
  outline: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24); }

.share-icon-profile:hover,
.share-icon-profile:focus {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
  /*
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  */ }

/* MODAL  */
div.reveal {
  margin-top: 0px !important;
  padding-top: 0px !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
  outline: none;
  border: none !important; }

div.reveal p {
  margin-left: 15px;
  margin-right: 15px;
  font-size: 17px; }

div.reveal p > img {
  margin-top: 20px; }

div.reveal ul {
  margin-left: 30px; }
  div.reveal ul li {
    font-size: 17px; }

div.reveal a {
  color: #2392fb;
  font-weight: bold; }

div.modal-header {
  padding-top: 0px;
  padding-bottom: 15px;
  display: block;
  height: 50px; }

p.modal-lead {
  color: #6d6e71;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 5px; }

button.close-button {
  color: white; }

h3.modalTitle {
  margin-top: 0px;
  font-weight: 600;
  font-size: 21px;
  color: #DAA520;
  background: navy !important;
  width: 100%;
  display: block;
  padding-top: 10px;
  padding-left: 15px;
  padding-bottom: 10px; }

h3.modalTitle span {
  font-size: 15px;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif; }

.modal-button {
  margin-top: 10px; }

button.bio.small {
  background: #07d860 !important;
  color: #ffffff;
  box-shadow: 0 4px 4px -5px rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  font-weight: normal !important; }

button.bio.small:hover {
  background: #08af4e !important;
  color: #ffffff; }

/* SERVICE BOXES */
.service-button {
  position: absolute;
  bottom: 5px;
  right: 30px; }

.what-we-do {
  margin-left: auto;
  margin-right: auto;
  max-width: 98% !important;
  padding: 3.2rem 1.5rem 1rem 3.5rem;
  height: 100%;
  background: #F1F4F6;
  position: relative;
  display: block; }

.what-we-do h2 {
  color: #053043;
  font-size: 45px;
  font-family: 'Bitter', serif;
  font-weight: 100;
  margin-top: 45px; }

.what-we-do p {
  font-family: 'Times', serif;
  font-size: 20px;
  color: #053043;
  font-weight: normal; }

.what-we-do p a {
  font-family: "Open Sans", sans-serif; }

.square-card-container, .box-2, .box-3, .box-4, .box-5 {
  margin-left: auto;
  margin-right: auto;
  max-width: 98% !important;
  padding: 3.2rem 1.5rem 1rem 3.5rem;
  height: 100%;
  background: #053043;
  position: relative;
  display: block;
  box-shadow: none;
  transition: all 0.2s ease-out; }

.square-card-container:hover, .box-2:hover, .box-3:hover, .box-4:hover, .box-5:hover {
  background: #04293a !important; }

.box-2 {
  background: #c47c0f !important; }

.box-3 {
  background: #0A356b !important; }

.box-4 {
  background: #505050 !important; }

.box-5 {
  background: #131f42 !important; }

.box-2:hover {
  background: #b6730e !important; }

.box-3:hover {
  background: #092e5d !important; }

.box-4:hover {
  background: #484848 !important; }

.box-5:hover {
  background: #101936 !important; }

.square-card-container, .box-2, .box-3, .box-4, .box-5 {
  text-align: left; }

.square-card-container h2, .box-2 h2, .box-3 h2, .box-4 h2, .box-5 h2 {
  font-weight: 400;
  text-align: left;
  font-size: 24px;
  color: #ffffff;
  font-family: 'Bitter', serif;
  padding-bottom: 15px; }

.square-card-container p, .box-2 p, .box-3 p, .box-4 p, .box-5 p {
  font-weight: lighter;
  font-size: 19px;
  font-family: 'Times', serif;
  color: #ffffff;
  padding-bottom: 5px; }

.square-card-container span, .box-2 span, .box-3 span, .box-4 span, .box-5 span {
  font-size: 45px;
  margin-left: -12px; }

.sb-bg1 {
  color: #031c27; }

.sb-bg2 {
  color: #a86a0d; }

.sb-bg3 {
  color: #07274f; }

.sb-bg4 {
  color: #414141; }

.sb-bg5 {
  color: #0c142a; }

/* RECENT BLOG POSTS HOME PAGE */
div.home-image-container {
  overflow: hidden;
  background: blue; }

div.home-image-container a > img {
  min-width: 100%;
  object-fit: cover;
  height: 182px;
  /* ADJUST HEIGHT */
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

div.home-post {
  background: #ffffff;
  border: 1px solid #e5e7e9; }

div.home-post p.content {
  color: #595959;
  font-size: 14px;
  padding-left: 5px;
  padding-right: 5px; }

div.home-post h4 {
  margin-top: 20px;
  color: #25313d;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
  padding-right: 10px;
  padding-left: 15px;
  transition: all 0.3s ease-in-out; }

div.home-post h4:hover {
  color: #cfaa45; }

div.home-post > div.inner:hover h4 {
  color: #cfaa45; }

div.home-post p.author {
  color: #595959;
  font-size: 14px; }

div.home-post p.date {
  margin-left: 15px;
  margin-top: 20px;
  padding-bottom: 15px;
  text-transform: uppercase;
  color: #aaaaaa;
  font-size: 11px;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif; }

div.home-post p > span {
  color: #cfaa45; }

/* BOXES SIDE BY SIDE FULL WIDTH */
div.content-box-left-image {
  max-width: 50%;
  min-height: 250px;
  background: url("../images/relaxation.jpg?v=2") no-repeat center top scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.content-box-left {
  background: #F8F7F6 !important;
  padding-top: 100px;
  padding-bottom: 80px; }

.content-box-left .wrapper {
  margin-left: 12%;
  margin-right: 12%; }

.content-box-left .wrapper p {
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  margin-top: 50px;
  color: #808080;
  font-size: 15px;
  text-transform: uppercase; }

.content-box-left .wrapper p.lead-paragraph {
  line-height: 32px;
  font-size: 15px;
  text-align: center;
  color: #4f4f4f;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  text-transform: none; }

div.address-section p {
  padding-top: 30px; }

.content-box-left h1 {
  text-transform: none;
  display: block;
  padding-bottom: 20px;
  text-align: center !important;
  color: #a0ce4e;
  font-size: 32px;
  font-weight: 500;
  line-height: 43px;
  font-family: 'Open Sans', sans-serif; }

i.content-box-icon {
  margin-top: 20px;
  text-align: center;
  display: block;
  font-size: 55px;
  color: green;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); }

/* ALERTS */
.alert-box.warning {
  background: #FCB80E;
  color: #ffffff !important;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  border: none;
  border-left: 5px solid #d49803;
  padding-right: 2.5em;
  padding-top: 1.2em;
  padding-bottom: 1.2em; }
  .alert-box.warning i {
    color: red;
    margin-right: 10px;
    font-size: 18px; }
  .alert-box.warning:hover {
    background: #fcb504; }
  .alert-box.warning button {
    color: #ffffff !important;
    font-size: 19px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .alert-box.warning button:hover {
      color: #ffffff !important;
      opacity: 0.7; }
    .alert-box.warning button span::after {
      font-weight: bold !important;
      font-family: "Open Sans", sans-serif;
      margin-left: 7px; }

.alert-box.success {
  background: #72c92d;
  color: #ffffff !important;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  border: none;
  border-left: 5px solid #5a9f24;
  padding-right: 2.5em;
  padding-top: 1.2em;
  padding-bottom: 1.2em; }
  .alert-box.success i {
    color: green;
    margin-right: 10px;
    font-size: 18px; }
  .alert-box.success:hover {
    background: #6dc12b; }
  .alert-box.success button {
    color: #ffffff !important;
    font-size: 19px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .alert-box.success button:hover {
      color: #ffffff !important;
      opacity: 0.7; }
    .alert-box.success button span::after {
      font-weight: bold !important;
      font-family: "Open Sans", sans-serif;
      margin-left: 7px; }

.alert-box.alert {
  background: #F7E4E1;
  color: #333 !important;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  border: none;
  border-left: 5px solid #ecc0b9;
  padding-right: 2.5em;
  padding-top: 1.2em;
  padding-bottom: 1.2em; }
  .alert-box.alert i {
    color: red;
    margin-right: 10px;
    font-size: 18px; }
  .alert-box.alert:hover {
    background: #f5ddd9; }
  .alert-box.alert button {
    color: #333 !important;
    font-size: 19px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .alert-box.alert button:hover {
      color: #333 !important;
      opacity: 0.7; }
    .alert-box.alert button span::after {
      font-weight: bold !important;
      font-family: "Open Sans", sans-serif;
      margin-left: 7px; }

.alert-box.primary {
  background: #fafafa;
  color: #212121 !important;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  border: none;
  border-left: 5px solid #e1e1e1;
  padding-right: 2.5em;
  padding-top: 1.2em;
  padding-bottom: 1.2em; }
  .alert-box.primary i {
    color: #333;
    margin-right: 10px;
    font-size: 18px; }
  .alert-box.primary:hover {
    background: whitesmoke; }
  .alert-box.primary button {
    color: #212121 !important;
    font-size: 19px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .alert-box.primary button:hover {
      color: #212121 !important;
      opacity: 0.7; }
    .alert-box.primary button span::after {
      font-weight: bold !important;
      font-family: "Open Sans", sans-serif;
      margin-left: 7px; }

.alert-box.notice {
  background: #ffffff;
  color: #212121 !important;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  border: none;
  border-left: 5px solid #e6e6e6;
  padding-right: 2.5em;
  padding-top: 1.2em;
  padding-bottom: 1.2em; }
  .alert-box.notice i {
    color: red;
    margin-right: 10px;
    font-size: 18px; }
  .alert-box.notice:hover {
    background: #fafafa; }
  .alert-box.notice button {
    color: #212121 !important;
    font-size: 19px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .alert-box.notice button:hover {
      color: #212121 !important;
      opacity: 0.7; }
    .alert-box.notice button span::after {
      font-weight: bold !important;
      font-family: "Open Sans", sans-serif;
      margin-left: 7px; }

.purple-icon {
  color: #551b8c; }

.green-icon {
  color: #339967; }

.cancelled-icon {
  color: #a0a0a0; }

.submit {
  border-left: 8px solid #551b8c !important; }

.approved {
  border-left: 8px solid #339967 !important; }

.cancelled {
  border-left: 8px solid #a0a0a0 !important; }

.info-box {
  padding-top: 35px;
  padding-bottom: 35px;
  border: 1px solid #e5e5e5;
  margin-bottom: 15px; }

.info-box-parent {
  position: relative; }

.info-box-text {
  display: block;
  position: absolute;
  left: 5%;
  top: 50%;
  transform: translateY(-50%); }

.info-box h3 {
  margin-bottom: 0px;
  color: #5f4e46;
  display: block;
  margin-top: 0px;
  font-weight: bold;
  font-size: 18px; }

h3.info-box-title {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 19px; }

.info-box p {
  margin-top: 2px;
  margin-bottom: 6px;
  line-height: 97%; }

.info-box-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
  font-size: 20px !important; }

a.info-box-link {
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  margin-right: 15px;
  text-decoration: underline;
  display: inline-block; }

/* centers link container vertically */
.info-box-link-container {
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%); }

/* Landscape phone to portrait tablet and phone */
@media (max-width: 767px) {
  .info-box-text {
    position: relative; }

  .info-box h3 {
    margin-top: 15px; }

  .info-box-link-container {
    position: relative;
    left: 5%;
    margin-top: 10px; } }
/* NOTICE ALERT BOX TOP BAR */
.alert-box.notice {
  background: #ffffff;
  color: #212121 !important;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  border: none;
  padding-left: 0px;
  padding-right: 2.5em; }

.alert-box.notice i {
  color: red;
  margin-right: 10px;
  font-size: 18px; }

.alert-box.notice:hover {
  background: transparent !important; }

.alert-box.notice button {
  color: #212121 !important;
  font-size: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.alert-box.notice button:hover {
  color: #212121 !important;
  opacity: 0.7; }

/* SCROLL TO TOP BUTTON */
.back-to-top {
  position: fixed;
  text-align: center;
  bottom: 50%;
  right: 10px;
  text-decoration: none;
  color: #ffffff;
  background-color: rgba(81, 116, 164, 0.5);
  font-size: 30px;
  padding: .1em .1em .1em .1em;
  border-radius: 3px;
  width: 42px;
  height: 42px;
  display: none;
  z-index: 5000; }

.back-to-top:hover {
  background-color: #5174a4;
  text-decoration: none;
  color: #d9d9d9; }

.back-to-top > i {
  margin-top: 1px;
  color: #ffffff;
  display: block; }

/* FOOTER */
footer {
  background: #1a1a1a;
  padding: 5px; }

footer p {
  color: #808080;
  font-size: 14px;
  margin-top: 15px; }

span.designed-by img {
  margin-top: 0px;
  display: inline-block;
  width: 140px; }

span.designed-by {
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter;
  color: #808080;
  display: inline-block;
  margin-top: 14px;
  font-size: 14px; }

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