@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600');
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf) format('truetype');
}
.loader-wrap {
  position: relative;
  left: 0;
  right: 0;
  top: 140px;
}
.loader-wrap .lead {
  color: #5b7599;
}
.settings-loader {
  position: relative;
}
.settings-loader #tout {
  margin-top: 60px;
}
.settings-loader .second {
  background: url(../../images/gdw-logo.png) #fff;
  background-size: contain;
}
.navbar {
  min-height: 55px;
}
.navbar-default {
  background-color: #fff;
  border-color: transparent;
}
.navbar-default .navbar-brand {
  color: #000;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #000000;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #000;
}
.navbar-default .navbar-nav > li > a {
  color: #000;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #eeeeee;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: white;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ccc;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #eeeeee;
  color: #555;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #000;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #eeeeee;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #000;
}
.navbar-default .navbar-link:hover {
  color: #000;
}
.social-links {
  overflow: hidden;
}
.social-links .facebook {
  background-image: url('/images/social/facebook-white.svg');
}
.social-links .blog {
  background-image: url('/images/social/blogger-white.svg');
}
.social-links .bing {
  background-image: url('/images/social/bing-white.svg');
}
.social-links .twitter {
  background-image: url('/images/social/twitter-white.svg');
}
.social-links .googleplus {
  background-image: url('/images/social/googleplus-white.svg');
}
.social-links .instagram {
  background-image: url('/images/social/instagram-white.svg');
}
.social-links .linkedin {
  background-image: url('/images/social/linkedin-white.svg');
}
.social-links .pinterest {
  background-image: url('/images/social/pinterest-white.svg');
}
.social-links .youtube {
  background-image: url('/images/social/youtube-white.svg');
}
.social-links .yelp {
  background-image: url('/images/social/yelp-white.svg');
}
.social-links .yahoo {
  background-image: url('/images/social/yahoo-white.svg');
}
.social-links .foursquare {
  background-image: url('/images/social/foursquare-white.svg');
}
.social-links .angiesList {
  background-image: url('/images/social/angieslist-white.svg');
}
.social-links .wechat {
  background-image: url('/images/social/wechat-white.svg');
}
.social-links .whatsapp {
  background-image: url('/images/social/whatsapp-white.svg');
}
.social-links .tiktok {
  background-image: url('/images/social/tiktok-white.svg');
}
:root {
  --brand-primary-tint: color-mix(in srgb, var(--brand-primary) 85%, white);
  --brand-secondary-tint: color-mix(in srgb, var(--brand-secondary) 15%, white);
  --brand-accent-1-tint: color-mix(in srgb, var(--brand-accent-1) 80%, white);
  --brand-accent-2-tint: color-mix(in srgb, var(--brand-accent-2) 15%, white);
  --brand-primary-shade: color-mix(in srgb, var(--brand-primary) 85%, black);
  --brand-secondary-shade: color-mix(in srgb, var(--brand-secondary) 85%, black);
  --brand-accent-1-shade: color-mix(in srgb, var(--brand-accent-1) 85%, black);
  --brand-accent-2-shade: color-mix(in srgb, var(--brand-accent-2) 85%, black);
}
.theme-bg-dk {
  background: #404041;
  fill: #404041;
}
.theme-bg-med {
  background: #6E6D70;
  fill: #6E6D70;
}
.theme-bg-light {
  background: #E0E8CF;
  fill: #E0E8CF;
}
.theme-color-dk {
  color: #404041;
}
.theme-color-med {
  color: #6E6D70;
}
.theme-color-light {
  color: #fff;
}
.theme-cta-color {
  color: #fff;
}
.theme-cta-bg {
  background: #708059;
  fill: #708059;
}
.theme-border-dk {
  border-color: #404041;
}
.theme-border-med {
  border-color: #6E6D70;
}
.theme-border-light {
  border-color: #E0E8CF;
}
.theme-border-cta {
  border-color: #708059;
}
a:hover .theme-hover-dk {
  background: #404041;
  fill: #404041;
}
a:hover .theme-hover-med {
  background: #6E6D70;
  fill: #6E6D70;
}
a:hover .theme-hover-light {
  background: #E0E8CF;
  fill: #E0E8CF;
}
a:hover .theme-hover-color-dk {
  color: #404041;
}
a:hover .theme-hover-color-med {
  color: #6E6D70;
}
a:hover .theme-hover-color-light {
  color: #E0E8CF;
}
a:hover .theme-hover-cta-color {
  color: #708059;
}
a:hover .theme-hover-cta-bg {
  background: #fff;
  fill: #fff;
}
a:hover .theme-hover-border-dk {
  border-color: #404041;
}
a:hover .theme-hover-border-med {
  border-color: #6E6D70;
}
a:hover .theme-hover-border-light {
  border-color: #E0E8CF;
}
a:hover .theme-hover-border-cta {
  border-color: #708059;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Poppins', sans-serif, sans-serif;
}
/*=== fonts & reusable styles ==*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Poppins', sans-serif;
}
#main h1 {
  font-size: 1.8em;
  margin: 30px 0 20px;
}
#main h2 {
  margin: 20px 0 10px;
  font-size: 1.7em;
}
#main h3 {
  margin: 20px 0 10px;
  font-size: 1.5em;
}
#main h4,
#main h5,
#main h6 {
  font-size: 1.5em;
}
a {
  color: #000;
}
a:hover {
  color: #1a1a1a;
}
/*=== header ==*/
#branding {
  padding: 20px 0;
}
#branding .row {
  display: flex !important;
  align-items: center;
  min-height: 100px;
}
#branding .row .col-right {
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
}
#branding .site-title {
  margin: 30px 15px 5px;
  font-size: 2.5em;
  font-weight: 600;
}
#branding .slogan {
  margin: 0 15px;
  font-size: 1.5em;
  font-weight: 600;
}
#branding .phone-number {
  font-size: 2em;
}
#branding .phone-number a {
  font-weight: bold;
  color: var(--brand-primary, #708059);
  text-decoration: none;
}
#branding .slogan2 {
  display: none;
}
#branding .social-links {
  height: 35px;
}
#branding .social-links a {
  background-color: var(--brand-secondary, #E0E8CF);
  border-radius: 50%;
}
#branding .social-links a:hover {
  background-color: var(--brand-primary, #708059);
}
#branding .make-an-appt {
  display: none;
}
#banner-wrap {
  display: none;
}
#custom-banner-wrap {
  display: none;
}
#custom-bottom-banner-wrap {
  display: none!important;
}
#slider-wrap {
  display: none;
}
#breadcrumbs-wrap {
  padding: 5px 0;
}
#gpw-main-menu > ul {
  padding: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.homepage #main-wrap .page-title {
  margin-top: 60px;
  font-weight: 600;
  font-size: 2em;
}
.homepage #main-wrap .page-title:before {
  height: 5px;
  width: 180px;
  background-color: var(--brand-primary, #708059);
  content: "";
  position: relative;
  display: block;
  margin-bottom: 30px;
}
.homepage #main-wrap p,
.homepage #main-wrap ul > li > a {
  color: #6E6D70;
}
.homepage #main-wrap #main {
  padding-bottom: 40px;
}
.homepage #main-wrap #main p {
  text-align: left;
}
.theme-btn {
  display: inline-block;
  padding: 30px 0 10px;
  text-transform: uppercase;
  width: auto;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  margin-top: 15px;
  border-radius: 0;
}
.theme-btn:hover {
  color: var(--brand-primary, #708059);
  background: transparent;
}
.animate-bar {
  height: 5px;
  background: var(--brand-primary, #708059);
  margin-bottom: 10px;
}
.homepage #theme-custom-banner {
  display: block;
  height: auto;
}
.homepage #theme-custom-banner .banner-container {
  position: relative;
  background-color: var(--brand-primary-shade, #3b442f);
}
.homepage #theme-custom-banner .banner-container .banner-text {
  font-weight: 600;
  color: #fff;
}
.homepage #theme-custom-banner .banner-container .banner-text .banner-intro {
  font-size: 2.2em;
}
.homepage #theme-custom-banner .banner-container .banner-text .appt-btn {
  color: var(--brand-primary-tint, #d6ddce);
  font-size: 1.8em;
  font-family: 'Poppins', sans-serif;
}
.homepage #theme-custom-banner .banner-container .banner-text .appt-btn:hover {
  background: transparent;
}
.homepage #theme-custom-banner .banner-container .banner-text .appt-btn:hover .animate-bar {
  -webkit-animation: fadeInDown 2s;
  animation: fadeInDown 2s;
}
@media (max-width: 767px)  {
  .homepage #theme-custom-banner .banner-container.hero.has-banner-image {
    background-image: none !important;
  }
}
@media (max-width: 1000px)  {
  .homepage #theme-custom-banner .banner-container.hero.has-banner-image {
    background-image: none !important;
  }
}
.homepage #theme-custom-banner .callout-container {
  background-color: #fff;
  height: auto;
}
.homepage #theme-custom-banner .callout-container figure {
  text-align: center;
  padding: 35px 0px;
}
.homepage #theme-custom-banner .callout-container figure svg path {
  fill: var(--brand-primary, #708059);
}
.homepage #theme-custom-banner .callout-container figure svg #sub-rect {
  fill: var(--brand-primary, #708059);
}
.homepage #theme-custom-banner .callout-container figure svg rect {
  stroke: var(--brand-primary, #708059);
}
.homepage #theme-custom-banner .callout-container figure .service-header {
  color: #000;
  font-size: 1.8em;
  margin-top: 10px;
  font-weight: bold;
}
.homepage #theme-custom-banner .callout-container a:hover {
  text-decoration: none;
}
.homepage #theme-custom-banner .callout-container a:hover .animated {
  -webkit-animation: rotateIn 1s;
  animation: rotateIn 1s;
}
.homepage #theme-custom-banner .callout-container a:hover svg path {
  fill: #fff;
}
.homepage #theme-custom-banner .callout-container a:hover svg #sub-rect {
  fill: #fff;
}
.homepage #theme-custom-banner .callout-container a:hover svg rect {
  fill: var(--brand-primary, #708059);
}
.homepage #theme-custom-banner .service-container {
  background-color: var(--brand-secondary-tint, #E0E8CF);
}
.homepage #theme-custom-banner .service-container .service-all {
  color: #6E6D70;
}
.homepage #theme-custom-banner .service-container .service-all .service-header {
  font-size: 3em;
  font-weight: bold;
  margin: 20px 0;
}
.homepage #theme-custom-banner .service-container .service-all .service-header::before {
  height: 5px;
  width: 20%;
  background: var(--brand-primary, #708059);
  content: "";
  display: block;
  margin-bottom: 20px;
}
.homepage #theme-custom-banner .service-container .service-all .service-info {
  font-size: 1.5em;
}
.homepage #theme-custom-banner .service-container .service-all .service-list {
  font-size: 1.5em;
}
.homepage #theme-custom-banner .service-container .service-all .service-btn {
  color: #6E6D70;
  font-size: 1.5em;
}
.homepage #theme-custom-banner .service-container .service-all .service-btn:hover {
  background: transparent;
}
.homepage #theme-custom-banner .service-container .service-all .service-btn:hover .animate-bar {
  -webkit-animation: fadeInDown 2s;
  animation: fadeInDown 2s;
}
.homepage #theme-custom-banner .testimonial-container {
  background-color: #fff;
  height: auto;
}
.homepage #theme-custom-banner .testimonial-container .testimonial-header {
  text-align: center;
  font-size: 3em;
  font-weight: bold;
  margin: 40px 0 20px;
}
.homepage #theme-custom-banner .testimonial-container .testimonial {
  margin: 0 30px 40px 0;
  font-size: 1.5em;
}
.homepage #theme-custom-banner .testimonial-container .testimonial .quote {
  color: #6E6D70;
  padding-bottom: 20px;
  border-bottom: 1px #6E6D70 solid;
}
.homepage #theme-custom-banner .testimonial-container .testimonial .name {
  padding: 20px 0 0;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--brand-primary, #708059);
}
.homepage #theme-custom-banner .patient-container {
  background-color: var(--brand-primary, #708059);
  color: #fff;
  text-align: center;
  padding: 50px 0;
}
.homepage #theme-custom-banner .patient-container .patient-text {
  font-size: 2.2em;
  font-weight: 600;
}
.homepage #theme-custom-banner .patient-container .patient-btn {
  color: #fff;
  font-size: 1.8em;
  font-family: 'Poppins', sans-serif;
}
.homepage #theme-custom-banner .patient-container .patient-btn .animate-bar {
  background: #000;
}
.homepage #theme-custom-banner .patient-container .patient-btn:hover {
  background: transparent;
}
.homepage #theme-custom-banner .patient-container .patient-btn:hover .animate-bar {
  -webkit-animation: fadeInDown 2s;
  animation: fadeInDown 2s;
}
.homepage #theme-custom-banner .location-container {
  background: url("778/images/location_bg.jpg") center / cover no-repeat;
  width: 100%;
  height: auto;
}
.homepage #theme-custom-banner .location-container .location {
  text-align: center;
  cursor: pointer;
}
.homepage #theme-custom-banner .location-container .location figure {
  padding: 45px 20px;
}
.homepage #theme-custom-banner .location-container .location figure svg path {
  fill: #fff;
}
.homepage #theme-custom-banner .location-container .location figure .location-text {
  color: #fff;
  font-size: 1.8em;
  font-weight: 600;
}
.homepage #theme-custom-banner .location-container .location figure:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.homepage #theme-custom-banner .location-container .location figure:hover svg path {
  fill: var(--brand-primary, #708059);
}
.homepage #theme-custom-banner .location-container .location a:hover {
  text-decoration: none;
}
.homepage {
  /*
	.flexslider {
		margin: 0 ;
		background:transparent;
		border:none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius:0;
		border-radius:0;
		-webkit-box-shadow:none;
		-moz-box-shadow: none;
		-o-box-shadow:none;
		box-shadow: none;
	}
	*/
}
.homepage #slider-wrap {
  display: block;
}
.homepage #slider-wrap a {
  text-decoration: none;
}
/*=== menu / mega menu ==*/
#nav-wrap {
  background-color: white;
}
#nav-wrap .navbar-default {
  border: none;
}
#nav-wrap .navbar-nav > li > a {
  display: inline-block;
  font-size: 1.25em;
  font-weight: 500;
}
#nav-wrap .dropdown-menu > li > a,
#nav-wrap .dropdown-menu > .yamm-content > .row > ul > li > a {
  background-color: #fff;
  color: #000;
}
#nav-wrap .dropdown-menu > li > a:hover,
#nav-wrap .dropdown-menu > .yamm-content > .row > ul > li > a:hover {
  color: var(--brand-primary, #708059);
}
.navbar {
  margin-bottom: 0;
}
.navbar-collapse {
  padding-right: 0;
}
/*=== pods ==*/
.pod {
  margin-bottom: 10px;
  padding: 10px;
  color: #fff;
  border-radius: 6px;
  background: var(--brand-primary, #708059);
}
.pod .pod-header,
.pod .pod-header a {
  font-size: 23px;
  color: #fff;
}
.pod a,
.pod p {
  color: #fff;
}
.aside {
  margin-top: 60px;
  /*	
	.office-hours-pod {
		.location-hour-wrap {
			margin-top:0;
		}
		.location-name {display:none;}
		.locationHours .single-day-hours .day-open {}
		.locationHours .single-day-hours .hours-open {}
	}
	*/
}
.aside .contact-pod .pod-header {
  margin-bottom: 10px;
}
.aside .contact-pod-btn:hover {
  background-color: #6E6D70;
}
.aside .office-hours-pod .pod-header {
  font-weight: 600;
}
.aside .location-pod .podLocationCaption {
  margin-top: 10px;
  text-align: center;
}
.aside .location-pod .podLocationCaption span {
  font-weight: bold;
}
.aside .faqPod .podFAQ {
  display: none;
}
.searchGallery {
  margin-bottom: 10px;
}
.blog_view .post div.post-date,
.blogpost_view div.post-date {
  color: #fff;
  background: var(--brand-primary, #708059);
}
.blog_view .post-meta,
.blogpost_view .post-meta {
  padding: 0;
}
.dentist_viewall .content {
  padding-bottom: 10px;
}
footer {
  padding: 30px 0 10px;
  color: var(--brand-primary-tint, #bbc6ac);
  background: #404041;
  font-weight: 600;
}
footer.footer-adaptive {
  padding-top: 0;
}
footer a {
  text-decoration: none;
  color: var(--brand-primary-tint, #bbc6ac);
}
footer a:hover {
  color: #fff;
}
footer a.footerAddressLink,
footer .footerPhoneWrap,
footer .footerFaxWrap,
footer .hours {
  font-size: .85em;
  color: var(--brand-primary-tint, #bbc6ac);
}
footer a.footerGmap img {
  float: left;
  padding-right: 10px;
}
footer .top-bar {
  background: #404041;
  color: var(--brand-primary-tint, #bbc6ac);
  padding: 30px 0 30px;
  margin-top: -30px;
}
footer .top-bar .footer-header {
  color: var(--brand-primary-tint, #bbc6ac);
  font-weight: bold;
}
footer .top-bar .hours,
footer .top-bar .footerAddressLink {
  color: var(--brand-primary-tint, #bbc6ac);
}
footer .top-bar .contact-us {
  text-decoration: underline;
  margin: 0;
}
footer .top-bar .social-links a {
  border-radius: 50%;
}
footer .top-bar .social-links a:hover {
  background-color: var(--brand-primary, #708059);
}
footer .bottom-bar {
  padding: 30px 0 30px;
  margin-bottom: -30px;
  background: #231f20;
}
footer .bottom-bar .copy-right,
footer .bottom-bar .copy-right a {
  color: #fff;
}
@media (max-width: 767px) {
  .site-wrap {
    margin-top: 50px;
  }
  #header-wrap {
    display: none;
  }
  #nav-wrap {
    position: fixed;
    z-index: 15;
    top: 0;
    width: 100%;
  }
  #nav-wrap .navbar-default {
    background-color: var(--brand-primary-tint, #E0E8CF);
  }
  .mobile-logo {
    margin: 50px auto 0;
    background-color: #fff;
    font-size: 1.5em;
  }
  .mobile-btn,
  .navbar-toggle.mobile-btn {
    border-color: var(--brand-primary, #708059);
  }
  .mobile-btn i,
  .navbar-toggle.mobile-btn i {
    color: var(--brand-primary, #708059);
  }
  .site-title {
    padding: 20px 0;
    font-size: 1.5em;
    margin: 0;
  }
  #gpw-main-menu {
    padding-left: 0px !important;
  }
  #gpw-main-menu .navbar-nav {
    background-color: var(--brand-primary, #708059);
    text-align: center;
  }
  #gpw-main-menu > ul {
    display: block;
    margin: 0;
  }
  #nav-wrap .navbar-nav > li > a {
    color: #fff;
  }
  .mobile-header {
    background: #fff;
  }
  .homepage .mobile-site-wrap {
    display: block!important;
  }
  .homepage .mobile-site-wrap .mobile-site-title {
    font-size: 25px;
  }
  .homepage .mobile-site-wrap .mobile-slogan {
    font-size: 20px;
  }
  .homepage #theme-custom-banner .banner-container .banner-text {
    margin: 20px 0 5px;
    text-align: center;
    transform: none;
    position: relative;
  }
  .homepage #theme-custom-banner .banner-container .banner-text .appt-btn {
    margin-top: 0;
    padding: 20px 0 14px;
  }
  .homepage #theme-custom-banner .service-container .service-btn {
    margin-top: 0;
    padding: 20px 0 14px;
  }
  .homepage #theme-custom-banner .mobile-header {
    background: #fff;
  }
  .homepage #theme-custom-banner .location-container .location figure {
    margin: 0;
    padding: 30px 30px;
  }
  .social-links a {
    background-color: var(--brand-primary, #708059);
    border-radius: 50%;
  }
}
@media (max-width: 340px) {
  .site-wrap {
    margin-top: 86px ;
  }
  .navbar-header {
    padding-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .homepage #theme-custom-banner .banner-container {
    background-image: none;
    height: auto;
  }
  .homepage #theme-custom-banner .banner-container .banner-text {
    margin-top: 20px;
    position: relative;
    text-align: center;
    transform: none;
  }
  .homepage #theme-custom-banner .banner-container .banner-text .appt-btn {
    margin-top: 0;
    padding: 20px 0;
  }
  .homepage #theme-custom-banner .service-container {
    background-image: none;
    height: auto;
  }
  .homepage #theme-custom-banner .service-container .service-all {
    position: relative;
    width: 100%;
    margin: 15px 0 0 15px;
  }
  .homepage #theme-custom-banner .service-container .service-all .service-btn {
    margin-top: 0;
    padding: 20px 0;
  }
}
@media (min-width: 992px) {
  #nav-wrap .navbar-nav > li > a:before {
    content: '';
    display: block;
    height: 5px;
    width: 0;
    background: transparent;
    margin-bottom: 10px;
    transition: width 0.5s ease, background-color 0.5s ease;
  }
  #nav-wrap .navbar-nav > li > a:hover:before {
    width: 100%;
    padding: 0 15px;
    background: var(--brand-primary, #708059);
  }
  .homepage #theme-custom-banner .banner-container {
    position: relative;
    background-color: var(--brand-primary-shade, #3b442f);
    background-image: url("778/images/banner.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 600px;
  }
  .homepage #theme-custom-banner .banner-container .banner-text {
    display: block;
    width: 40%;
    text-align: left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 50%;
    color: #fff;
  }
  .homepage #theme-custom-banner .banner-container img {
    display: none;
  }
  .homepage #theme-custom-banner .service-container {
    background-color: var(--brand-secondary-tint, #E0E8CF);
    background-image: url("778/images/service_image.png");
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
  }
  .homepage #theme-custom-banner .service-container .service-all {
    width: 60%;
    float: right;
    margin-top: 50px;
    padding-left: 15px;
  }
  .homepage #theme-custom-banner .service-container .service-all .service-header {
    font-size: 3em;
    font-weight: bold;
    margin: 20px 0;
  }
  .homepage #theme-custom-banner .service-container .service-all .service-header::before {
    height: 5px;
    width: 20%;
    background: var(--brand-primary, #708059);
    content: "";
    display: block;
    margin-bottom: 20px;
  }
  .homepage #theme-custom-banner .service-container img {
    display: none;
  }
}
@media (min-width: 1200px) {
  .homepage #theme-custom-banner .banner-container {
    background-position: 0 center;
  }
  .homepage #theme-custom-banner .banner-container .banner-text {
    margin-left: 40%;
  }
}
