@charset "UTF-8";



/*

Theme Name: Kanda Scrolling, Vertical Theme

Author: Kanda Consulting

Description: WordPress theme, for a one-page, vertical scrolling website, designed and built by Kanda Consulting.

Version: 1.0

*/


:root {

    /* colours */

    --primary-color:#4B5741;
    --secondary-color:#BEA77E;
    --third-color:#33322C;
    --cream:#EBE6DA;
    --pop-up-color:var(--cream);
    --pop-up-text-color:var(--third-color);
    --banner-text-color:#fff;
    --section-background-light:#EBE6DA99;
    --image-hover:#4B5741B5;
    

    /* fonts */

    --primary-font:"interstate", sans-serif;
    --secondary-font:"elza-narrow", sans-serif;

    /* margin between sections */

    --section-margin:35px;

  
    /* text sizes */
    --text-size:18px;
    --text-line-height:22px;
    --nav-size:var(--text-size);


    /* buttons */
  --button-color:var(--primary-color);
  --button-hover-color:var(--secondary-color);
  --button-text-size:16px;

  /* nav */

  --active-nav-color:var(--cream) ;
  --nav-color:#ffffff;

  /* other visuals */

  --box-shadow:0px 5px 20px 5px rgba(0, 0, 0, 0.05);


  }

/*****************************

GENERAL CSS RULES

*******************************/
/*
FONTS
font-family: "interstate", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "interstate", sans-serif;
font-weight: 500;
font-style: normal;

font-family: "interstate", sans-serif;
font-weight: 700;
font-style: normal;

Elza Narrow Medium
font-family: "elza-narrow", sans-serif;
font-weight: 500;
font-style: normal;

Elza Narrow Semibold
font-family: "elza-narrow", sans-serif;
font-weight: 600;
font-style: normal;

Elza Narrow Bold
font-family: "elza-narrow", sans-serif;
font-weight: 700;
font-style: normal;
*/
html {
  scroll-behavior: smooth;
  margin-top:0px!important;
}


html,body{
  overflow-x:hidden;
}

p, ul li, ol li {
  line-height: var(--text-line-height);
  font-size:var(--text-size);
  font-family: var(--primary-font);
  font-weight: 400;
  font-style: normal;
  color:var(--third-color);
}

ol, ul {
  padding-left:0px!important;
}

ol li {
  list-style: decimal!important;
  list-style-position: inside!important;

}

ul li {
  list-style:disc!important;
  list-style-position: inside!important;
}

b, strong {
  font-weight: bold;
}


.clearfix {
  clear:both;
}

.full_width_image {
  width:100%;
}



/*****************************

HEADINGS

*******************************/

h1, h2{
  font-family: var(--secondary-font);
  color:var(--primary-color);
}

h4, h5, h6{
font-family: var(--primary-font);
color:var(--third-color);
}

h1 {
  font-size: 64px;
  text-transform: uppercase;
  color:var(--primary-color);
  letter-spacing: 3px;
 
}

h2 {
  font-size: 48px; 
  text-transform: uppercase; 
  color:var(--primary-color);
  letter-spacing: 3px;
}

h3 {
  font-size: 36px;  
  color:var(--primary-color);
  letter-spacing: 1.5px;
  font-family:var(--primary-font);
}

h4{
  font-size:24px;
  color:var(--third-color);
}
h5 {
  font-size: 20px;
  color:var(--third-color); 
}

h6 {
  font-size: 18px;  
  color:var(--third-color);
}

@media screen and (max-width:991px) {

  h1 {
      font-size:56px!important;
  }
  
  h2 {
      font-size: 38px!important;  
  }
  
  h3 {
      font-size: 24px!important; 
  }
  
  h4 {
      font-size: 22px!important;  
  }
  
  h5 {
      font-size: 18px!important;  
  }
  
  h6 {
      font-size: 16px!important;  
  }


}


