* {
  text-decoration: none;
  padding: 0;
  margin: 0;
  outline: none;
  font-family: OpenSauceSansRegular;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  text-rendering: optimizeLegibility;
  image-rendering: optimizeQuality;
}

:root {
  --gold: #b3895b;
  --light-gold: #dcbd7e;
  --red: #ab052d;
  --dark_blue: #121d3a;
  --blue: #102da1;
  --grey: #394854;
  --brown: #926147;
  --light_blue: #f4f5f7;
}

p {
  line-height: 1.5;
}

.flexed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gap-1 {
  grid-gap: 1em;
  gap: 1em;
}

.item_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.primary_btn {
  float: left;
  padding: 0 2em;
  height: 3.8em;
  line-height: 3.8em;
  position: relative;
  overflow: hidden;
  display: block;
  border: none;
}

.align-center {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.linear_primary {
  background-image: -o-linear-gradient(45deg, var(--brown), var(--gold));
  background-image: linear-gradient(45deg, var(--brown), var(--gold));
  color: white;
}

.gold_bg {
  background: var(--gold);
  color: white;
}

.whte_bg_btn {
  background: white;
  color: #1e1e1e;
}

.blur_primary {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px #fff solid;
  color: white;
  background: rgba(255, 255, 255, 0.2);
}

.white_txt {
  color: white;
}

.dark_txt {
  color: var(--dark_blue);
}

.grey_txt {
  color: #e0e0e0;
}

.primary_text {
  color: #606060;
}

.bold_text {
  font-family: "OpenSauceSansBold";
}

.semiBold_text {
  font-family: "OpenSauceSansSemiBold";
}

/******Main header style*******/
.responsive_menu {
  display: none;
}
.main_header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 5em 0 5em;
  border-bottom: 1px transparent solid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 6em;
  z-index: 999;
  -webkit-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
}

.r_icon {
  display: none;
}

.main_header.unpinned {
  top: -6em;
}

.main_header.pinned,
.main_header.unpinned {
  /* -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px); */
  border-bottom: 1px #afafaf solid;
  background: rgba(255, 255, 255, 1);
}

