/*
/*
Theme Name: b5st Child
Theme URI: https://github.com/SimonPadbury/b5st
Template: b5st-main
Author: Simon Padbury
Author URI: http://simonpadbury.github.io
Description: A simple starter theme for WordPress. Gutenberg compatible. Using Bootstrap 5.x, Bootstrap Icons.x, and node-sass.
Version: 1.3.1.1711140473
Updated: 2024-03-22 20:47:53

/@import url("../thbusiness/style.css");
/*@import url("https://insiteeng.net/css/custom.css");*/
/* =Theme customization starts here
-------------------------------------------------------------- */
html {
     scroll-behavior: smooth;
}
body {
     font-family: "Manrope", sans-serif !important;
     font-optical-sizing: auto;
     font-weight: 300;
     font-size: 18px;
     color: #101010;
     line-height: 28px;
}
.carousel-caption-homepage-hero-2-mobile {
     display: none;
     background-color: #101010;
     padding: 7px 0px;
}
#casestudies-nav-mobile {
     display: none;
}
.container {
     max-width: 1400px;
}
h1 {
     font-size: 3.50rem;
     line-height: 60px;
     font-weight: 700;
}
h2 {
     font-size: 1.775rem;
     line-height: 34px;
     font-weight: 600;
}
h3 {
     font-size: 1.3rem;
     line-height: 28px;
     font-weight: 600;
}
h4 {
     font-size: 1.2rem;
     line-height: 26px;
     font-weight: 600;
}
h5 {
     font-size: 1rem;
     line-height: 24px;
     font-weight: 600;
}
.section-spacing-top {
     margin-top: 200px;
}
.breadcrumbs {
     padding-left: 10%;
     padding-top: 24px;
     font-weight: 600;
     font-size: 14px;
     line-height: 20px;
}
.breadcrumbs a {
     color: #101010;
     font-weight: 400;
     text-decoration: none;
}
.breadcrumbs a:hover {
     color: #ffce1d;
     font-weight: 400;
     text-decoration: none;
}
.bc-arrow::after {
     content: " \279C";
     color: #ffce1d;
}
a.content-link {
     color: #101010;
     text-decoration: none;
}
a.content-link:hover {
     color: #ffce1d;
     text-decoration: none;
}
ul.bulletlist-sitemap {
     margin: 0px 0px 0px 20px;
     padding: 0px 0px 7px 0px;
     font-size: 16px;
     line-height: 24px;
     list-style-image: url('../images/bullet.png');
}
ul.bulletlist-sitemap li {
     margin: 0px 0px 10px 0px;
     padding: 0px 10% 0px 0px;
     vertical-align: top;
}
.textcenter {
     text-align: center;
}
.textleft {
     text-align: left;
}
.blacktext {
     color: #101010;
}
.white {
     color: #fff;
}
.goldtext {
     color: #ffce1d;
}
.boldtext {
     font-weight: 700;
}
.semiboldtext {
     font-weight: 600;
}
.mediumtext {
     font-weight: 500;
}
.regulartext {
     font-weight: 400;
}
.lighttext {
     font-weight: 300;
}
.italics {
     font-style: italic;
}
.video-responsive {
     overflow: hidden;
     padding-bottom: 56.25%;
     position: relative;
     height: 0;
}
.video-responsive iframe {
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     position: absolute;
}
embed, iframe, object, video {
     max-width: 100%;
}
.fixed-top {
     background-color: #fff;
     border-bottom: 1px solid #ecebeb;
     padding: 0px 2.5%;
}
.brand-img img {
     max-width: 250px;
     height: auto;
}
.sp-bottom-margin {
     margin-bottom: 100px;
}
/* Navigation */
/*a.nav-link {
     font-size: 18px;
     color: #101010 !important;
     font-weight: 500;
     padding-top: 0px !important;
     padding-bottom: 0px !important;
}
a.nav-link:hover {
    
     color: #ffc700 !important;
     font-weight: 500;
     padding-top: 0px !important;
     padding-bottom: 0px !important;
}
.navbar-nav .nav-link.active {
     color: #ffc700 !important;
     font-weight: 500;
     padding-top: 0px !important;
     padding-bottom: 0px !important;
}
a.nav-link.current {
     color: #ffc700 !important;
}
a.nav-link.dropdown-toggle.aboutus {
     color: #ffc700 !important;
}
.navpipe {
     color: #8f8f8f !important;
     padding: 0px 10px 0px 10px;
}
.navbar-toggler {
     border: none !important;
     border: 0 !important;
     outline: 0 !important;
     box-shadow: none !important;
}
a.nav-link.dropdown-toggle.currentmainnav {
     color: #ffc700 !important;
}
.collapsing {
     transition: 1s;
}*/
a.nav-link {
     color: #101010 !important;
     font-weight: 500;
     padding-top: 0px !important;
     padding-bottom: 0px !important;
}
a.nav-link:hover {
     color: #ffc700 !important;
     font-weight: 500;
     padding-top: 0px !important;
     padding-bottom: 0px !important;
}
.navbar-nav .nav-link.active {
     color: #ffc700 !important;
     font-weight: 500;
     padding-top: 0px !important;
     padding-bottom: 0px !important;
}
a.nav-link.current {
     color: #000000 !important;
     text-decoration: underline;
     text-decoration-color: #101010;
     text-underline-offset: 0.4em;
}
a.nav-link.dropdown-toggle.aboutus {
     color: #ffc700 !important;
}
.navpipe {
     color: #8f8f8f !important;
     padding: 0px 10px 0px 10px;
}
.navbar-toggler {
     border: none !important;
     border: 0 !important;
     outline: 0 !important;
     box-shadow: none !important;
}
a.nav-link.dropdown-toggle.currentmainnav {
     color: #000000 !important;
     text-decoration: underline;
     text-decoration-color: #101010;
     text-underline-offset: 0.4em;
}
.collapsing {
     transition: 1s;
}
@media (prefers-reduced-motion: reduce) {
     .collapsing {
          transition-property: height, visibility;
          transition-duration: .35s;
     }
}
/*.dropdown-submenu {
     position: relative;
}
.dropdown-submenu .dropdown-menu {
     top: 0;
     left: 100%;
     margin-top: -10px;
     margin-left: 0;
    
     display: none;
}
.dropdown-submenu .dropdown-menu.show {
     display: block;
}
.dropdown-submenu .dropdown-toggle::after {
     transform: rotate(-90deg);
}
ul.dropdown-menu.split-menu {
     -moz-columns: 2;
     -webkit-columns: 2;
     columns: 2;
     column-fill: auto;
     margin-top: -343px;
}
ul.dropdown-menu.mixed-use-menu {
     -moz-columns: 2;
     -webkit-columns: 2;
     columns: 2;
     column-fill: auto;
     margin-top: -340px;
}
ul.dropdown-menu.residential-menu {
     -moz-columns: 2;
     -webkit-columns: 2;
     columns: 2;
     column-fill: auto;
     margin-top: -274px;
}
#casestudies-nav-desktop-dropdown li a  {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}
*/
.dropdown-submenu {
     position: relative;
}
.dropdown-submenu .dropdown-menu {
     top: 0;
     left: 100%;
     margin-top: -10px;
     margin-left: 0;
     /* border-radius: 0.25rem;*/
     display: none;
}
.dropdown-submenu .dropdown-menu.show {
     display: block;
}
.dropdown-submenu .dropdown-toggle::after {
     transform: rotate(-90deg);
}
ul.dropdown-menu.split-menu {
     -moz-columns: 2;
     -webkit-columns: 2;
     columns: 2;
     column-fill: auto;
     margin-top: -316px;
}
ul.dropdown-menu.mixed-use-menu {
     -moz-columns: 2;
     -webkit-columns: 2;
     columns: 2;
     column-fill: auto;
     margin-top: -340px;
}
ul.dropdown-menu.residential-menu {
     -moz-columns: 2;
     -webkit-columns: 2;
     columns: 2;
     column-fill: auto;
     margin-top: -274px;
}
#casestudies-nav-desktop-dropdown li a {
     padding-top: 2px !important;
     padding-bottom: 2px !important;
}
/* Adds the pipe to every item except the first one */
.nav-item + .nav-item {
     border-left: 1px solid #8f8f8f; /* Pipe Color */
}
/* Adjusts the space between the text and the pipe */
.nav-link {
     padding-left: 15px !important;
     padding-right: 15px !important;
}
@media (min-width: 992px) {
     .dropdown-submenu:hover .dropdown-menu {
          display: block;
     }
}
/* Social media */
.top-bar-sm {
     position: fixed;
     z-index: 1031;
     right: 50px;
     top: 0;
     max-width: 400px;
     height: auto;
}
.top-bar-sm img {
     max-height: 20px; /* max-height: 18px;*/
}
.top-bar-sm a:hover {
     opacity: .50;
}
.sm-spacing {
     margin-left: 15px;
}
.top-bar-btn-spacing {
     margin-left: 30px;
}
a.top-bar-sm-icon-button:hover {
     opacity: 1.0 !important;
}
.search-link {
     color: #101010;
     text-decoration: underline;
}
.search-link:hover {
     color: #ffce1d;
     text-decoration: underline;
}
.search-block {
     padding-top: 5px;
}
.search-block a {
     color: #fff;
}
.search-block a:hover {
     color: #ffce1d;
}
i.bi.bi-search {
     color: #ffce1d;
     font-size: 20px;
     font-weight: 700;
}
.form-control {
     font-size: 15px;
     font-weight: 300;
     padding: 0px 0px 0px 30px;
}
.wpcf7-form-control {
     display: inline !important;
}
button#searchsubmit {
     background-color: transparent;
     border: none;
}
button#searchsubmit:hover {
     background-color: transparent;
     border: none;
}
.input-group > .form-control:focus, .input-group > .form-control textarea:focus, .input-group > .form-control select:focus {
     border-color: #f9f6a2;
     box-shadow: 0 0 1px #f9f6a2 inset;
}
.modal-backdrop {
     background-color: rgba(0, 0, 0, 0.4);
}
.modal-header {
     border: none;
}
a.list-group-item.list-group-item-action {
     /* max-width: 700px;*/
     font-family: "Manrope", sans-serif !important;
     font-weight: 300 !important;
     font-size: 18px !important;
     color: #101010 !important;
     line-height: 28px !important;
}
a.list-group-item.list-group-item-action:hover {
     color: #ffc700 !important;
}
.btn-primary {
     outline: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     background-color: #101010 !important;
     border-color: #101010 !important;
     border-radius: 0px !important;
     font-size: 18px !important;
     color: #fff !important;
     font-weight: 600;
     padding: 5px 30px !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:visited {
     background-color: #ffce1d !important;
     border-color: #ffce1d !important;
     color: #101010 !important;
     outline: none;
}
.btn-gold {
     outline: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     background-color: #ffce1d !important;
     border-color: #ffce1d !important;
     border-radius: 0px !important;
     font-size: 16px !important;
     color: #101010 !important;
     font-weight: 500;
     padding: 5px 30px !important;
}
.btn-gold:hover, .btn-gold:focus, .btn-gold:active, .btn-gold:visited {
     background-color: #101010 !important;
     border-color: #ffce1d !important;
     color: #ffce1d !important;
     outline: none;
     opacity: 1.0 !important;
}
.btn-case-studies {
     outline: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     background-color: #101010 !important;
     border-color: #101010 !important;
     border-radius: 0px !important;
     font-size: 14px !important;
     color: #fff !important;
     font-weight: 600;
     padding: 5px 20px !important;
}
.btn-case-studies:hover, .btn-case-studies:focus, .btn-case-studies:active, .btn-case-studies:visited {
     background-color: #ffc700 !important;
     border-color: #ffc700 !important;
     color: #101010 !important;
     outline: none;
}
/* Homepage carousel */
.homepage-slider {
     margin-top: 160px;
}
.hp-hero-captions {
     position: absolute;
     top: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
     left: 55%;
}
.carousel-caption-homepage-hero {
     margin-bottom: 50px;
}
p.hp-carousel-caption {
     font-size: 80px;
     line-height: 90px;
     color: #fff;
     font-weight: 700;
     margin-bottom: 0px;
}
.hp-carousel-caption-2 {
     font-size: 24px;
     padding-top: 20px;
     border-top: 2px solid #ffc700;
     font-weight: 700;
     color: #fff;
}
.hp-carousel-caption-2 span a {
     font-size: 18px;
     font-weight: 500;
     color: #ffc700;
     text-decoration: none;
}
.hp-carousel-caption-2-spacing {
     margin-left: 30px;
}
.carousel-caption-homepage-hero-2 {}
.hp-carousel-caption-2-mobile {
     text-align: center;
     color: #fff;
}
.hp-carousel-caption-2-mobile a {
     color: #ffc700;
     text-decoration: none;
}
.hp-carousel-caption-2-mobile a:hover {
     color: #ffc700;
     text-decoration: none;
}
.back-to-top {
     position: fixed;
     bottom: 80px;
     right: 10px;
     display: none;
     z-index: 200;
}
.btn-light {
     color: #fff;
     background-color: #ffc700;
     border-color: #ffc700;
}
.btn-light:hover {
     color: #ffc700;
     background-color: #f3dc89;
     border-color: #f3dc89;
}
/* HOMEPAGE */
/* Main Intro */
.main-text {
     padding: 100px 16% 72px 16% !important;
}
.main-text-title {
     margin-bottom: 16px;
     text-align: center;
}
.main-text-subtitle {
     font-size: 20px;
     line-height: 30px;
     font-weight: 600;
}
.main-text-button {
     text-align: center;
     margin-top: 36px;
}
/* Services */
.hp-outer-services {
     background-color: #f5f5f5;
     padding-top: 50px;
}
.hp-services {
     padding: 0px 2% 100px 2% !important;
}
.hp-services-row {
     margin-bottom: 72px;
}
.hp-service-block {
     padding-left: 3%;
     padding-right: 3%;
     position: relative;
}
.hp-service-block h2 {
     min-height: 80px;
}
.hp-service-description {
     min-height: 175px;
}
.hp-services-button {
     position: absolute;
     bottom: 0;
}
/* Our Work */
.work {
     padding: 100px 2% 100px 2% !important;
}
.work-description {
     min-height: 275px;
}
.work-block {
     position: relative;
}
.work-button {
     margin-top: 36px;
     position: absolute;
     bottom: 0;
}
/* News */
.outer-news {
     background-color: pink;
     background-image: url(../images/news-bkg.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
}
.news-left {
     min-height: 800px;
     display: flex;
     justify-content: center;
     flex-direction: column;
}
.news {
     padding-left: 5%;
     position: relative;
}
.news-right {}
.news-right a {
     font-size: 26px;
     font-weight: 600;
     color: #000;
     text-decoration: none;
     border-bottom: 3px solid #ffce1d;
}
.main-news-title {}
.main-news-feed {
     padding-right: 10%;
}
.all-news {
     position: absolute;
     z-index: 999;
     bottom: 100px;
     right: 40%
}
/* SECONDARY PAGE STYLES */
.secondary-page-hero-image {
     margin-top: 160px;
}
.secondary-page {
     margin-top: 160px;
}
.secondary-page-block-row {
     margin-bottom: 100px;
}
.main-text-secondary-page {
     padding: 72px 16% 36px 16% !important;
}
.image-left-text-column {
     background-color: #fff;
     display: flex;
     justify-content: center;
     flex-direction: column;
     text-align: left;
     padding-right: 15% !important;
     padding-left: 7%;
     min-height: 500px;
}
.image-left-text-column-double-bulletlist {
     background-color: #fff;
     display: flex;
     justify-content: center;
     flex-direction: column;
     text-align: left;
     padding-right: 10% !important;
     padding-left: 7%;
     min-height: 500px;
}
.image-column-left {
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
}
ul.bulletlist {
     margin: 0px 0px 0px 20px;
     padding: 0px 0px 24px 0px;
     font-size: 16px;
     line-height: 24px;
     list-style-image: url('../images/bullet.png');
}
ul.bulletlist li {
     margin: 0px 0px 10px 0px;
     padding: 0px 10% 0px 0px;
     vertical-align: top;
}
.pr-bulletlist {
     padding-right: 24px;
}
.secondary-page-callout {
     padding: 72px 16% 72px 16%;
}
.secondary-page-callout p {
     font-size: 22px;
     font-weight: 600;
}
.secondary-page-callout-two {
     padding: 72px 16% 72px 16%;
}
.secondary-page-callout-two p {
     font-size: 18px;
     color: #101010;
}
.last-row {
     padding-bottom: 50px;
}
.border-radius-image-left {
     border-radius: 0px 4px 4px 0px;
}
.border-radius-image-right {
     border-radius: 4px 0px 0px 4px;
}
/* KEY PROFESSIONALS */
.key-professional-row {
     margin-bottom: 36px;
}
.key-professional-block {
     padding-left: 20px;
     padding-right: 20px;
}
.key-professional-bio-image {
     position: relative;
}
.jker-overlay, .jfichter-overlay, .eballou-overlay, .pward-overlay, .agrover-overlay, .cbednarski-overlay, .dclelland-overlay, .epeeples-overlay, .jbattesh-overlay, .lfarrar-overlay, .mbancer-overlay, .mbuterick-overlay, .rhudak-overlay, .smusto-overlay, .ahopkin-overlay {
     display: none;
}
.kp-arrows {
     position: absolute;
     z-index: 10;
     bottom: 0px;
     right: 0;
}
.kp-arrows img {
     max-width: 60px;
     height: auto;
}
.jker-overlay, .jfichter-overlay, .eballou-overlay, .pward-overlay, .agrover-overlay, .cbednarski-overlay, .dclelland-overlay, .epeeples-overlay, .jbattesh-overlay, .lfarrar-overlay, .mbancer-overlay, .mbuterick-overlay, .rhudak-overlay, .smusto-overlay, .ahopkin-overlay {
     position: absolute;
     z-index: 9999;
     left: 0px;
     width: 100%;
     background-color: #ffce1d;
}
/* PROFESSIONAL LICENSURE */
/* SERVICES */
.services-row {
     margin-bottom: 100px;
     padding-left: 3%;
     padding-right: 3%;
}
.service-block {
     padding-left: 5%;
     padding-right: 5%;
     position: relative;
}
.service-block-img {
     margin-bottom: 24px;
}
.service-block-img img {
     border-radius: 4px;
}
.service-block h2 {
     min-height: 80px;
}
.service-description {
     min-height: 225px;
     margin-bottom: 24px;
}
.services-button {
     position: absolute;
     bottom: 0;
}
/* CASE STUDIES STYLES */
.container-case-studies {
     max-width: 1120px;
}
#mobile-select-case-study-category {
     display: none;
     margin: 0px auto 0px auto;
}
.mobileselect {
     background-color: #fafafa;
     border: 1px solid #1eaee6;
}
.insite-engineering-case-studies-container {
     text-align: center;
}
#case-studies-gallery-wrapper {
     width: 100%;
     height: auto;
     position: relative;
     background-color: #ffffff;
     padding-top: 24px;
     padding-bottom: 36px;
}
.portfolioContainer {
     height: auto;
}
.case-studies-intro-block {
     margin-bottom: 24px;
     text-align: center;
}
.case-studies-intro-block img {
     width: 97%;
     left: 3%;
}
.case-studies-intro-block h2 {
     font-family: 'Arimo', sans-serif;
     font-size: 24px;
     -webkit-text-stroke: 0px;
     margin: 18px 0px 0px 0px;
     line-height: 28px;
     text-align: center
}
.case-studies-button-spacing img {
     margin-right: 1%;
}
/**** Isotope filtering ****/
.csitem {
     height: auto; /* 355px */
     padding-bottom: 20px;
}
/* --- Start: Recommended Isotope styles --- */
.isotope-item {
     z-index: 2;
}
.isotope-hidden.isotope-item {
     pointer-events: none;
     z-index: 1;
}
/* --- Isotope CSS3 transitions --- */
.isotope, .isotope .isotope-item {
     -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
     -ms-transition-duration: 0.6s;
     -o-transition-duration: 0.6s;
     transition-duration: 0.6s;
}
.isotope {
     -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
     -ms-transition-property: height, width;
     -o-transition-property: height, width;
     transition-property: height, width;
}
.isotope .isotope-item {
     -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property: -moz-transform, opacity;
     -ms-transition-property: -ms-transform, opacity;
     -o-transition-property: top, left, opacity;
     transition-property: transform, opacity;
}
/* --- disabling Isotope CSS3 transitions --- */
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
     -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
     -ms-transition-duration: 0s;
     -o-transition-duration: 0s;
     transition-duration: 0s;
}
/* --- End: Recommended Isotope styles --- */
/* --- disable CSS transitions for containers with infinite scrolling --- */
.isotope.infinite-scrolling {
     -webkit-transition: none;
     -moz-transition: none;
     -ms-transition: none;
     -o-transition: none;
     transition: none;
}
/* ---- button-group ---- */
.button-group:after {
     content: '';
     display: block;
     clear: both;
}
.button-group .button {
     border-radius: 0;
     margin-right: 20px;
}
/* ---- button ---- */
.button {
     display: inline-block;
     padding: 1em 1.0em;
     background: #f7f7f7;
     border: 1px solid #e4e4e4;
     border-radius: 0;
     background-image: none;
     color: #3b3c3f;
     font-family: 'Arimo', sans-serif;
     font-weight: 700;
     font-size: 14px;
     cursor: pointer;
     margin-bottom: 7px;
}
.button:hover {
     background-color: #122757;
     color: #ffffff;
     border: none;
     border: 1px solid #122757;
}
.button:active, .button.is-checked {
     background-color: #122757;
     border: 1px solid #122757;
     outline: none;
}
.button.is-checked {
     color: white;
     border: 1px solid #122757;
     outline: none;
}
.button:active {
     outline: none;
}
/* ------------------------------------------ */
.case-studies-carousel-wrapper {
     width: 100%;
     height: auto;
     position: relative;
     display: block;
     text-align: center;
     background-color: #ffffff;
}
#case-studies-carousel {}
#case-studies-prevgallerylink {
     top: 0px;
     left: 3%;
     height: auto;
     position: absolute;
     z-index: 9999;
}
#case-studies-nextgallerylink {
     top: 0px;
     right: 3%;
     height: auto;
     position: absolute;
     z-index: 9999;
}
#case-studies-prevgallerylink img {
     margin-top: 445%;
     outline: none;
     border: none;
}
#case-studies-nextgallerylink img {
     margin-top: 445%;
     outline: none;
     border: none;
}
p.case-studies-gallery-caption-title {
     font-size: 16px;
     color: #ffc700;
     font-weight: 700;
}
.case-studies-buttons-row {
     max-width: 100%;
}
.case-study-img-row {
     margin-bottom: 2.5%;
}
.case-study-block-left {
     width: 100%;
     float: left;
}
.case-study-block-right {
     width: 100%;
     float: left;
}
.case-study-img-right {}
.main-text-case-studies {
     padding: 72px 16% 36px 16% !important;
}
.case-study-img h2 {
     font-size: 22px;
     -webkit-text-stroke: 0px;
     margin: 6px 0px 0px 0px;
     line-height: 28px;
     text-align: center
}
a.casestudylink, a.casestudylink:visited {
     color: #101010;
     text-decoration: none;
     outline: none;
     border: none;
}
a.casestudylink:hover, a.casestudylink:active {
     color: #ffc700;
     text-decoration: none;
     outline: none;
     border: none;
}
.case-study-title {
     min-height: 60px;
}
.case-study-list {
     margin-bottom: 100px;
}
.case-study-detail-list {
     margin-bottom: 100px;
}
.case-study-overview-list {
     margin-bottom: 100px;
}
.case-study-item {
     margin-bottom: 10px;
}
.case-study-detail-title {
     position: relative;
     margin-bottom: 16px;
     text-align: center;
}
.case-study-back {
     position: absolute;
     z-index: 1000;
     right: 0;
     top: -36px;
}
.case-study-back a {
     font-size: 14px;
     color: #101010;
     font-weight: 500;
     text-decoration: none;
}
.case-study-back a:hover {
     color: #ffc700;
}
ul.case-studies-details {
     -moz-columns: 4;
     -webkit-columns: 4;
     columns: 4;
     column-fill: auto;
     height: 300px;
     left: -700px;
}
ul.case-studies-details {
     -moz-columns: 3;
     -webkit-columns: 3;
     columns: 3;
     column-fill: auto;
     max-width: 700px;
     height: 300px;
     left: -300px;
}
.case-study-read-more-button {
     margin-top: 12px;
}
ul.bulletlist-case-study {
     margin: 0px 0px 0px 20px;
     padding: 0px 0px 24px 0px;
     font-size: 15px;
     line-height: 22px;
     list-style-type: none;
}
ul.bulletlist-case-study li {
     margin: 0px;
     padding: 0px 10% 0px 0px;
     vertical-align: top;
}
ul.bulletlist-case-study li a {
     color: #101010;
     text-decoration: underline;
}
ul.bulletlist-case-study li a:hover {
     color: #ffce1d;
     text-decoration: underline;
}
ul.bulletlist-case-study li::marker {
     content: "→ ";
     font-weight: 600;
     font-size: 22px;
     color: #ffce1d;
}
.cs-width {
     width: 600px;
}
.modal-backdrop {
     background-color: rgba(0, 0, 0, 0.4);
}
.modal-header {
     border: none;
}
/* END OF CASE STUDIES */
/* CONTACT US */
#label-contactfirstname {
     display: none;
}
#label-contactlastname {
     display: none;
}
#label-contactemail {
     display: none;
}
#label-contactorganization {
     display: none;
}
#label-contactmessage {
     display: none;
}
.form-section {
     padding: 0px 15% 20px 15%;
}
.submit-btn {
     display: inline-block;
     zoom: 1;
     outline: none;
     background: transparent;
     font-size: 20px !important;
     color: #000;
     font-weight: 500;
     padding: 1rem 3rem;
     text-align: center;
     -webkit-transition: .3s all ease;
     transition: .3s all ease;
     cursor: pointer;
     border: 2px solid #000;
     line-height: 1.5;
     margin: 0 0 2rem !important;
}
.submit-btn:hover, .submit-btn:focus, .submit-btn:active {
     display: inline-block;
     zoom: 1;
     outline: none;
     background: #000;
     font-size: 20px !important;
     color: #fff;
     font-weight: 500;
     padding: 1rem 3rem;
     text-align: center;
     -webkit-transition: .3s all ease;
     transition: .3s all ease;
     cursor: pointer;
     border: 2px solid #000;
     line-height: 1.5;
     margin: 0 0 2rem !important;
}
input.contact-consent-box {
     width: 20px;
     height: 20px;
     accent-color: #101010;
}
input.contact-input-box {
     width: 100%;
     height: 35px;
     background-color: #fff !important;
     background-image: none;
     background-repeat: repeat-x;
     box-shadow: none;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     border-radius: 0px;
     margin: 0 auto;
     display: block;
     border-top: none;
     border-left: none;
     border-right: none;
     border-bottom: 1px solid #ffce1d;
     outline: none;
     font-family: "Manrope", sans-serif;
     font-size: 16px;
     color: #101010;
     font-weight: 400;
}
textarea.contact-textarea-box {
     width: 100%;
     min-height: 50px;
     background-color: #fff !important;
     background-image: none;
     background-repeat: repeat-x;
     box-shadow: none;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     border-radius: 0px;
     margin: 0 auto;
     display: block;
     border-top: none;
     border-left: none;
     border-right: none;
     border-bottom: 1px solid #ffce1d;
     outline: none;
     font-family: "Manrope", sans-serif;
     font-size: 16px;
     color: #101010;
     font-weight: 500 !important;
}
.contactus-form-row {
     margin-bottom: 24px;
}
select {
     width: 100%;
     height: 35px !important;
     background-color: #fff !important;
     background-image: url('../images/select-arrow.jpg');
     background-repeat: no-repeat;
     background-position: right;
     border: none !important;
     border-bottom: 1px solid #ffce1d !important;
     padding-left: 2px;
     padding-right: 20px;
     box-shadow: none;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-appearance: none;
     -moz-appearance: none;
     text-indent: 1px;
     text-overflow: '';
     box-sizing: border-box;
     border-radius: 0px !important;
     font-family: "Manrope", sans-serif;
     font-size: 16px;
     color: #101010;
     font-weight: 400 !important;
     margin: 0 auto;
     cursor: pointer;
     display: block;
     outline: none !important;
}
select::-ms-expand {
     display: none;
}
option {
     font-family: "Manrope", sans-serif;
     font-size: 16px;
     color: #101010;
     font-weight: 400 !important;
     background-color: #fff !important;
}
.contactus-form-row-submit {
     margin-top: 20px;
     float: left;
     margin-left: 4px;
}
.row-submit {
     margin-top: 0px;
}
label {
     font-size: 14px;
     font-weight: 500;
     margin-top: 0px;
     margin: 0px 0px 0px 6%;
     cursor: default;
     color: #ffffff;
}
p.required-text-footnote {
     font-size: 13px;
     color: #000;
     line-height: 18px;
     font-weight: 300;
     margin-bottom: 24px;
}
.required-text {
     font-size: 11px;
     color: #ffffff;
}
.form-err {
     font-size: 14px;
     color: red;
     border: 1px solid red;
     padding: 0px 10px;
}
#alert {
     border: 1px solid red;
     font-size: 20px;
     display: none;
     margin: 15px 0 0;
}
.contactus-form-row-submit-footnote {
     display: none;
     margin-top: 7px;
}
input.contact-input-box::-webkit-input-placeholder, textarea.contact-textarea-box::-webkit-input-placeholder {
     font-family: "Manrope", sans-serif;
     font-size: 16px;
     color: #101010;
     font-weight: 400 !important;
     opacity: 1;
}
input.contact-input-box:-moz-placeholder, textarea.contact-textarea-box:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
     font-family: "Manrope", sans-serif;
     font-size: 16px;
     color: #101010;
     font-weight: 400 !important;
     opacity: 1;
}
input.contact-input-box::-moz-placeholder, textarea.contact-textarea-box::-moz-placeholder { /* Mozilla Firefox 19+ */
     font-family: "Manrope", sans-serif;
     font-size: 16px;
     color: #101010;
     font-weight: 400 !important;
     opacity: 1;
}
input.contact-input-box:-ms-input-placeholder, textarea.contact-textarea-box:-ms-input-placeholder { /* Internet Explorer 10+ */
     font-family: "Manrope", sans-serif;
     font-size: 16px;
     color: #101010;
     font-weight: 400 !important;
     opacity: 1;
}
input.signup::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Edge */
     font-family: "Manrope", sans-serif;
     font-size: 16px;
     color: #101010;
     font-weight: 400 !important;
     opacity: 1;
}
p.form-disclaimer {
     font-size: 13px;
     line-height: 20px;
     padding: 10px 0px 0px;
}
.form-control {
     border: none !important;
     outline: none !important;
     border-radius: 0;
}
label {
     margin-top: 12px;
}
.btn-submit, .btn-submit:visited {
     outline: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     background-color: #101010 !important;
     border-color: #101010 !important;
     border-radius: 0px !important;
     font-size: 18px !important;
     color: #fff !important;
     font-weight: 600;
     padding: 5px 30px !important;
}
.btn-submit:hover, .btn-submit:focus, .btn-submit:active, .btn-submit:visited {
     background-color: #ffce1d !important;
     border-color: #ffc700 !important;
     color: #101010 !important;
     outline: none;
}
.thank-you-logo-section {
     text-align: center;
     padding-top: 100px;
}
.thank-you-logo-section img {
     max-width: 500px;
     height: auto;
}
.thank-you-message-section {
     padding: 100px 0px;
     text-align: center;
}
.thank-you-message {
     padding: 0px 15% !important;
}
/* MAIN NEWS PAGE */
.main-text-news-overview {
     padding: 72px 16% 0px 16% !important;
}
.posts-page-content {}
.main-news-container {
     margin-bottom: 50px;
}
.news-article-overview {
     padding-left: 2.5%;
     padding-right: 2.5%;
}
.news-overview-article-info {
     padding: 24px 5% 0px 5%;
}
.wp-post-image {
     width: 100%;
     height: auto;
     border-radius: 5px;
}
time.updated {
     display: none;
}
time.entry-date.published {
     font-size: 16px;
     background-color: #ffc700;
     color: #101010;
     padding: 2px 5px;
}
.text-muted {
     color: #ffc700 !important;
     font-weight: 500 !important;
     font-size: 14px !important;
}
.news-overview-title a {
     color: #101010;
     text-decoration: none;
     line-height: 1.2;
     font-weight: 700 !important;
}
.news-overview-read-more-button {
     margin-top: 36px;
}
/* SINGLE NEWS ARTICLE */
.border-bottom {
     display: none;
}
.news-overview-title {
     margin-bottom: 36px;
}
.news-overview-title h2 {
     line-height: 1.2;
}
.news-article-thumb img {
     width: 100%;
     object-position: center;
     margin-top: 160px;
     border-radius: 0px !important;
     max-height: 600px;
     object-fit: scale-down;
}
.news-article-content-section {
     padding: 12px 19% 0px 19%;
}
.news-article-content {
     padding-left: 10px;
}
.single-news-prev {
     text-align: right;
     padding-right: 20px;
}
.single-news-next {
     text-align: left;
     padding-left: 20px;
}
.btn-news-article {
     margin-bottom: 6px;
}
.single-news-next-right {
     border: 1px solid #d6d7d8;
     padding: 10px 20px;
}
.single-news-prev-left {
     border: 1px solid #d6d7d8;
     padding: 10px 20px;
}
i.bi.bi-arrow-right, i.bi.bi-arrow-left {
     color: #151515;
}
.single-news-next-right a {
     color: #151515;
}
.single-news-next-right a:hover {
     color: #ffc700;
}
.single-news-next-right a:actve {
     color: #ffc700;
}
.single-news-prev-left a {
     color: #151515;
}
.single-news-prev-left a:hover {
     color: #ffc700;
}
.single-news-prev-left a:actve {
     color: #ffc700;
}
button.btn.btn-news-article.btn-md {
     border: 0 !important;
     border: none !important;
     outline: none !important;
}
.news-article-back {
     padding-left: 12px;
     text-align: right;
}
.news-article-back a {
     font-size: 16px;
     color: #151515;
     text-decoration: none;
}
.news-article-back a:hover {
     color: #003777;
}
.news-paragraph-link a {
     color: #101010;
     text-decoration: none;
     font-weight: 500;
}
.news-paragraph-link a:hover {
     color: #ffc700;
     text-decoration: none;
     font-weight: 500;
}
.pagination .page-link {
     color: #101010;
     background-color: #fff;
     border-color: #dee2e6;
     outline: none !important;
     box-shadow: none !important;
}
.page-item.active .page-link {
     color: #fff !important;
     background-color: #ffc700 !important;
     border-color: #ffc700 !important;
     outline: none !important;
     box-shadow: none !important;
}
.pagination .page-link:hover {
     color: #fff;
     background-color: #101010;
     border-color: #101010;
     outline: none !important;
     box-shadow: none !important;
}
p#breadcrumbs {
     font-size: 14px;
     color: #101010;
     font-weight: 300;
}
p#breadcrumbs span a {
     font-size: 14px;
     color: #101010;
     font-weight: 300;
     text-decoration: none;
}
p#breadcrumbs span a:hover {
     font-size: 14px;
     color: #ffc700;
     text-decoration: none;
}
span.breadcrumb_last {
     font-size: 14px;
     color: #101010;
     font-weight: 600;
}
#breadcrumbs > span > span::after {
	content: " \279C" !important; 
    color: #ffce1d !important; 

}
#breadcrumbs > span > span.breadcrumb_last::after {
	content: " " !important; 
    

}
.section-gold-intro {
	font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #000;
    background-color: #ffce1d;
    display: inline-block;
    padding: .5rem 1rem;
    margin-top: .5rem;
}
/* COOKIES POPUP */
.cookie-banner {
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     background-color: #333;
     color: #fff;
     text-align: center;
     padding: 15px;
     z-index: 1000;
     display: none;
     opacity: 0;
     transform: translateY(20px);
     transition: opacity 0.4s ease, transform 0.4s ease;
     align-items: center;
     justify-content: center;
     gap: 12px;
     box-sizing: border-box;
}
.cookie-banner.visible {
     display: flex;
     opacity: 1;
     transform: translateY(0);
}
.cookie-banner.hidden {
     opacity: 0;
     transform: translateY(20px);
     pointer-events: none;
}
.cookie-banner button {
     background-color: #ffc700;
     color: #101010;
     border: none;
     padding: 10px 20px;
     cursor: pointer;
}
.cookie-banner button:hover {
     background-color: #ffc700;
}
.cookie-banner a {
     color: #fff;
}
.cookie-banner a:hover {
     color: #fff;
}
.cookie-banner p {
     padding-top: 1rem;
}
/* FOOTER */
.footer-bkg-outer-insite-engineering {
     background-color: #101010;
     padding-top: 50px !important;
     padding-bottom: 50px !important;
     min-height: 250px;
}
.footer-col-title {
     font-size: 22px;
     color: #ffc700;
     font-weight: 600;
     text-align: left;
}
p.footertext a {
     color: #fff;
     text-decoration: none;
}
p.footer-location {
     font-size: 15px;
     line-height: 20px;
     color: #fff;
     text-align: left;
}
.footer-location-marker {
     padding-right: 2px;
     margin-left: -12px;
}
.footer-col3 {
     border-left: 0px solid #4c4c4c;
     padding-left: 52px;
}
.footer-col4 {
     border-left: 1px solid #4c4c4c;
     padding-left: 44px;
}
.footer-col5 {
     border-left: 1px solid #4c4c4c;
     padding-left: 36px;
}
.footer-row {}
.footer-section {
     margin-bottom: 0px;
}
.footer-section-last {
     margin-bottom: 0px;
}
.footer-col-right-border {
     border-right: 1px solid #4c4c4c;
}
.footer-logo {
     margin-bottom: 36px;
}
.footer-logo img {
     max-width: 130px;
     height: auto;
}
.footer-insite-engineering {
     min-height: 250px;
     padding-top: 50px !important;
     padding-bottom: 50px !important;
     background-color: #101010;
}
.footer-logo-nav-col {
     display: flex;
     padding-left: 12px;
}
ul.footer-navigation {
     text-align: left;
     padding-left: 54px;
}
ul.footer-navigation li {
     list-style-type: none;
}
ul.footer-navigation li a {
     font-size: 15px;
     line-height: 20px;
     color: #fff;
     text-decoration: none;
}
ul.footer-navigation li a:hover {
     color: #ffc700;
}
.currentfooterlink {
     color: #ffc700 !important;
}
.footer-section-logo {
     padding-top: 5.5%;
     display: flex;
     justify-content: center;
     flex-direction: column;
}
.footer-section {
     padding-left: 3.5%;
}
.footer-section-last {
     padding-left: 3%;
}
.footer-logo-section {
     padding-left: 0px;
     display: flex;
     justify-content: center;
     flex-direction: column;
}
p.footer-col-header {
     font-size: 22px;
     color: #ffc700;
     font-weight: 600;
     text-align: left;
}
p.footer-location {
     font-size: 15px;
     line-height: 20px;
     color: #fff;
     text-align: left;
}
p.footer-location a {
     color: #fff;
     text-decoration: none;
}
p.footer-location a:hover {
     color: #fff;
     text-decoration: none;
}
.footer-location-marker {
     padding-right: 2px;
     margin-left: -12px;
}
p.footer-phone {
     text-align: left;
     font-size: 15px;
     line-height: 20px;
     font-weight: 500;
     text-decoration: none;
     color: #fff;
}
p.footer-phone a {
     color: #fff;
     text-decoration: none;
}
p.footer-phone a:hover {
     color: #fff;
}
p.footer-email {
     text-align: left;
     font-size: 15px;
     line-height: 20px;
     font-weight: 500;
     text-decoration: none;
     color: #fff;
}
p.footer-email a {
     color: #fff;
     text-decoration: none;
}
p.footer-email a:hover {
     color: #ffc700;
}
p.footer-social-media-icons {
     text-align: left;
}
p.footer-social-media-icons img {
     max-height: 20px;
}
p.footer-social-media-icons a:hover {
     opacity: .50;
}
.footer-insite-surveying-logo-row {
     text-align: center;
     padding: 36px 0px;
}
.footer-insite-surveying-logo-row img {
     max-width: 145px;
     height: auto;
}
p.insite-surveying-link {
     padding: 12px 0px 0px 0px;
     margin-bottom: 0px;
}
p.insite-surveying-link a {
     font-size: 14px;
     color: #ffc700;
     font-weight: 400;
}
p.insite-surveying-link a:hover {
     color: #fff;
}
.footer-copyright-row {
     text-align: center;
     /*margin-top: 100px;*/
     border-top: 1px solid #4c4c4c;
}
.footer-copyright-col {}
p.copyright {
     font-size: 13px;
     line-height: 18px;
     color: #fff;
     padding-top: 30px;
     font-weight: 300;
}
p.copyright a {
     font-size: 13px;
     line-height: 16px;
     color: #fff;
     text-decoration: none;
}
p.copyright a:hover {
     color: #ffc700;
     text-decoration: none;
}
.second-footer-links span {
     padding: 0px 10px 5px 10px;
     color: #ffc700;
}
.second-footer {
     border-top: 1px solid #4c4c4c;
}
.second-footer-links {
     /*padding-top: 30px;*/
     color: #fff;
}
.second-footer-links a {
     font-size: 13px;
     line-height: 16px;
     color: #fff;
     text-decoration: none;
}
.second-footer-links a:hover {
     color: #ffc700;
     text-decoration: none;
}
a.content-link {
     color: #101010;
     text-decoration: none;
}
a.content-link:hover {
     color: #ffce1d;
     text-decoration: none;
}
.cd-top {
     display: inline-block;
     height: 40px;
     width: 40px;
     position: fixed;
     bottom: 40px;
     right: 10px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
     overflow: hidden;
     text-indent: 100%;
     white-space: nowrap;
     background: rgba(255, 199, 0, 0.8) url(../../images/cd-top-arrow.svg) no-repeat center 50%;
     visibility: hidden;
     opacity: 0;
     -webkit-transition: opacity .3s 0s, visibility 0s .3s;
     -moz-transition: opacity .3s 0s, visibility 0s .3s;
     transition: opacity .3s 0s, visibility 0s .3s;
     z-index: 1010;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
     -webkit-transition: opacity .3s 0s, visibility 0s 0s;
     -moz-transition: opacity .3s 0s, visibility 0s 0s;
     transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
     /* the button becomes visible */
     visibility: visible;
     opacity: 1;
}
.cd-top.cd-fade-out {
     /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
     opacity: .5;
}
.no-touch .cd-top:hover {
     background-color: #ffc700;
     opacity: 1;
}
@media (min-width: 1921px) {}
@media (max-width: 1500px) {}
@media (max-width:1400px) {
     .key-professional-bio h3 {
          font-size: 1.2rem;
     }
     .key-professional-bio p {
          font-size: 16px;
     }
}
@media (max-width: 1350px) {
     p.footer-col-header {
          font-size: 20px;
     }
}
@media (max-width: 1300px) {
     #casestudies-nav-desktop-dropdown {
          left: -100px;
     }
     a.nav-link {
          font-size: 16px;
     }
     a.nav-link:hover {
          font-size: 16px;
     }
     a.dropdown-item {
          font-size: 16px !important;
     }
     .navpipe {
          padding: 0px 5px 0px 5px;
     }
     .news-article-back {
          padding-left: 0px;
     }
     .news-article-back a {
          font-size: 12px;
     }
     .news-article-content {
          padding-right: 10px;
     }
     .footer-col-title {
          font-size: 18px;
     }
}
@media (max-width: 1199px) {
     ul.case-studies-details {
          -moz-columns: 3;
          -webkit-columns: 3;
          columns: 3;
          column-fill: auto;
          height: 300px;
          left: -300px;
     }
     .hp-carousel-caption-2 {
          font-size: 20px;
     }
     .hp-carousel-caption-2 span a {
          font-size: 16px;
     }
     .work-description {
          min-height: 375px;
     }
     .key-professional-block {
          padding-left: 5px;
          padding-right: 5px;
     }
     .key-professional-bio h3 {
          font-size: 1.1rem;
     }
     .key-professional-bio p {
          font-size: 15px;
     }
     .service-description {
          min-height: 275px;
     }
     .footer-section {
          padding-left: 2.3%;
     }
     .footer-section-last {
          padding-left: 1.5%;
     }
     p.footer-col-header {
          font-size: 18px;
     }
     .footer-logo img {
          max-width: 125px;
     }
     ul.footer-navigation li a {
          font-size: 14px;
          line-height: 18px;
     }
     p.footer-location {
          font-size: 14px;
          line-height: 18px;
     }
     .footer-col-title {
          font-size: 16px;
     }
     .footer-col3 {
          padding-left: 24px;
     }
     .footer-col4 {
          padding-left: 12px;
     }
     .footer-col5 {
          padding-left: 12px;
     }
}
@media (max-width: 1100px) {
     a.nav-link {
          font-size: 14px;
     }
     a.nav-link:hover {
          font-size: 14px;
     }
     a.dropdown-item {
          font-size: 14px !important;
     }
     .navpipe {
          padding: 0px 2px 0px 2px;
     }
}
@media (max-width: 1023px) {
     .service-description {
          min-height: 300px;
     }
}
@media (max-width: 991px) {
     #casestudies-nav-desktop {
          display: none;
     }
     #casestudies-nav-mobile {
          display: block;
     }
     .fixed-top {
          padding: 0px;
     }
     .brand-img img {
          padding-left: 15%;
     }
     .navpipe {
          display: none;
     }
     .navbar-collapse {
          padding-bottom: 5px;
          background-color: #101010;
     }
     a.nav-link {
          padding-top: 5px !important;
          padding-bottom: 5px !important;
     }
     a.nav-link:hover {
          padding-top: 5px !important;
          padding-bottom: 5px !important;
     }
     a.nav-link {
          color: #fff !important;
          font-weight: 500;
     }
     a.nav-link:hover, a.nav-link:focus {
          color: #fff !important;
          font-weight: 500;
     }
     .navbar-nav .nav-link.active {
          color: #ffc700 !important;
     }
     a.nav-link {
          font-size: 18px;
     }
     a.nav-link:hover {
          font-size: 18px;
     }
     a.dropdown-item {
          font-size: 18px;
     }
     ul.dropdown-menu.show {
          text-align: center;
          transform: translateY(-10px);
          transition: all .5s;
     }
     ul.dropdown-menu.case-studies-details.show a.dropdown-item {
          padding: 0px 0px 0px 20px;
     }
     ul.dropdown-menu.case-studies-details.show {
          text-align: left;
     }
     /*  ul.case-studies-details {
          -moz-columns: 2;
          -webkit-columns: 2;
          columns: 2;
          column-fill: auto;
          max-width: 500px;
          height: 300px;
          text-align: center;
          margin: 0px auto;
     }*/
     .cs-width {
          top: 100px;
     }
     .unclickable-parent {
          pointer-events: auto;
          cursor: pointer;
     }
     a.dropdown-item {
          padding-top: 0px;
          padding-bottom: 0px;
     }
     .dropdown-submenu .dropdown-menu {
          text-align: center !important;
     }
     .homepage-slider {
          margin-top: 138px;
     }
     .carousel-caption-homepage-hero {
          left: 0;
          right: 0;
          margin-left: auto;
          margin-right: auto;
          text-align: center;
     }
     p.hp-carousel-caption {
          font-size: 60px;
          line-height: 70px;
     }
     .carousel-caption-homepage-hero-2 {
          display: none;
     }
     .carousel-caption-homepage-hero-2-mobile {
          display: block;
          margin-top: -6px;
     }
     .hp-hero-captions {
          position: absolute;
          top: 20%;
          left: 0;
          right: 0;
          margin-left: auto;
          margin-right: auto;
          text-align: center;
          transform: none;
     }
     .hp-carousel-caption-2-mobile {
          font-size: 18px;
          line-height: 24px;
     }
     .hp-carousel-caption-2-mobile span a {
          font-size: 16px;
     }
     .sp-bottom-margin {
          margin-bottom: 0px;
     }
     .secondary-page-hero-image {
          margin-top: 138px;
     }
     .hp-services {
          padding: 0px 2% 50px 5% !important;
     }
     .hp-services-row {
          margin-bottom: 0px;
     }
     .hp-service-block {
          margin-bottom: 36px;
     }
     .hp-service-description {
          padding-right: 0px;
          min-height: 75px;
     }
     .hp-services-button {
          position: relative;
     }
     .work-description {
          min-height: 275px;
     }
     .main-text-secondary-page {}
     .image-column-left {
          min-height: 300px;
     }
     .image-left-text-column {
          min-height: 300px;
          padding: 50px 12% 50px 12% !important;
     }
     .image-left-text-column-double-bulletlist {
          min-height: 300px;
          padding: 50px 12% 50px 12% !important;
     }
     .secondary-page-block-row {
          margin-bottom: 0px;
     }
     ul.bulletlist {
          margin-left: 0px;
          list-style-type: none;
          list-style-image: none;
     }
     ul.bulletlist li {
          padding-right: 0px;
     }
     .key-professional-bio h3 {
          font-size: 1.5rem;
     }
     .key-professional-bio p {
          font-size: 18px;
     }
     .secondary-page-callout {
          text-align: center;
     }
     .last-row {
          padding-bottom: 0px;
     }
     .main-text-secondary-page {
          padding: 72px 12% 36px 12% !important;
     }
     .case-study-overview-list {
          margin-bottom: 50px;
     }
     .services-row {
          margin-bottom: 50px;
     }
     .service-block {
          margin-bottom: 50px;
     }
     .service-block h2 {
          min-height: 50px;
     }
     .service-description {
          min-height: 175px;
     }
     .contactus-form-row {
          margin-bottom: 0px;
     }
     .form-block-row-left {
          margin-bottom: 24px;
     }
     .form-block-row-right {
          margin-bottom: 24px;
     }
     p.form-disclaimer {
          padding-top: 24px;
     }
     .footer-logo-nav-col {
          display: block;
          padding-top: 0px;
     }
     .footer-col-right-border {
          border-right: 0px solid #4c4c4c;
     }
     .footer-logo {
          margin-bottom: 24px;
          text-align: center;
     }
     .footer-logo img {
          max-width: 125px;
          height: auto;
     }
     .footer-section {
          padding-left: 0px;
          margin-top: 24px;
     }
     .footer-section-last {
          padding-left: 0px;
          margin-top: 24px;
     }
     p.footer-location {
          text-align: center;
     }
     p.footer-col-header {
          text-align: center;
     }
     p.footer-phone {
          text-align: center;
     }
     p.footer-email {
          text-align: center;
     }
     ul.footer-navigation {
          text-align: center;
          padding-left: 0px;
     }
     ul.footer-navigation li a {
          font-size: 16px;
          line-height: 20px;
     }
     p.footer-social-media-icons {
          text-align: center;
     }
     .footer-col-title {
          margin-top: 24px;
          margin-bottom: 7px;
          text-align: center;
     }
     .second-footer {
          text-align: center;
     }
     .footer-col3 {
          border-left: 0px solid #4c4c4c;
     }
     .footer-col4 {
          border-left: 0px solid #4c4c4c;
     }
     .footer-col5 {
          border-left: 0px solid #4c4c4c;
     }
}
@media (max-width: 850px) {}
@media (min-width:992px) {
     .navbar-nav .nav-link {
          cursor: pointer;
     }
     .unclickable-parent {
          pointer-events: none;
          cursor: default;
     }
     .dropend .dropdown-toggle {
          margin-left: 1em;
     }
     .dropdown .dropdown-menu {
          display: none;
     }
     .dropdown:hover > .dropdown-menu, .dropend:hover > .dropdown-menu {
          display: block;
     }
     .navbar-expand-md .navbar-nav .dropdown-menu {
          left: 0;
     }
     ul.dropdown-menu.dropdown-submenu.depth_1 {
          left: 40%;
     }
     ul.dropdown-menu.dropdown-submenu.depth_1:hover {
          left: 40%;
     }
     ul.dropdown-menu {
          border: none;
          border-radius: 0;
          padding: 10px 0px 10px 0px;
          box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
     }
     ul.dropdown-menu li {
          border-bottom: 1px solid #ecf4f5;
     }
     ul.dropdown-menu li:last-child {
          border-bottom: 0px solid #ecf4f5;
     }
     ul.dropdown-menu li a {
          color: #000;
          font-weight: 500;
     }
     ul.dropdown-menu li a:hover, ul.dropdown-menu li a:focus, ul.dropdown-menu li a:active, ul.dropdown-menu li a:visited {
          color: #000;
          font-weight: 500;
     }
     ul.dropdown-menu li:hover {
          background-color: #ffce1d;
     }
     a.dropdown-item:hover {
          background-color: #ffce1d !important;
     }
     .dropdown:hover > .dropdown-menu {
          display: block;
     }
     .dropdown-submenu:hover > .dropdown-menu {
          display: block;
     }
}
@media (max-width: 767px) {
     .work-description {
          min-height: 200px;
     }
     .service-description {
          min-height: 200px;
     }
     .cs-width {
          width: 550px;
     }
}
@media (max-width: 700px) {}
@media (max-width: 600px) {
     .fixed-top {
          padding-top: 62px; /* 40px */
     }
     .top-bar-sm {
          top: 20px;
          /*right: 120px;*/
          right: 20px;
     }
     .top-bar-btn-spacing {
          margin-left: 10px;
     }
     ul.case-studies-details {
          max-height: 800px;
     }
     .breadcrumbs-no-hero {
          padding-top: 36px;
     }
     .homepage-slider {
          margin-top: 178px;
     }
     p.hp-carousel-caption {
          font-size: 40px;
          line-height: 50px;
     }
     .hp-carousel-caption-2-spacing {
          margin-left: 10px;
     }
     h1 {
          font-size: 2.75rem;
          line-height: 50px;
          font-weight: 700;
     }
     h2 {
          font-size: 1.3rem;
          line-height: 24px;
          font-weight: 600;
     }
     .main-text {
          padding: 50px 5% 100px 5% !important;
          text-align: center;
     }
     .work-description {
          min-height: 250px;
     }
     .secondary-page-hero-image {
          margin-top: 200px;
     }
     .service-description {
          min-height: 250px;
     }
     .breadcrumbs {
          padding-left: 5%;
          padding-top: 36px;
     }
     ul.bulletlist-case-study {
          font-size: 14px;
          line-height: 20px;
     }
     .cs-width {
          width: 575px;
     }
     ul.dropdown-menu.case-studies-details.show {
          max-height: 200px;
          overflow-y: scroll;
     }
     a.nav-link {
          padding-top: 4px !important;
          padding-bottom: 4px !important;
     }
     a.nav-link:hover {
          padding-top: 4px !important;
          padding-bottom: 4px !important;
     }
}
@media (min-width: 576px) {
     .cs-width {
          width: 500px;
     }
}
@media (max-width: 550px) {
     .service-description {
          min-height: 275px;
     }
     .cs-width {
          width: 475px;
     }
}
@media (max-width: 500px) {
     .cs-width {
          width: 450px;
     }
}
@media (max-width: 450px) {
     .cs-width {
          width: 400px;
     }
}
@media (max-width: 400px) {
     .top-bar-sm {
          right: 40px;
     }
     .hp-carousel-caption-2-mobile {
          font-size: 16px;
          line-height: 24px;
     }
     .hp-carousel-caption-2-mobile span a {
          font-size: 14px;
     }
     .work-description {
          min-height: 300px;
     }
     .service-description {
          min-height: 325px;
     }
     .cs-width {
          width: 350px;
     }
}
@media (max-width: 350px) {
     .top-bar-sm {
          right: 30px;
     }
     .brand-img img {
          max-width: 190px;
     }
     .homepage-slider {
          margin-top: 168px;
     }
     .secondary-page-hero-image {
          margin-top: 171px;
     }
}
@media (max-width: 991px) {
     .dropdown-submenu {
          position: relative;
     }
     .dropdown-submenu .dropdown-menu.show {
          margin-top: 10px;
          border: none;
          background-color: #ffce1d !important;
     }
     .ul.dropdown-menu.show:hover {
          margin-top: 10px;
          border: none;
          background-color: #ffce1d !important;
     }
     .dropdown-item:hover {
          background-color: #ffce1d !important;
     }
}