/* 

===================================================

GRAVITY FORMS

==================================================

*/

/* Hides Gravity Forms spinner on form submit */

body img.gform_ajax_spinner {
	display: none !important;
}

.gform_title, .gform_validation_errors {
  display:none;
}

.gfield_validation_message {
  border:0px!important;
  padding:0px!important;
  margin-top:15px!important;
  background-color:transparent!important;
}

.gform_description {
  display:none;
}



/* contact form */

#gform_1 .ginput_container_text input, #gform_1 .ginput_container textarea, .name_first input, .ginput_container_email input {
  padding:15px!important;
  border:1px solid var(--third-color);
}

#gform_1 span {
  padding-right:0px!important;
  padding-left:0px!important;
}

#gform_submit_button_1 {
  padding:16px 20px 13px 20px!important;
}

#gform_confirmation_wrapper_1 {
  margin-bottom:1em;
  font-family: var(--primary-font);
  margin-bottom:25px;
  margin-top:25px;
}

#gform_confirmation_message_1 {
  font-weight: bold;
}
.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer{
  margin: 0px 0 0;
    padding: 13px 0 !important; 

}

/* mailing list */


#gform_submit_button_2 {
  margin-top:15px;
}


#gform_submit_button_2 {
  margin-top:0px;
  margin-bottom:0px;
}

#input_2_1 {
  width:500px!important;
}

#gform_confirmation_message_2 {
  font-weight: bold;
  margin-top:15px;
  margin-bottom:15px;
}


@media screen and (max-width:750px) {

  #input_2_1 {
    width:100%!important;
  }
  
  
}



/* 

===================================================

REPEATED CLASSES

==================================================

*/


button, .faq_filter, .reset_filter, .button {

  padding: 16px 20px 13px 20px;
  background-color: var(--primary-color);
  color: white;
  border: 0;
  font-family: var(--secondary-font);
  text-transform: uppercase;

  font-size: var(--button-text-size);
  letter-spacing: 3px;
  line-height: inherit!important;
}

button:hover,  .faq_filter:hover, .reset_filter:hover,.button:hover {
  background-color:var(--third-color);
 
  cursor: pointer;
  transition:all .3s ease-in;
}


.content_section {
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 150px;
  padding-right: 200px;
  text-align: left;
}
@media screen and (max-width: 2000px){
.content_section {
    max-width: 1120px;
}
}
.section_title {
  color:var(--primary-color);
  margin-bottom:35px;
}

.section_container:nth-of-type(2n) {
  background-color: var(--section-background-light);
}


.full_width_image {
  width:100%;
}


/* 

===================================================

SIDEBAR

==================================================

*/


.sidebar_nav {
  width: 400px;
  height: 100%;
  background-color: var(--primary-color);
  position: relative;
  padding: 40px 63px 0px 53px;
  position: fixed;
  top: 0px;
  left: 0px;
}

.sidebar_logo {
  width: 140px;
  text-align: left;
}

.sidebar_logo img {
  width:100%;
}

.sidebar_nav nav {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0px 63px 0px 53px;
}

.sidebar_nav nav ul {
  padding: 0px;

}

.sidebar_nav nav ul li {
  margin-bottom: 10px;
  border-bottom: 1px solid #ffffff;
  margin-top: 10px;
  padding-bottom: 10px;
}


.sidebar_nav ul li {
  list-style: none !important;
}

.sidebar_nav nav ul li a.active {
  color: var(--active-nav-color);
  font-weight:700;
  letter-spacing: 1px;
  transition: 0.3s ease;
}

.sidebar_nav nav ul li a, .mobile_nav nav ul li a {
  color: #ffffffCC;
  font-family: var(--primary-font);
}

.sidebar_nav nav ul li a:hover, .mobile_nav nav ul li a:hover {
text-decoration: none;
color: var(--active-nav-color);
font-weight:700;

}

/* mobile nav */