.logo_cta {
  float: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.logo {
  background: white;
  position: absolute;
  left: 0;
  top: 0;
  padding: 3em;
  float: left;
  -webkit-transition: all 0.3s cubic-bezier(0.26, 1.04, 0.54, 1);
  -o-transition: all 0.3s cubic-bezier(0.26, 1.04, 0.54, 1);
  transition: all 0.3s cubic-bezier(0.26, 1.04, 0.54, 1);
}

.main_header.pinned .logo,
.main_header.unpinned .logo {
  padding: 0;
  width: 6em;
  height: 6em;
  overflow: hidden;
  background: transparent;
  border-right: 1px #afafaf solid;
}

.logo img {
  width: 4em;
  float: left;
}

.main_header.pinned .logo img,
.main_header.unpinned .logo img {
  height: 6em;
  width: 6em;
  padding: 1.5em;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}

.call_cta {
  background: #1e1e1e;
  color: white;
  -webkit-transition: all 0.3s cubic-bezier(0.26, 1.04, 0.54, 1);
  -o-transition: all 0.3s cubic-bezier(0.26, 1.04, 0.54, 1);
  transition: all 0.3s cubic-bezier(0.26, 1.04, 0.54, 1);
}

.logo_cta .call_cta {
  margin-left: 10em;
}

.main_header.pinned .logo_cta .call_cta,
.main_header.unpinned .logo_cta .call_cta {
  margin-left: 5em;
}

.call_cta:hover {
  color: white;
}

.main_navigation {
  float: left;
}

.main_navigation li {
  display: inline-block;
  margin-left: 4em;
  position: relative;
}

.main_navigation li a {
  position: relative;
  overflow: hidden;
  display: block;
  color: white;
  height: 2em;
  line-height: 2em;
}

.main_header.pinned .main_navigation li a,
.main_header.unpinned .main_navigation li a {
  color: #727272;
}

.main_navigation li.active a {
  color: var(--gold);
}

.main_navigation li a:after,
.primary_btn:after {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  content: attr(data-link-alt);
  display: inline;
  text-align: center;
  -webkit-transition: all 0.4s cubic-bezier(0.26, 1.04, 0.54, 1);
  -o-transition: all 0.4s cubic-bezier(0.26, 1.04, 0.54, 1);
  transition: all 0.4s cubic-bezier(0.26, 1.04, 0.54, 1);
}

.main_navigation li a span,
.primary_btn .alt-link {
  display: block;
  -webkit-transition: all 0.4s cubic-bezier(0.26, 1.04, 0.54, 1);
  -o-transition: all 0.4s cubic-bezier(0.26, 1.04, 0.54, 1);
  transition: all 0.4s cubic-bezier(0.26, 1.04, 0.54, 1);
}

.main_navigation li a:hover {
  color: var(--gold);
}

.main_navigation li a:hover span,
.primary_btn:hover .alt-link {
  color: var(--gold);
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.main_navigation li a:hover:after,
.primary_btn:hover:after {
  top: 0;
}

.linear_primary:hover:after,
.call_cta:hover:after {
  background: #f0f0f0;
  color: black;
}

.whte_bg_btn:hover:after {
  background-color: var(--gold);
  color: white;
}

.dropdown_menu {
  position: absolute;
  top: 4em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 20em;
  background: white;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.26, 1.04, 0.54, 1);
  -o-transition: all 0.4s cubic-bezier(0.26, 1.04, 0.54, 1);
  transition: all 0.4s cubic-bezier(0.26, 1.04, 0.54, 1);
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 50px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 50px rgba(0, 0, 0, 0.2);
}

.main_navigation li:hover .dropdown_menu {
  visibility: visible;
  z-index: 1;
  opacity: 100;
  top: 2.5em;
}

.dropdown_menu li {
  display: block;
  margin: 0;
}

.dropdown_menu li a {
  display: block;
  margin: 0;
  padding: 1em;
  height: auto;
  color: var(--dark_blue);
}

.dropdown_menu li a {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.dropdown_menu li a:after,
.dropdown_menu li a:before {
  display: none;
}

.dropdown_menu li a:hover span {
  color: var(--gold);
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

/**********Fixed side bar styles************/
.fixed_side_bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 6em;
  border-right: 1px #afafaf solid;
  height: 100%;
  z-index: 100;
  mix-blend-mode: exclusion;
}

.scroll_hint {
  position: absolute;
  top: 50%;
  left: -2.4em;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  color: #c1c1c1;
  text-transform: uppercase;
  letter-spacing: 4px;
  white-space: nowrap;
  font-size: 0.8em;
}

.scroll_hint:before {
  position: absolute;
  content: "";
  width: 8em;
  height: 1px;
  top: 50%;
  left: -10em;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #c1c1c1;
}

.side_social_nav {
  position: absolute;
  bottom: 5em;
}

.side_social_nav li {
  margin-top: 0.5em;
}

.side_social_nav li a {
  font-size: 1.5em;
  color: #c1c1c1;
  -webkit-transition: all 0.4s cubic-bezier(0.26, 1.04, 0.54, 1);
  -o-transition: all 0.4s cubic-bezier(0.26, 1.04, 0.54, 1);
  transition: all 0.4s cubic-bezier(0.26, 1.04, 0.54, 1);
}

.side_social_nav li a:hover {
  color: #b3895b;
}

/************Hero slider********/
.hero_slider {
  width: 100%;
  height: 100vh;
  background: #c0c0c0;
  position: relative;
  overflow: hidden;
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slideshow .slide {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.slideshow .slide.is-active {
  display: block;
}
.slideshow .slide.is-loaded {
  opacity: 1;
}
.slideshow .slide .caption {
  padding: 0 10vw;
}

.slide:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.slide_content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
  text-align: center;
  color: white;
}

.slide_content .caption {
  float: left;
  width: 100%;
}
.banner_tag {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 0.8em;
}

.slide_content h1 {
  font-family: "OpenSauceSansBold";
  font-size: 4.5em;
  letter-spacing: -1px;
  margin-bottom: 1em;
  float: left;
}

.slide_content h1 span {
  font-family: "OpenSauceSansBold";
  color: var(--light-gold);
}

.slideshow .slide .image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  z-index: 1;
  background-size: cover;
  image-rendering: optimizeQuality;
}

.slide img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}

.slider_pagination {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  background: white;
  padding: 2em;
  grid-gap: 2em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.slider_paginate_btn {
  width: 8em;
  padding: 0.5em;
  cursor: pointer;
  position: relative;
}

.slider_paginate_btn.nxt {
  text-align: right;
}

.slider_paginate_btn.prv:before {
  content: "";
  position: absolute;
  width: 5em;
  height: 1px;
  background: #c1c1c1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -0.5em;
}

/********Main section***********/
.column2_section_container {
  float: left;
  position: relative;
  width: 100%;
  padding: 10em 0 5em 0;
}

.grid-2 {
  display: grid;
  grid-template-columns: 48% 48%;
  grid-gap: 2%;
  gap: 2%;
}

.gap-1 {
  grid-gap: 1em;
  gap: 1em;
}

.grid-6 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 4%;
  gap: 4%;
  row-gap: 3em;
}

.column_2_body {
  grid-template-columns: 42% 55%;
  grid-gap: 3%;
  gap: 3%;
}

.column_2_alt {
  grid-template-columns: 63% 35%;
  grid-gap: 2%;
  gap: 2%;
}

.grid-3 {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  float: left;
  width: 100%;
  position: relative;
  grid-gap: 1.5em;
  gap: 1.5em;
}

.image-wrap {
  position: relative;
  overflow: hidden;
}

.image {
  position: absolute;
  width: 100%;
  height: 125%;
  -o-object-position: top;
  object-position: top;
  -o-object-fit: cover;
  object-fit: cover;
}

.image_container {
  position: relative;
}

.rect_image_container {
  width: 100%;
  min-height: 600px;
  position: relative;
}

.squre_image_container {
  width: 100%;
  min-height: 450px;
  position: relative;
}

.rect_backdrop {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -4em;
  height: 70%;
  width: 100%;
  background: #decfbe;
  z-index: -1;
}

.column_content {
  padding: 0 0 0 6em;
  width: 100%;
  float: left;
  position: relative;
}

.column__right_content {
  padding: 0 6em 0 0;
}

.extra_pad_left_right {
  padding: 1em 0;
}

.transform_btm {
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

.transform_btm2 {
  margin-top: 5em;
}

.primary_tag,
.default_tag {
  padding: 0.7em 1em;
  font-size: 0.7em;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.default_tag {
  padding: 0.7em 0;
}
.column_header {
  font-size: 3em;
  font-family: "OpenSauceSansBold";
  width: 100%;
  float: left;
  line-height: 1.2;
}

.column_descr_header {
  font-size: 2em;
  font-family: "OpenSauceSansMedium";
  width: 100%;
  float: left;
  /* margin: 1em 0 1.5em 0; */
}

.column_num {
  color: var(--gold);
}

.outlined_text {
  font-size: 4em;
  white-space: nowrap;
  -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #c0c0c0;
  font-family: "OpenSauceSansBold";
}

.outline_text {
  -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #c0c0c0;
}

.marg_top_btm {
  margin: 5em 0;
}

/******Service section******/
.default_section {
  width: 100%;
  padding: 8em 0;
  float: left;
  position: relative;
}

.blue_background {
  background: var(--dark_blue);
}

.no_desktop {
  display: block;
}

.no_resp {
  display: none;
}

.blue_top_backdrop:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: var(--dark_blue);
  z-index: -1;
}

.crop_btm_space {
  margin-bottom: -10em;
}

.blog_section.blue_top_backdrop:after {
  height: 80%;
}

.blue_top_backdrop.extra_height:after {
  height: 100%;
}

.with_image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 50%;
  background-image: url("../images/bg/bulding_bg.png");
  background-size: contain;
  mix-blend-mode: multiply;
  background-repeat: no-repeat;
}

.services_container {
  margin-top: 4em;
  float: left;
  width: 100%;
}

.service_container {
  float: left;
  background: white;
  -webkit-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
}

.service_container:hover {
  -webkit-box-shadow: 0 2px 50px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 50px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-2em);
  -ms-transform: translateY(-2em);
  transform: translateY(-2em);
}

