@charset "UTF-8";

/*
Theme Name: Ecoscape
/

/* ==========================================================================
   1. CSS Reset Code
   ========================================================================== */
html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img,
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

/* Align radios and text inputs with their label */
input[type='radio'],
input[type='checkbox'] {
  vertical-align: text-bottom;
  /* width: auto;
  height: auto; */
  min-width: auto;
  /* margin: 0; */
  display: inline-block;
  vertical-align: middle;
  cursor: pointer; }

/* Hand cursor on clickable input elements */
input[type='button'],
input[type='submit'],
button {
  cursor: pointer; }

label {
  font-size: 0.875rem; line-height: 1.313rem; }
  label .required {
    color: #6F1F12; }

input[type='button'],
input[type='submit'],
button {
  display: inline-block;
  text-align: center;
  /* height: 3rem;
  font-size: 10.5rem;
  color: #fff; */
  box-shadow: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s; }

input:focus,
.form-control:focus {
  outline: none;
  box-shadow: none !important; }

* {
  border: none;
  outline: none;
  box-sizing: border-box; }

b,
strong {
  font-family: inherit;
  font-size: inherit; }

i,
em {
  font-style: italic; }

img {
  border: 0;
  vertical-align: middle;
  max-width: 100%;
  height: auto; }
  img.full-width {
    width: 100%; }
  img.alignright {
    float: right;
    margin-left: 1.875rem;
    margin-bottom: 0.938rem; }
  img.alignleft {
    float: left;
    margin-right: 1.875rem;
    margin-bottom: 0.938rem; }

sub,
sup {
  vertical-align: baseline;
  position: relative;
  font-size: 55%;
  line-height: 0; }

sup {
  top: -.7em; }

sub {
  bottom: -.25em; }

a {
  text-decoration: none;
  display: inline-block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s; }

a:focus,
a:hover,
a:active {outline: none;text-decoration: none; }

table,tr,td,th {font: 400 0.8rem 'Open sans', sans-serif; }

table {border-collapse: collapse;margin: 0; }
table a {color: inherit; }

html{font-size: 16px; }
body{ font-family: 'NeueHaasGroteskTextProRoman'; color: #333123; background: #ffffff; font-size: 1.125rem  ; line-height: 150%;}
.container{width: 1224px; max-width: 100%;}
h1, h2, h3, h4, h5,h6{font-family: 'NeueHaasGroteskDisplayProMedium';}
h1{font-size:4rem; line-height:4.375rem; margin-bottom: 4rem; font-weight: normal;}
h1:last-child{margin: 0;}
h2{font-size:3rem; line-height:120%;font-weight: normal; margin: 0 0 1.5rem;}
h2:last-child{margin: 0;}
h3{font-size:2.25rem; line-height:130%;  font-weight: normal; margin-bottom:1.25rem;}
h3:last-child{margin: 0;}
h4{font-size:1.75rem;line-height:140%;font-weight: normal;margin-bottom: 0.25rem;}
h4:last-child{margin: 0;}
h5{font-size:1.5rem; line-height:100%; font-weight: normal; }
h6{font-size: 1.125rem; line-height:120%; font-weight: normal; margin-bottom: 0.5rem;}

p{font-size:1.125rem; line-height:150%; margin-bottom: 1.5rem;}
p:last-child{margin: 0;}
.largeText{font-size: 1.5rem; line-height: 150%;font-family: 'NeueHaasGroteskTextProRoman'; margin-bottom: 2rem;}
/* h1, h2, h3, h4, h5, h6, p, span, em {color:#161B44}
a{color:#2F3990; text-decoration: none;} */
p a:hover{text-decoration: underline;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#161B44}
/* h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin: 0;} */
.badge{font-size: 0.875rem; line-height: 1.313rem; padding: 0.188rem 0.5rem; border: 1px solid #2F3990; color: #2F3990 !important; border-radius: 0.75rem; font-weight: normal;}
a.badge:hover{ background:#2F3990; color: #ffffff !important;}
.form-label{margin: 0;}
.form-control{border: none; background-color: #ffffff !important; border-radius: 0.75rem; font-size: 1rem; color: #161B44; height: 3.5rem; padding: 0.5rem 1.5rem;}

.breadcrumb ul{display: flex; padding-bottom: 3rem; list-style: none; margin: 0;}
.breadcrumb ul li{padding-right: 0.688rem; margin-right: 0.5rem; position: relative; font-size: 0.875rem; line-height: 1rem; text-transform: capitalize;}
.breadcrumb ul li:last-child{margin-right: 0; padding-right: 0;}
.breadcrumb ul li:after{content: ""; display: block; position: absolute; right: 0; top: 50%; width: 3px; height: 3px; background: #F04C41; border-radius: 50%; margin-top: -1.5px;}
.breadcrumb ul li:last-child:after{display: none;}
.breadcrumb ul li a{display: flex; align-items:center; color: #F04C41;}
.breadcrumb ul li span{margin-right: 0.25rem; position: relative; top: -1px; color: inherit;}
.dark-bg a{color:#D5D7E9;}
.dark-bg .btn-primary{color: #161B44;}
.dark-bg h1, .dark-bg h1 a, .dark-bg h2, .dark-bg h2 a, .dark-bg h3, .dark-bg h3 a, .dark-bg h4, .dark-bg h4 a, .dark-bg h5, .dark-bg h5 a, .dark-bg span, .dark-bg em, .dark-bg p{color:#FAFAFA;}
.btn:hover{text-decoration: none;}
.dark-bg .breadcrumb ul li {color: #FAFAFA;}
ul, ol {margin-left: 2rem; margin-bottom: 1.25rem;}
ul:last-child, ol:last-child {margin-bottom: 0;}
ol li{padding-bottom: 1rem;}
blockquote{font-size: 1.25rem; line-height: 1.875rem; margin: 0 0 0.5rem; font-style: italic;}

.intro{font-size: 2rem; line-height: 140%; font-family: 'NeueHaasGroteskTextProMedium';}
.overline{font-size: 0.875rem; line-height: 115%; font-family: 'NeueHaasGroteskTextProMedium'; font-weight: normal; text-transform: uppercase; margin-bottom: 1.125rem;}
.overline:last-child{margin: 0;}
.container-fluid{padding: 0;}
@keyframes slide1 {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(5px, 0);
  }
}
@keyframes slide2 {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(-5px, 0);
  }
}
.btn-primary {background: #C3562C; color: #ffffff; border: none; font-size: 1rem; line-height: 100%; padding: 0.938rem 1.75rem; font-weight: 600; border-radius: 0; display: inline-flex; align-items: center;     -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; font-family: 'NeueHaasGroteskTextProMedium';}
.btn-primary.btn-rounded{border-radius: 3.125rem;}
.btn-primary .icon-arrow{color: inherit; font-size:1.25rem ; margin-left: 0.5rem;}
.btn-primary.btn-lg{padding-right: 4rem;}
.btn-primary:hover{color: #ffffff; }
.btn-primary.btn-sm{padding:0.25rem 1rem; height: auto; font-weight: 600; border-radius: 0.75rem;}
.btn-primary{position: relative; overflow: hidden;}
.btn-primary:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #333123;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;border-radius: 1rem;}
.btn-primary:hover:before {-webkit-transform: scaleX(1) !important;transform: scaleX(1) !important;}
.btn-primary:focus{color: #fff; outline: none; box-shadow: none; background: #F04C41;}
.btn-primary.btn-sm:before{border-radius: 0.75rem;}
.btn-primary:hover .icon-arrow{animation: slide1 1s ease-in-out infinite;}
.text-link{color: #333123;font-family: 'NeueHaasGroteskTextProMedium'; font-size: 1rem; text-transform: uppercase;}
.text-link span{color: #C3562C; display: inline-block; margin-left: 0.125rem;}
.text-link .icon-prev-arrow{margin-right: 0.125rem; margin-left: 0;}
.text-link:hover{color: #C3562C}
.text-link:hover span{animation: slide1 1s ease-in-out infinite;}
.text-link:hover .icon-prev-arrow{animation: slide2 1s ease-in-out infinite;}
.header{ position: fixed; left: 0; top: 0; width: 100%; z-index: 99; background: #fff;}
.sticky-header{box-shadow: 0 0 5px #C3562C;}
body{padding-top: 7.5rem;}
.navigation ul{list-style: none; margin: 0;}
.navigation > ul{display: flex; gap:1.375rem;}
.navigation > ul >li{height: 7.5rem; align-items: center; display: flex;}
.navigation ul ul{display: none; background: #fff;}
.navigation ul li{position: relative;}
.navigation > ul >li.has-submenu{position: relative;}
.navigation > ul >li.has-submenu .navArrow{position: absolute; right: 0.5rem; top: 1.75rem; transform: translateY(-50%); font-size:1rem; display: none;}
.navigation > ul >li.has-submenu .navArrow:after{content: "▶";}
.navigation > ul >li.has-submenu >.navArrow:after{content: "▼";}
/* .navigation > ul >li.has-submenu {padding-right:0.5rem;} */
.navigation > ul >li.has-submenu > a{position: relative;}
.navigation > ul >li.has-submenu > a:after{content: "▼"; margin-left: 0.25rem; font-size:12px;}
.navigation ul li a{font-family: 'NeueHaasGroteskTextProMedium'; font-size: 1rem; line-height: 150%; padding:0.375rem 1rem; color:#333123 ;}
.navigation  ul  li  ul{position: absolute; width: 11.25rem;-webkit-box-shadow: 0px 4px 5px -2px rgba(195,86,44,1);-moz-box-shadow: 0px 4px 5px -2px rgba(195,86,44,1);box-shadow: 0px 4px 5px -2px rgba(195,86,44,1);}
.navigation > ul > li > ul{left: 0; top: 100%; }
.navigation > ul > li > ul ul{ left: 100%; top: 0;}
.navigation ul ul a{display: block;}
.navigation ul li a:hover{color: #C3562C;}
.navigation ul ul li.has-submenu > a {position: relative;padding-right: 20px;}
.navigation ul ul li.has-submenu > a:after { content: "▶"; /* Right arrow by default */ position: absolute; right: 1.429rem; top: 50%; transform: translateY(-50%); font-size:1rem;}
.btn-navbar {width: 28px; height: 28px; padding:3px 0; display: block; position: fixed; right: 1rem;display: none; top:1.5rem ;}
.btn-navbar .icon-bar {display: block;width: 28px;height: 4px;background-color: #4d4d4d;margin: 0px auto 0 auto;}
.btn-navbar .icon-bar + .icon-bar {margin-top: 6px;}


.main-banner {position: relative; padding: 0;}
.main-banner img{width:100%; max-height: calc(100vh - 7.5rem); object-fit: cover; min-height: 40rem;}
.banner-content-wrap{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; color: #ffffff;}
.banner-content{background:rgba(51, 49, 35, 0.471) ; padding: 3.75rem;}

section {padding: 7.5rem 0;}
.team-main-section{position: relative; overflow: hidden; padding-bottom: 12.25rem; }
.team-main-section:before{content: ""; position: absolute; left: 0;     bottom: -19.75rem; background: url(assets/images/team-bg.png) left bottom no-repeat; width:44.5rem; height: 62.875rem; background-size: 100% auto; z-index: 2;}
.team-main-section .container .row > div{z-index: 3; position: relative; background: #ffffff;}

.company-info-section{padding: 0;}
.company-info-section .img-wrap img{width: 100%; height: 100%; box-sizing: border-box; display: block;}
.company-info-section .info-wrap{display: flex; align-items: center;}
.company-info-section .info-wrap  {padding: 3rem 5.625rem;}
.moss-bg{background: #9C9434; color: #ffffff;}
.eucalyptus-bg{background: #5B8D6A;color: #ffffff;}
.moss-bg .text-link ,.eucalyptus-bg .text-link{color: #ffffff;}
.moss-bg .text-link span ,.eucalyptus-bg .text-link span{color: #ffffff;}
.moss-bg .text-link:hover, .eucalyptus-bg .text-link:hover{color: #333123;}
.moss-bg .text-link:hover span, .eucalyptus-bg .text-link:hover span{color: inherit;}

.recognition-section{background: #EAE3D8; padding-bottom: 9.625rem; position: relative;}
.recognition-section::after{content: ""; position: absolute; width: 60.625rem; height: 5.125rem; background: url(assets/images/bg1.png) left bottom no-repeat; left: 0; bottom: -1.438rem;}

.img-info-box{color: #373935;}
.img-info-box figure {position: relative; margin-bottom: 1.5rem;}
.img-info-box figure figcaption{position: absolute; right: 0; top: 0; background: #333123; color: #ffffff;font-family: 'NeueHaasGroteskTextProMedium'; text-transform: uppercase; padding:0.375rem 0.625rem; font-size: 0.875rem;}
.img-info-box figure img {width: 100%;}
.img-info-box figure{overflow: hidden;}
a.img-info-box img{transition: ease-in-out 0.4s all;}
a.img-info-box:hover img{         transform: scale(1.04);}
.img-info-box .largeText{margin-bottom: 0.5rem;}

.gap-md{--bs-gutter-x: 2.25rem; --bs-gutter-y: 2.25rem;}

.footer{background:#333123; padding: 5.625rem 0; z-index: 9; position: relative;}
.footer * {color: #ffffff; }
.footerlogo{display: inline-block; margin-bottom: 2rem;}
.social-links{list-style: none; margin: 0; gap: 1.75rem; margin-bottom: 1.75rem;}
.social-links li a{font-size: 1.25rem;}
.social-links li a:hover span{color: #C3562C;}
/* .social-links li a .icon-instagram{color: #333123; background: #ffffff;}
.social-links li a .icon-instagram::before{width: 18px; height: 18px; background: #fff;} */
.footer p {margin-bottom: 4.25rem;}
.footer p:last-child {margin-bottom:0;}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateY(0);
}
.inner-banner-section::after{content: ""; position: absolute; width: 60.625rem; height: 5.125rem;left: 0; bottom: -1.438rem; background-size: 100% auto; }
.inner-banner-section.rightBg::after{left: auto; right: 0; background-position: right bottom;    background-size: contain;
    max-width: 100%;/*JG*/ }
.rustBg:after{background: url(assets/images/bg1.png) left bottom no-repeat;background-size: contain; max-width: 100%; }
.rustBg.rightBg:after{background: url(assets/images/rustBgRight.png) right bottom no-repeat; background-size:contain;max-width:100%;  /*background-size: 100% auto;JG*/}
.coastalBg:after{background: url(assets/images/coastal.png) left bottom no-repeat;}
.eucalyptusBg{background-color:rgba(234,227,216, 0.2);}
.eucalyptusBg:after{background: url(assets/images/eucalyptus.png) left bottom no-repeat; }
.mossBg:after{background: url(assets/images/mossLeft.png) left bottom no-repeat; }
.mossBg.rightBg:after{background: url(assets/images/moss.png) right bottom no-repeat;background-size: contain; max-width: 100%; }
.copperBg:after{background: url(assets/images/copperLeft.png) left bottom no-repeat;background-size: contain; max-width: 100%;  } 
.copperBg.rightBg:after{background: url(assets/images/copper.png) right bottom no-repeat;background-size:contain; max-width:100%; } /*JG*/
.russetBg:after{background: url(assets/images/russet.png) left bottom no-repeat; height: 5.5rem;bottom: -1.5rem;background-size: contain;
    max-width: 100%;}
.inner-banner-section{ padding-bottom: 9.625rem; position: relative;}

.journey-section, .greyBg{background:rgba(234,227,216, 0.2);}
.horizontal-card{display: flex;  }
.horizontal-card-wrap{position: relative; margin-bottom: 3rem; gap: 3rem;}
.horizontal-card-wrap:last-child{margin-bottom: 0;}
.horizontal-card figure {width: 50%;  display: flex; flex-direction: column;justify-content: center; padding-right: 7.5rem;}
.horizontal-card figure img{height: 100%; width: auto; object-fit: cover; min-height: 250px;}
.horizontal-card .info {width: 50%;  display: flex; flex-direction: column;justify-content: center; position: relative;  padding-left: 7.5rem; color: #000; opacity: 0.6;}
.horizontal-card .info h5{margin-bottom: 0.5rem;}
.horizontal-card .info:before{content: ""; position: absolute; width: 5.313rem; left:0; height: 4px; top: 50%; background: #D18730; margin-top: -2px;}
.horizontal-card.reverse figure{padding-right: 0; padding-left: 7.5rem;}
.horizontal-card.reverse .info{padding-left: 0; padding-right: 7.5rem;}
.horizontal-card.reverse .info:before{left: auto; right: 0;}
.horizontal-card.reverse{flex-direction: row-reverse;}
.journey-calender{position: relative;}
.journey-calender::after{content: ""; position: absolute; width: 4px; left:50%; height:100%; top: 0; background: #D18730; margin-left: -2px;}
.journey-calender .year{position: absolute; left: 50%; top:0; background: #D18730; color: #fff; transform: translateX(-50%); font-size: 1.5rem; font-family: 'NeueHaasGroteskDisplayProMedium'; padding:0.5rem 1.5rem; z-index: 9;}

.our-approach-section{background:rgba(234,227,216, 0.2);}
.introsub { padding-top:2rem; }
.introsub .intro { color: #C3562C; }
.introWrap{padding-bottom:5rem;}
.intro h3{font-size: 2rem; line-height: 140%; font-family: 'NeueHaasGroteskTextProMedium';}
.introWrap .intro {color: #C3562C;}
.ttl-img-info-listing{padding-top: 2rem;}
.ttl-img-info-card{display: flex; gap: 6.25rem; border-bottom: 1px solid rgba(0, 0, 0, .5); margin-bottom:3.75rem; padding-bottom: 3.75rem;}
.ttl-img-info-card:last-child{border: none; margin-bottom: 0; padding-bottom: 0;}
.ttl-img-info-card .img-ttl-wrap{width: 40%;}
.ttl-img-info-card .cont{width: 60%;}
.our-values-section p, .our-values-section h3{margin-bottom: 1rem;}
.our-values-section h3 {margin-bottom: 0.25rem;}
.explore-journey-section{position: relative; z-index: 8;}
.explore-journey-section img{width: 100%; height: auto; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover;}
.explore-journey-section:after{content: "";  position: absolute; left: 0; top: 0;width: 100%;  height: 100%; background: rgba(0,0,0,0.45);}
.explore-journey-section .row{position: relative; color: #fff; z-index: 5;}
.explore-journey-section h3.intro{margin-bottom: 2.5rem;}
.hr-img-info-card{display: flex;  margin-bottom:2.5rem ; align-items: center;}
.hr-img-info-card:last-child{margin-bottom: 0;}
.hr-img-info-card img{width: 50%; padding-right: 3.5rem;}
.hr-img-info-card .info{width: 50%; padding-left: 3.5rem;}
.hr-img-info-card:nth-child(2n){flex-direction: row-reverse;}
.hr-img-info-card:nth-child(2n) img{padding-right: 0; padding-left: 3.5rem;}
.hr-img-info-card:nth-child(2n) .info{padding-left: 0; padding-right: 3.5rem;}

.hr-img-info-card-list.reverse .hr-img-info-card img{ padding-left: 3.5rem; padding-right: 0;}
.hr-img-info-card-list.reverse .hr-img-info-card .info{padding-right: 3.5rem; padding-left: 0;}
.hr-img-info-card-list.reverse .hr-img-info-card:nth-child(2n) img{padding-left: 0; padding-right: 3.5rem;}
.hr-img-info-card-list.reverse .hr-img-info-card:nth-child(2n) .info{padding-right: 0; padding-left: 3.5rem;}
.hr-img-info-card-list.reverse .hr-img-info-card  {flex-direction: row-reverse;}
.hr-img-info-card-list.reverse .hr-img-info-card:nth-child(2n)  {flex-direction: row;}

.team-section{background:rgba(234,227,216, 0.2);}
.team-banner-section img {width: 100%; height: auto;}
.team-info{padding-bottom:7.5rem ;}
.team-list h5{color: #C3562C; margin: 0 0 0.5rem;}
.team-list .row{--bs-gutter-x: 2.5rem;--bs-gutter-y: 5rem;}
.team-list  img{display: block; margin: 0 0 2.5rem;}
.services-section .introWrap{padding-bottom: 5rem;}
.contact-us-section{background:rgba(234,227,216, 0.2);}

.service-banner-section{position: relative;}
.service-banner-section img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; color: #fff;}
.service-banner-section:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.45);}
.service-banner-section *{color: #fff;}
.service-banner-section .container{position: relative; z-index: 5;}

.border-list{list-style: none; padding: 0; margin: 0;}
.border-list li{padding: 0.75rem 0; border-bottom: 1px solid #a5a5a5;}
.border-list li:last-child{padding-bottom: 0; border-bottom: 0;}
.service-banner-section .border-list li{font-size: 1.5rem; line-height: 140%;}
.pb-80{padding-bottom: 5rem;}
.sidebar h6{margin-bottom: 0.25rem;}
.career-inner-section {position: relative;}
.career-inner-section.copperBg:after{content: ""; position: absolute; width: 60.625rem; height: 5.125rem;left: 0; bottom: -1.438rem; background-size: 100% auto; z-index:9;}
.contact-section .border-list{display: inline-block; color: #333123;}
.contact-section .border-list li{ padding: 1.25rem 0;}
.contact-section .border-list li h6{margin-bottom: 0.25rem;}
.contact-section .border-list li a{color: #333123;}

.contact-form .form-group{margin-bottom: 2rem; position: relative; z-index: 6;}
.contact-form label{display: block; font-size: 1.125rem; line-height: 150%; font-family: 'NeueHaasGroteskTextProMedium';margin: 0 0 0.75rem;}
.contact-form input{ width: 100%; border: 1px solid rgba(0, 0, 0, .5); height: 4.5rem; padding: 0 1rem;}
.contact-form textarea{ width: 100%; border: 1px solid rgba(0, 0, 0, .5); height:20rem; padding:1rem;}
.contact-form p {font-size: 0.875rem;font-family: 'NeueHaasGroteskTextProMedium';}
.contact-form .btn-primary{text-transform: uppercase;font-family: 'NeueHaasGroteskTextProMedium'; font-weight: normal;}
.contact-section{position: relative; overflow: hidden;}
.contact-section:before{content: ""; position: absolute; right:8%; bottom: -34%; width: 35rem; height: 49.5rem; background: url(assets/images/contact-bg.png) right bottom no-repeat; background-size: 100% auto; z-index: 5; ;}
.contact-section .container{position: relative; z-index: 6;}
.hidden{visibility:hidden;width:0px!important;height:0px!important;margin:0px!important;padding:0px!important;}
.filter-btns {position: relative; z-index: 9; margin:0 0 2.5rem ; display: flex; gap: 1.25rem;}
.filter-btns button{display:block; color: #333123; border: 1px solid rgba(0, 0, 0, .1); font-size: 1rem; line-height: 100%; border-radius: 3.125rem; padding:0.75rem 1rem; background: transparent;  font-family: 'NeueHaasGroteskDisplayProMedium'; text-transform: capitalize;}
.filter-btns button.is-checked{background: #333123; color: #fff;}
#load-more{margin: 5rem auto 0; width: 10.25rem; text-align: center; font-weight: normal; text-transform: uppercase; display: block;}
.insite-news-filter-section{padding-bottom: 270px; position: relative; overflow: hidden;} /*padding-bottom: 16.5rem; JG */
.insite-news-filter-section:before{content: ""; display: block; position: absolute; left: 0; bottom:-27rem; background: url(assets/images/newsBtm.png) left bottom no-repeat; background-size: 100% auto; width: 48.5rem; height: 68.5rem;}




/***************************/
/***************************/
.search-field {border:1px solid #ccc;}
.navigation ul li.current-menu-item a,.navigation ul li.current-menu-ancestor > a {color:#C3562C; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {background: #fff;}
.detail-page-section .col-md-12 article {margin-bottom:20px; border-bottom:1px solid #C3562C; padding-bottom:20px;}
.detail-page-section .col-md-12 article h2.entry-title {font-size:2em;}

/***** SWIPER *****/
/*    html,
    body {
      position: relative;
      height: 100%;
    }

    body {
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #fff;
      margin: 0;
      padding: 0;
    }*/
    .swiper {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #444;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .swiper-pagination-bullet {
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      font-size: 12px;
      color: #000;
      opacity: 1;
      background: #FFF;
    }
	.swiper-button-next, .swiper-button-prev {color: #c3562f; }
    .swiper-pagination-bullet-active {
      color: #fff;
      background: #c3562f;
    }