.mobile_button {
  width: 40px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin-top:52px;
  float:right;
  margin-right:15px;
  display:none;

}


.mobile_button span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #ffffff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;



}
  /* for the animation when mobile button is clicked clicked */
  .mobile_button span:nth-child(1) {
    top: 0px;
  }

  .mobile_button span:nth-child(2), .mobile_button span:nth-child(3) {
    top: 10px;
  }

  .mobile_button span:nth-child(4) {
    top: 20px;
  }

  .mobile_button.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
  }

  .mobile_button.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .mobile_button.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .mobile_button.open span:nth-child(4) {

    top: 18px;
    width: 0%;
    left: 50%;
  }

  .mobile_nav{
    display:none;
  }


  /* responsive - when mobile menu shows */

@media screen and (max-width:1103px) {

  header {
    position: fixed;
    top: 0px;
    left: 0px;
    height:120px;
    background-color: var(--primary-color);
    width:100%;
    z-index: 9999;

  }

  .mobile_button, .mobile_nav {
    display:block !important; 

  }

  .mobile_nav nav{
    display:none;
    margin-right:0px;
    width:100%;
    background-color:red;
  }

  .mobile_logo{
    float:left;
    margin-top:30px;
    padding-left:15px;
    display: block;
  }

  .mobile_nav .mobile_logo img{
    max-width:85px;
  }

  .sidebar_nav {
    display:none;
  }

.mobile_nav nav ul{
  padding-left:0;
  background-color: var(--primary-color);
  padding-top:120px;
padding-bottom: 1px;

}

.mobile_nav nav ul li {
    text-align: center;
    margin-bottom:20px;
    display: block;

}



.mobile_nav nav ul li:last-child {
    padding-bottom:10px!important;
}



.mobile_nav nav ul li a {
    padding:0px;
    color:white;

}



.mobile_nav nav ul li{
  padding-top:0px;
}

  .mobile_nav nav ul li.active{
      border-top:0px;
  }

}

/*  COMBINED CSS FOR MOBILE AND DESKTOP NAVS*/

.sidebar_nav nav ul li a, .mobile_nav nav ul li a {

  color:#ffffffCC;

  font-family: var(--primary-font);
  font-size:18px;
 

}



/* 

===================================================

OVERLAY

==================================================

*/

.overlay {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  background-repeat: repeat;
  z-index: 99999;
  overflow: scroll;
  background-image: url('img/overlay.png');
  background-repeat: repeat;
}

.overlay_content {
  width: 100%;
  margin: auto;
    margin-top: auto;
    margin-bottom: auto;
  margin-top: 100px;
  margin-bottom: 145px;
  padding-left: 5%;
  padding-right: 5%;
}

.pop_up_close {
  text-align: right;
  font-size: 20px;
  color: #ffffff;
}

.pop_up_close i:hover {
  color:var(--cream);
  cursor: pointer;
}

.overlay_image {
  margin-top: 10px;
}

.overlay_image img {
  width: 100%;
}


.pop_up_content {
  width: 1200px;
  margin: auto;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-bottom: 50px;
  z-index: 999;
  text-align: center;
}

.pop_up_overlay {
  max-width:100%;
  padding: 60px 50px 45px 50px;
  background-color: var(--pop-up-color);
  margin-top: 10px;
  margin-bottom:145px;
}
.pop_up_content h2{
  margin-bottom:25px;
}
.pop_up_overlay .content_text_block {
  margin-bottom:0px!important;
  margin-top:0px!important;
  color:var(--pop-up-text-color);
}

.pop_up_overlay .content_text_block a {
  color:var(--pop-up-text-color);
  font-weight: 700;
}

.pop_up_overlay .content_text_block a:hover {
  color:var(--third-color);
}