.service_image {
  height: 20em;
  float: left;
  width: 100%;
}

.service_content {
  float: left;
  width: 100%;
  padding: 1em 2em;
}
.service_content h3 {
  font-family: "OpenSauceSansSemiBold";
  color: var(--dark_blue);
}

.service_content span,
.value_container span {
  line-height: 1.8;
  color: #707070;
  font-size: 0.95em;
}
/*******Blog container****/
.blog_container {
  width: 100%;
  position: relative;
  padding-left: 6em;
  -webkit-transform: translateY(-15em);
  -ms-transform: translateY(-15em);
  transform: translateY(-15em);
}
.blog_container .slick-dots {
  left: auto;
  right: 10em;
  width: auto;
  bottom: 5em;
  pointer-events: auto;
}

.blog_container .slick-dots li.slick-active,
.core_values_slider .slick-dots li.slick-active {
  background: white;
  width: 40px;
}

.core_values_slider .slick-dots li.slick-active {
  background: var(--gold);
}

.blog_container .slick-dots li,
.core_values_slider .slick-dots li {
  background: rgba(255, 255, 255, 0.4);
  height: 4px;
}

.core_values_slider .slick-dots li {
  background: #e0e0e0;
}

.blog_card {
  background: #e0e0e0;
  width: 100%;
  height: 50em;
  position: relative;
}