.pop_up_overlay .content_text_block p, .pop_up_overlay .content_text_block ul li, .pop_up_overlay .content_text_block ol li,
.pop_up_overlay .content_text_block h1, .pop_up_overlay .content_text_block h2, .pop_up_overlay .content_text_block h3,
.pop_up_overlay .content_text_block h4, .pop_up_overlay .content_text_block h5, .pop_up_overlay .content_text_block h6 {
  color:var(--pop-up-text-color);
}
.content_text_block h3{
  margin-bottom:30px;
}
@media screen and (max-width:1200px) {

  .pop_up_content {

      padding-left:15px;
      padding-right:15px;
      width:100%;
      transform: none;
      top:141px;
      left:0px;
      margin-bottom: 100px;
  }



  .pop_up_overlay {

    padding:25px 25px 15px 25px;

  }

}



/*

===========================

POP UP

=================================

*/





/* 

=========================================================

MAIN CONTENT

=========================================================

*/

.content_container {
  margin-left: 400px;
  overflow-x: hidden;
}

@media screen and (max-width:1270px) {

  .content_section {
    padding-left:15px;
    padding-right:15px;
  }
}


@media screen and (max-width: 1103px) {
  .content_container {
    margin-left: 0px;
  }

}


/* 

==========================================

IMAGE BANNER

=========================================

*/

.page_banner {
  height: 80vh;
  width: 100%;
  position: relative;
  
}
.banner-text{
  background-color:var(--third-color);
}
.page_banner img{
  height: 100%;
    width: 100%;
object-fit: cover;
}
.page_banner_content {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: white;
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 143px;
  padding-right: 143px;
  text-align: left;
}

.page_banner_image {
  max-width: 652px;
}

.page_banner_image img {
  width:100%;
}

.banner_button{
  display: inline-block;
 margin-left:30px;
  background-color:transparent;
  color:var(--cream);
}

.banner_button:hover{
  background-color: var(--primary-color);
  border:2px solid var(--primary-color);
  text-decoration: none;
  color:white;
}

.page_banner_text h1, .page_banner_text h5 {
  color:#fff;

}
.page_banner_text h3{
  color:var(--cream);
  font-family:var(--primary-font);
}
.banner-text .button{
  padding:0px;
  margin-bottom:30px;
  font-size:22px;
  color:var(--cream);
}
.banner-text .button:hover{
  background-color:transparent;
  border:0px;
 
}
.page_banner_text{
  padding:30px 30px 30px 30px;
  max-width:700px;
}
@media screen and (max-width: 1103px) {

  .banner_button{
    margin-left:20px;
  }
  .page_banner_text{
    padding:20px;
  }
  .page_banner {
    margin-top:110px;
   
    height:350px;
  }

  .page_banner_content {
    padding-left:15px;
    padding-right:15px;
    position: static;
    transform:none;
    padding-top:0px;
    padding-bottom:0px;
  }

}


/* 

===================================================

SURVEY BUTTON

==================================================

*/

.survey_button a {
  width:100%;
  height:100%;
  display: block;
  padding: 15px;
}

.survey_button a:hover {
  text-decoration: none!important;
}

.survey_button {
  position: fixed;
  top: 50%;
  right: 0%;
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  z-index: 999;
  background-color:#E86D2D;
}

.survey_button img, .survey_button i {
  display:block;
}

.survey_button img {
  width:15px;
}

.survey_button i {
  font-size: 18px;
  margin-top:15px;
  color:#000;
}


/* 

===================================================

CONTENT TEXT BLOCK

==================================================

*/

.content_text_block h6 a {

  color:white;
  padding: 10px 30px;
  border-radius: 10px;
  display: block;
  background-color: var(--button-color);
  font-size: var(--button-text-size);
  text-align: center;
  margin: auto;
  display:inline-block;
  word-wrap: anywhere;
}

.content_text_block h6 a:hover {
  background-color:var(--button-hover-color);
  color:white;
  text-decoration: none;
  transition:all .3s ease;
  
}

.content_text_block img {
  width: 100%;
  display:block;
  height:auto!important;



}

.content_text_block img:hover {
  opacity: .4;
  cursor: pointer;
}

.content_text_block a {
  color:var(--primary-color);
  font-weight:700;
  text-decoration: underline;
}

.content_text_block a:hover {
  color:var(--third-color);
  text-decoration: none;
  transition:all .3s ease;
}

.content_text_block iframe {
  width: 100%;
  margin-bottom: 1rem;
  display: block;
  height: 450px;
}



.content_text_block .wp-video {
  margin-bottom:1rem;
}

.wp-caption {
  width: 100%!important;
}

.wp-caption-text{
  padding-top:8px !important;
  text-align:center;
}



/* 

===================================================

COMPANY INFORMATION

==================================================

*/

.company_logos {
  margin-top:var(--section-margin);
}


.company_info_content_text_block {
  width:100%;
  text-align:center;
  margin-top:15px;

}





.company_logo a:hover img {
  cursor: pointer;
  opacity: .4!important;
}

.company_logo {
  width:initial !important;
  height: 300px;
  display:flex;
  justify-content: center;
  align-items: center;
  box-shadow:var(--box-shadow);

}


.company_logo img {
  max-width:240px;
}


@media screen and (max-width:760px) {

  .company_logo {
      width:225px;
      margin:auto;
      text-align: center;
  }

   .company_info_content_text_block {
      width:100%;
      margin-top:25px;
      text-align: center;
  }

}


/* 

===================================================

ICONS

==================================================

*/

.icons {
  margin-top:var(--section-margin);
}

.icon {
  max-width: 100px;
  margin: auto;
}



.icon img {
  width: 100%;
}

.icons p {
  text-align: center;
  margin-top: 30px;
  padding-right:30px;
  padding-left:30px;

}


 /* 

==========================================

SLIDESHOW

For images that get rotated through

=========================================

*/


.carousel {
  margin-top:var(--section-margin);
}


.carousel-caption {
  position:static;
}

.carousel-caption p {
  margin-top: 0px !important;
  text-align: center;
  font-family: var(--primary-font);
  color:var(--third-color);
  margin-bottom:0px;
}

.carousel-indicators {
  display:none;
}

.carousel-indicators li {
  background-color:white;
  opacity: .5;
  list-style: none!important;
  list-style-type: none;
}



.carousel-indicators li:hover {
  background-color:var(--primary-color);
  cursor: pointer;
}



.carousel-indicators .active {
  background-color:var(--primary-color);
  opacity: 1!important;
}



.carousel-control-next-icon, .carousel-control-prev-icon {
  background-size: cover;
  width: 60px;
  height: 60px;
}



.carousel-control-next-icon {
  background-image: url('img/slideshow_arrow_next.png');
}



.carousel-control-prev-icon {
  background-image: url('img/slideshow_arrow_prev.png');
}
.carousel-control-next, .carousel-control-prev{
  opacity:1;
}
@media screen and (max-width:600px) {

  .carousel-control-next-icon, .carousel-control-prev-icon {
      background-size: cover;
      width: 35px;
      height: 35px;

    }
}



/* 

==========================================

DOWNLOADABLE DOCUMENTS

For images that get rotated through

=========================================

*/

.documents {
  margin-top:var(--section-margin);
}

.downloadable_document {
  margin-bottom:var(--section-margin);
}

.downloadable_document a:hover {
  text-decoration: none!important;
}

.document_container {
  border-bottom:2px solid var(--primary-color);
}

.document_container:hover {
  cursor: pointer;
  text-decoration: none!important;
  background-color:var(--primary-color);
  /* border-radius:4px; */
  transition:all .3s ease;

}