/* .gallery_section {
  border-top: 1px #e0e0e0 solid;
  border-bottom: 1px #e0e0e0 solid;
} */

.blog_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.gal_image {
  width: 100%;
  height: 30em;
}

.blog_image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.blog_card_content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 5em 10em;
  width: 50%;
  z-index: 10;
}

.blog_control {
  position: absolute;
  top: 30%;
  right: 10em;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1000;
  display: grid;
  grid-template-rows: 5em;
}

.s_c_btn {
  width: 3em;
  height: 3em;
  border-radius: 50%;
  line-height: 3em;
  text-align: center;
  display: block;
  font-size: 1.2em;
  -webkit-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
}

.s_c_btn:hover {
  background: white;
  color: var(--dark_blue);
}
/******Value Section****/
.values_container {
  margin-top: -10em;
}
.value_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: white;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2em;
  grid-gap: 1.5em;
}

.value_container:nth-child(2) {
  background: var(--blue);
  color: white;
}

.value_container:nth-child(2) span {
  color: #dfdfdf;
}

.value_image {
  width: 5em;
}

.value_container h4 {
  font-family: "OpenSauceSansSemiBold";
  letter-spacing: -1px;
}

/*******Why Container******/
.why_container:before {
  content: "";
  position: absolute;
  right: 0;
  top: -13em;
  width: 50vw;
  height: 70em;
  background-image: url("../images/bg/map-w 1.png");
  background-size: contain;
  background-repeat: no-repeat;
}

/******Footer Section*******/
.footer_container {
  float: left;
  background: var(--dark_blue);
}

.footer_project_cta_container {
  width: 60%;
  float: left;
}

.footer_cta_content {
  padding: 10em 0;
  position: relative;
  z-index: 10;
  width: 100%;
}

.footer_cta_content .column_header {
  width: 60%;
  font-size: 4.5em;
}

.footer_cta_img_container {
  position: absolute;
  top: 50%;
  right: 4em;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.footer_cta_img_container .rect_image_container {
  width: 400px;
  min-height: 450px;
  position: relative;
}

.footer_line {
  display: block;
  width: calc(100vw - 6em);
  float: right;
  margin-top: 8em;
  opacity: 0.5;
}

.footer_grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 2em;
  padding-top: 5em;
}

.f_nav_header {
  color: white;
  margin-bottom: 1em;
  display: block;
}

.footer_grid_content ul li a,
.footer_grid_content ul li {
  color: #c0c0c0;
  display: block;
  padding: 0.2em 0;
  font-size: 0.95em;
  line-height: 1.5;
  -webkit-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
}

.footer_grid_content ul li a:hover {
  color: var(--gold);
}

/******Page Styling******/
.page_banner {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px #e0e0e0 solid;
}

.page_banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background: var(--dark_blue);
  z-index: -1;
}

.page_banner_bckdrop {
  position: absolute;
  top: 0em;
  left: 0;
  width: 65%;
  height: 80%;
  mix-blend-mode: multiply;
  overflow: hidden;
}

.page_banner_bckdrop img {
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.6;
}

.page_banner_grid_container {
  display: grid;
  grid-template-columns: 65% 35%;
  float: left;
  width: 100%;
}

.page_banner_content {
  position: relative;
  padding: 15em 5em 5em 16em;
  float: left;
}

.page_banner_content .caption {
  max-width: 50%;
}

.page_banner_content .caption .banner_tag {
  color: var(--gold);
}

.page_banner_content .caption h1,
.blog_banner_content .caption h1 {
  color: white;
  line-height: 1.2;
  font-size: 3em;
}