.document_container .document_name p {
  color:var(--primary-color);
  font-family: var(--secondary-font);
  font-weight:600;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.document_container:hover .document_name p {
  color:#fff;
}

.document_name {
  margin-bottom:0px;
  position: relative;
  padding:17px 15px 13px 15px;

}

.document_name p {
  margin-bottom:0px;
  color:var(--primary-color);
}

.document_details {
  margin-top:25px;
  display:none;
  padding:0px 15px 15px 15px;
  border: 2px solid var(--primary-color);;
  padding-top: 25px;
  margin-top: -10px;

}

.document_showing {
  background-color:var(--primary-color)!important;
  color:white!important;
}



.download_icon {
  width: 30px;
  height: 30px;
  background-image:url('img/download_icon.png');
  background-size:cover;
  position: absolute;
  top: 50%;
  right: 25px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(0%, -50%);

}

.document_container:hover .download_icon{
  background-image:url('img/download_icon_white.png');
}

.document_showing .document_name a .download_icon {
  background-image:url('img/download_icon_active.png')!important;
}

/* 

==========================================

TYPEFORM

For an embedded Typeform

=========================================

*/



.typeform {
  margin-top:var(--section-margin);
}





.tf-v1-widget {
  height:500px!important;
}


/* 



==================

TIMELINE

Page with blocks, showing progression of a project

=========================

*/


.timeline {

  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  margin-top:var(--section-margin);
}





/* The actual timeline (the vertical ruler) */

.timeline::after {
  content: '';
  position: absolute;
  width: 3px;
  background-color: var(--third-color);
  top: -10px;
  bottom: -10px;
  left: 15px;
  margin-left: -3px;

}

/* Container around content */



.container_timeline {

  padding: 20px 25px 10px 25px;
  position: relative;
  background-color: transparent;
  width: 100%;
  background-color:var(--section-background-light);
  margin-bottom:30px;
  margin-left:15px;
  border-top-right-radius: 5px;
  border-bottom-right-radius:5px;

}

.current_stage{
  background-color:var(--primary-color);
  color:white;

}

.block_content{
  padding-left:30px;
}


/* The circles on the timeline */

.container_timeline::after {

  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  right: 0px;
  background-color: black;
  border: 4px solid var(--third-color);
  top: 44%;
  border-radius: 50%;
  z-index: 1;
  left:-9px;

}



/* The actual content */


.timeline_content {

  background-color: transparent;
  position: relative;
  border-radius: 6px;
  color: black;
  text-align: left!important;



}


.current_stage .timeline_content{

  color:white;

}



.timeline_content .content_text_block {

    margin-top:15px;
    margin-bottom: 0px;
}

.timeline_content .content_text_block:last-child {
    margin-bottom:0px!important;
}



@media screen and (max-width: 600px) {

  .timeline {
      margin-top: 25px;
  }



  .container_timeline {

      width: 100%;
      padding-left: 20px;
      padding-right: 25px;
      margin-bottom: 25px;
      margin-left:0px;

    }



  .container_timeline::after {

      top: 40%;

  }



  .container_timeline::after{

    left:8px;

  }

    .timeline::after {

      left: 17px;

    }



}


/* 

==================

FAQs

page with questions and answers in an accordion

=========================

*/


.faqs_section {
  margin-top:var(--section-margin);
}


.accordion {
  margin-top: 30px;
}


.card {
  background-color:transparent;
  border: 0px;
  margin-bottom:15px;
}

.card:hover {
  border:0px;
}


.card-body {

  padding: 20px;
  border-radius:0px 0px 10px 10px !important;
  background-color: #ffffff;
  margin-bottom: 15px;
  box-shadow:var(--box-shadow);

}

.card-header-showing{
  border-radius:10px 10px 0px 0px !important;
}



.card-body .content_text_block {
  margin-bottom:0px;
  margin-top:0px;
}

.card-header {
  background-color:var(--third-color);
  padding:0px;
  position: relative;
  z-index: 2;
  border-radius:10px;
  text-align: left;

}

.card-header h2 {
  font-size: 30px!important;
}

.card-header:first-child{
  border-radius:10px;
}

.mb-0 button {
  color:#fff;
  margin-left:10px;
  white-space: normal;
  padding:10px;
  border:0px;

}



.mb-0 button:hover {

  color:#fff;
  text-decoration: none!important;

}


.btn-link {
  color:white;
}


.btn-link i {
  color:#fff;
  margin-right:25px;
}



.btn-link:hover, .btn-link:active, .btn-link:visited, .btn-link:focus {
  color:white;
  text-decoration:none!important;
}



.btn-link span {
  font-size:26px;
}





@media screen and (max-width:650px) {

  .card-body {
      padding: 45px 25px 10px 25px;
  }

  .filter_search {
      width:100%;
  }


  .faq_filter {

      margin-left:0px;
      margin-top: 15px;


  }


}







@media screen and (max-width:375px) {

  .mb-0 button {
      font-size: 16px;
  }


  .card-header {
      padding: 10px;
  }

}


/* 

=========================================

GALLERY

=========================================

*/



.gallery{
  margin-top:var(--section-margin);
}

.gallery_image_container{
  width:100%;
  height:300px;

}

.gallery_image{
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

  height:100%;
  width:100%;
 



}



.gallery_overlay {

  
  position: absolute;
  top: 0;
  bottom: 0;
  left:15px;

  right:15px;
  height: 300px;
  padding-left:15px;
  padding-right:15px;
  opacity: 0;
  transition: .3s ease;
  background-color: var(--image-hover);
  z-index: 1;

}



 .gallery_overlay:hover {
  opacity: 0.9;
  cursor: pointer;

}





.gallery_overlay .text{

  color:white;
  opacity: 1 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  font-family: var(--primary-font);
  text-align: center;
  width:100%;
  text-decoration: none;
  font-size:20px;
  font-weight:400;
}




.gallery .caption{

  background-color: var(--primary-color);
  color:white;
  padding:5px;
  
}


/* 

=========================================

GET IN TOUCH SECTION

=========================================

*/

.contact_detail {
  margin-bottom: 20px;
}

.contact_detail_icon, .contact_detail_info {
  display: inline-block;
}
.contact_detail_icon {
  width: 30px;
}

.contact_detail_icon img {
  width: 100%;
}

.contact_detail_info {
  margin-left: 50px;
}

.contact_detail_info p, .contact_detail_info p a {
  font-weight: 600;
  color: var(--third-color);
}
.contact_detail_info p a{
  word-break: break-all;
}
.contact_detail_info p a:hover {
  color:var(--primary-color);
  transition: all .3s ease-in;
  text-decoration: none;
}

@media screen and (max-width:467px){

  .contact_detail_icon, .contact_detail_info {

    display:block;

    /* text-align: center; */

    margin:15px;
    margin-left:0px;

  } 

}
/* 

==========================================

FULL WIDTH IMAGE

=========================================

*/

.full_width_image_container {

  padding-bottom:100px;

}

.full_width_image_caption {
  text-align:center;
  margin-top:10px;

}


/* 

===================================================

FOOTER

==================================================

*/

footer a {
  color:var(--third-color);
  font-weight:700;
  color:var(--primary-color);
  text-decoration: underline;
}

footer a:hover {
  color:var(--primary-color);
  text-decoration: none;
  transition: all .3s ease-in;
}

.footer_divider {
  margin: 40px auto 60px auto;
  width: 100%;
}

.footer_divider img{

  max-width:100%;

  width:100%;

}

.footer_logo {
  width: 262px;
  margin-bottom:35px;
}

.footer_logo img {
  width: 100%;
}

.circle_scroll {
  float: right;
  text-align: center;
}

.circle_scroll img {
  width: 60px;
}

.circle_scroll p {
margin-bottom:0px;
margin-top:10px;
}

@media screen and (max-width:600px) {
  .circle_scroll {
    display:none;
  }
}

@media screen and (max-width:425px){

  .circle_scroll{

    display:none;

  }

}