.page_scroll_btn {
  position: absolute;
  bottom: 4em;
  left: 10em;
  width: 4em;
  height: 4em;
  line-height: 4em;
  text-align: center;
  font-size: 1.5em;
  background: white;
  border: 1px #e0e0e0 solid;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  color: var(--dark_blue);
  z-index: 10;
}

.blog_banner .page_scroll_btn {
  bottom: -2em;
}

.page_scroll_btn:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  color: var(--blue);
}

.side_feat_img_container {
  padding-right: 5em;
  float: left;
  width: 100%;
  position: relative;
  height: 640px;
  background: #18274e;
  padding-top: 10em;
}

.side_feat_img {
  position: relative;
  width: 480px;
  height: 500px;
  overflow: hidden;
}

.border_right_abst:before {
  content: "";
  width: 1px;
  right: 0;
  top: 0;
  width: 35%;
  height: 100%;
  position: absolute;
  border-left: 1px #e0e0e0 solid;
}

.half_bordered.border_right_abst:before {
  height: 50%;
}

.feature_child_container {
  float: left;
  position: relative;
  width: 100%;
}

.feature_child_container .par__sect_ {
  margin-top: 0;
  float: left;
  width: 100%;
  font-size: 1.2em;
}

.feature_child_header {
  margin: 0 0 0.5em;
  float: left;
  width: 100%;
  border-bottom: 1px #e0e0e0 solid;
  font-size: 1.5em;
  padding: 1em 0;
  font-family: "OpenSauceSansBold";
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}

.feature_child_container.active .feature_child_header,
.feature_child_container .feature_child_header .mdi {
  color: var(--dark_blue); /* Will override color (regardless of order) */
}

.feature_child_header:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: #303030;
  -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}

.feature_child_container.active .feature_child_header:before {
  width: 100%;
}

.feature_child_container .par__sect_ {
  position: relative;
  max-height: 0;
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}

.feature_child_container.active .par__sect_ {
  max-height: 30em;
  opacity: 1;
}
.feature_child_container.active .par__sect_ {
  margin-top: 1em;
}

.feature_child_container.active .mdi {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.highlighted_feature_slider_list > * + * {
  margin-top: 0em;
}

.feature_selection_container:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  border-bottom: 1px #e0e0e0 solid;
}

.brochure_container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
}

.brochure_container.open {
  visibility: visible;
  opacity: 1;
  z-index: 1000000;
}

.brochure_body {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  -ms-transform: translate(-50%, -50%) scale(0.8);
  transform: translate(-50%, -50%) scale(0.8);
  width: calc(90% - 10em);
  border-radius: 10px;
  background: #eee;
  padding: 2em;
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  overflow: hidden;
}

.brochure_container.open .brochure_body {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.brochure_frame {
  height: 75vh;
}
.close_modal {
  position: absolute;
  top: 1em;
  right: 1em;
  width: 3em;
  height: 3em;
  line-height: 3em;
  text-align: center;
  background: white;
  z-index: 100;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
}

.close_modal:hover {
  background: var(--gold);
  color: white;
}
/*******Blog Section********/
.blog_banner {
  width: 100%;
  height: 40em;
  position: relative;
}

.blog_cards {
  -webkit-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
}

.blog_cards:hover {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
}
.blog_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blog_image:before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}

.blog_banner_content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 16em;
  z-index: 10;
  max-width: 40%;
}

.cards_grid_container {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 4em;
}

.blog_img {
  width: 100%;
  height: 18em;
  float: left;
  position: relative;
}

.blog_card_contents {
  float: left;
  padding: 1em;
  width: 100%;
}

.blog_card_contents h4 {
  font-size: 1.5em;
  line-height: 1.2;
}

/******Contact page********/
.contact_form_container {
  width: 100%;
  padding: 5em;
  background: #f6f6f7;
}

.contact_field {
  border: 1px #e0e0e0 solid;
  padding: 1em;
  width: 100%;
  margin-bottom: 1em;
  resize: none;
}

.icon-label {
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--gold);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 1.2em;
  color: var(--gold);
}

.contanct_links a {
  color: var(--gold);
  text-decoration: underline;
}

.no_pad {
  padding: 0;
}
.no_marg {
  margin: 0;
}
body.open .container {
  overflow-y: hidden;
}