:root {
  --primary-color: #364242;
  --secundary-color: #F3AA17;
  --tertiary-color: #fff;
  --font: 'Open Sans', sans-serif;
}
div#ccm-panel-overlay {
  display: none !important;
}
.ccm-page, .ccm-page p, .ccm-page ul, .ccm-page li, .ccm-page h1, .ccm-page h2, .ccm-page h3, .ccm-page h4  {
  font-family: var(--font);

  color: var(--primary-color);
}
.ccm-page h1, .ccm-page h2, .ccm-page h3, .ccm-page h4 {
 font-weight: bold;
}
.ccm-page p, body {
  font-size: 17px;
    line-height: 1.9;
}
.ccm-page h1 {
  font-size: 50px;
}
.ccm-page h2 {
  font-size: 40px;
}
.ccm-page h3 {
  font-size: 30px;
}
.ccm-page h4 {
  font-size: 21px;
}
.ccm-page .subheading {
  text-transform: uppercase;
  color: var(--secundary-color);
  font-weight: bold;
}
.ccm-page .btn {
  padding: 10px 20px;
  font-weight: bold;
}
.ccm-page .btn-primary {
  background: var(--primary-color);
  color: var(--secundary-color);
  border: none;
}
.ccm-page .btn-secundary {
  color: var(--primary-color);
  border:none;
  background: var(--secundary-color);
}
.ccm-page .btn-teriary {
  color: var(--primary-color);
  background: transparent;
}
.ccm-page .btn:hover {
  background: black;
  color: white;
  outline: none;
}
.ccm-page .btn:hover, .ccm-page .btn:focus, .ccm-page .btn:active {
  box-shadow: none;
  outline: 0;
}
.ccm-form input:focus, .ccm-form textarea:focus,.ccm-form input:active, .ccm-form textarea:active{
  border: 2px solid var(--primary-color);
  box-shadow: none;
  outline: 0;
}
.ccm-page .owl-dots {
  text-align: center;
}
.ccm-page .owl-dots {
  position: relative !important;
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  bottom: 0;
}
.owl-dots button.owl-dot.active span,
.owl-dots button.owl-dot:hover span {
  background-color: var(--primary-color);
  border-radius: 50%;

  position: absolute;
  top: 1px;
  left:1px;
}
.owl-dots {
  position: absolute;
  bottom: 50px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.owl-dots button.owl-dot.active {
  background: var(--secundary-color)
}
.owl-dots button.owl-dot {
  border: none;
  background: white;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  position: relative;
  margin-right: 10px;
}
.ccm-page img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.ccm-page .row-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ccm-page .background-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.pb-none {
  padding-bottom: 0;
}
.pt-none {
  padding-top: 0;
}
.p-none {
  padding: 0;
}
.mb-none {
  margin-bottom: 0;
}
.mt-none {
  margin-top: 0;
}
.m-none {
  padding: 0;
}
.full-area {
  padding: 90px 0;
  position: relative;
}
.small-area {
  padding: 30px 0;
  position: relative;
}
.area {
  position: relative;
}
.wood-nav .logo {
  padding-right: 25px;
}
.wood-nav {
  /* box-shadow:0px 3px 15px rgb(206 206 206 / 20%) */

}
.wood-nav .navbar li a {
  color: #fff !important;
  font-weight: 600;
}
.wood-nav .navbar li.nav-selected a {
  font-weight: bold;
  position: relative;
}
.wood-nav .navbar li.nav-path-selected a {
  position: relative;
}
.wood-nav .navbar li.nav-path-selected a::after {
  content: '';
  position: absolute;
  left:0;
  right: 0;
  margin: auto;
  width: 50%;
  bottom: -2px;
  height: 2px;
  background: var(--secundary-color);
}
.wood-nav .navbar li {
  padding-left: 5px;
  padding-right: 5px;
}
div.ccm-block-hero-image div.ccm-block-hero-image-text h1 {
  color: white;
  font-weight: bold;
}
 div.ccm-block-hero-image-text p {
   color: white;
 }
.ccm-block-hero-image {
  position: relative;
}
.ccm-block-hero-image::before {
  content: '';
  position: absolute;
  left:0;
  right: 0;
  top: 0;
  bottom:0;
  background-color: rgb(0,0,0,0.4);
}
.ccm-block-hero-image-text .btn {
  background: var(--secundary-color);
}
p.title {
  color: var(--secundary-color) !important;
  font-size: 20px;
  font-weight: bold;
}
.orange {
  position: relative;
}
.orange::after {
  content: '';
  position: absolute;
  top: -100px;
  bottom: -100px;
  height: 125%;
  right: -50px;
  background: var(--secundary-color);
  width: 300px;
  z-index: -1;
}
.bg-grey {
  position: relative;
  padding-top: 30px;
  padding-bottom: 100px;
}
.bg-grey::before {
  content: '';
  position: absolute;
  top: 0;
  z-index: -11;
  left: 0;
  width: 75%;
  height: 35%;
  background: #fafafa;
}
.grey-bottom::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 75%;
  z-index: -11;
  height: 100px;
  background: #fafafa;
}
.wood-nav {
  background: transparent;
  z-index: 111;
  position: absolute;
  width: 100%;
}
.home-banner {
  z-index: 1;
}
.right {
  display: flex;
  align-items: center;
  justify-content: center;
}
.right ul, .right p {
  margin-bottom: 0;
}
.right ul li a {
  color: white;
  text-decoration: none;
}
.right .btn {
  margin-left: 20px;
}
.wood-pages {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.wood-pages .wood-page {
  padding: 15px;
  flex: 1;
  position: relative;
}
.wood-pages .wood-page:nth-of-type(1), .wood-pages .wood-page:nth-of-type(4) {
  flex: 65%;
}
.wood-pages .wood-page:nth-of-type(2), .wood-pages .wood-page:nth-of-type(3) {
  flex: 35%;
}
.wood-thumbnail img {
  height: 350px;
  width: 100%;
  object-fit: cover;
  transition: all 1s ease;
}
.wood-page:hover .wood-thumbnail img {
  transform: scale(1.2);
}
.wood-text {
  padding: 30px;
  position: absolute;
  bottom:0;
}
.wood-title h3 {
  font-size: 22px;
  color: white;
}
.wood-footer {
  color: white;
  padding: 90px 0;
  position: relative;
}
.wood-footer::before {
  content: '';
  background: var(--primary-color);
  width: 65%;
  position: absolute;
  top: 0;
  bottom: 0;
  left:0;
  border-top-right-radius: 50px;
  z-index: -1;
}
.testimonials {
  min-height: 350px;
  padding: 65px 0;
}
.offerte {
  background: var(--secundary-color);
  padding: 65px;
  border-radius: 30px;
}
.overlay {
  background: radial-gradient(79.03% 68.12% at 59.54% 31.88%,transparent 0,rgba(0,0,0,.2) 60.94%,rgba(0,0,0,.4) 100%);
  position: absolute;
  left:0;
  right: 0;
  top:0;
  bottom: 0;
  opacity: 1;
}
.wood-thumbnail {
  position: relative;
  overflow: hidden;
}
.wood-button .btn {
  font-size: 15px;
  font-weight: bold;
  padding: 5px 10px;
  transition: all 1s ease;
  display: none;
}

.wood-page:hover .wood-button .btn {
  display: inline-block;
}
.wholelink {
  position: absolute;
  left:0;
  right: 0;
  top:0;
  bottom:0;
  width: 100%;
  height: 100%;
  z-index: 11;
}
.banner {
  background-size: cover;
  background-position: center;
  min-height: 450px;
  display: flex;
  align-items: flex-end;
}
.banner h1 {
  color: white;
  padding-bottom: 50px;
  position: relative;
}

.offerte .ccm-form {
  display: flex;
  align-items: center;
}
.offerte .ccm-form .form-control {
  background: #f8b939;
}
.ccm-block-express-form fieldset {
  display: flex;
  flex-wrap: wrap;
}
.ccm-block-express-form .ccm-form .mb-3 {
  flex:100%;
}

.ccm-block-express-form .ccm-form .mb-3:nth-of-type(2), .ccm-block-express-form .mb-3:nth-of-type(3) {
  flex: 50%;
}
.arrow-down {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg style='enable-background:new 0 0 50 50;' version='1.1' viewBox='0 0 50 50' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Layer_1'%3E%3Cpath d='M25,49c13.233,0,24-10.767,24-24S38.233,1,25,1S1,11.767,1,25S11.767,49,25,49z M25,3c12.131,0,22,9.869,22,22 s-9.869,22-22,22S3,37.131,3,25S12.869,3,25,3z'/%3E%3Cpolygon points='39.707,20.707 38.293,19.293 25,32.586 11.707,19.293 10.293,20.707 25,35.414 '/%3E%3C/g%3E%3Cg/%3E%3C/svg%3E");
  text-align: center;
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 10%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 111;
  filter: invert(100%);
  background-position: center;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.wood-footer a {
  color: white;
  text-decoration: none;
}
.wood-footer p {
  color: white;
}
.wood-footer svg {
  fill: white;
}
.testimonial p {
  color: white;
}
.testimonial h3 {
  color: white;
  font-size: 20px;
  padding-left: 50px;
  position: relative;
  margin-bottom: 15px;
}
.testimonial h3::before {
  content: '';
  filter: invert(1);
  position: absolute;
  left: 0;
  top:0;
  bottom:0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDQ0OCA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTk2IDIyNEM4NC43MiAyMjQgNzQuMDUgMjI2LjMgNjQgMjI5LjlWMjI0YzAtMzUuMyAyOC43LTY0IDY0LTY0YzE3LjY3IDAgMzItMTQuMzMgMzItMzJTMTQ1LjcgOTYgMTI4IDk2QzU3LjQyIDk2IDAgMTUzLjQgMCAyMjR2OTZjMCA1My4wMiA0Mi45OCA5NiA5NiA5NnM5Ni00Mi45OCA5Ni05NlMxNDkgMjI0IDk2IDIyNHpNMzUyIDIyNGMtMTEuMjggMC0yMS45NSAyLjMwNS0zMiA1Ljg3OVYyMjRjMC0zNS4zIDI4LjctNjQgNjQtNjRjMTcuNjcgMCAzMi0xNC4zMyAzMi0zMnMtMTQuMzMtMzItMzItMzJjLTcwLjU4IDAtMTI4IDU3LjQyLTEyOCAxMjh2OTZjMCA1My4wMiA0Mi45OCA5NiA5NiA5NnM5Ni00Mi45OCA5Ni05NlM0MDUgMjI0IDM1MiAyMjR6Ii8+PC9zdmc+');
  background-size: cover;
  height: 26px;
  width: 26px;
  color: white;

}

.breadcrumb li, .breadcrumb li a{
  color: white !important;
  text-decoration: none;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: var(--secundary-color) !important;
}
.breadcrumb-item.active {
  font-weight: bold;
}
.logo img {
  height: 100px;
  width: auto;
}
.project-description {
  padding-top: 60px;
}
.project-thumb img {
  width: 100%;
}
.project {
  display: flex;
}
.project-area {
  position: relative;
}
.project-description {
  background: white;
  padding: 65px;
  margin: 60px;
  margin-left: 0;
  position: relative;
  flex: 33%;
  box-shadow: 0px 3px 15px rgba(0,0,0,0.1);
  display: flex;
  /* align-items: center; */
  flex-direction: column;
  text-align: left;
  justify-content: center;
}
.project-thumb {
  flex: 50%;
  margin-left: -15%;
}
.project-area::before {
  content: '';
  background: var(--secundary-color);
  left: 0;
  position: absolute;
  height: 100%;
  width: 20%;
  bottom: 0;
}
.row-center {
  align-items: center;
}
.project-description h2 {
  margin-bottom: 25px;
}
.location {
  margin-bottom: 10px;
}
.project-title {
  margin-top: 30px;
}
.pictures {
  padding-top: 90px;
}
.about-left {
  background: var(--secundary-color);
  padding: 65px;
  color:white;
  position: relative;
}
.about-left::before {
  content: '';
  background-image: url("data:image/svg+xml, %3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 7.0625 2 L 9.5625 3.8125 C 14.277344 7.210938 15.707031 10.542969 16 11.28125 L 15.09375 12.1875 L 15.09375 12.21875 L 14.40625 12.90625 L 2.6875 25.0625 L 2 25.78125 L 6.25 30.03125 L 6.96875 29.28125 L 19.375 16.4375 L 19.6875 16.0625 L 19.78125 16 L 20.75 15.65625 L 20.9375 15.84375 L 20.5625 16.75 L 20.28125 17.375 L 23.59375 20.6875 L 29.96875 14.3125 L 27.125 11.46875 L 26.65625 11.03125 L 26.0625 11.25 L 25.15625 11.59375 L 24.9375 11.375 L 25.25 10.375 L 25.375 9.96875 L 25.1875 9.59375 C 25.1875 9.59375 24.132813 7.636719 21.75 5.75 C 19.367188 3.863281 15.59375 2 10.15625 2 Z M 13.09375 4.25 C 16.460938 4.75 18.890625 6.015625 20.53125 7.3125 C 22.296875 8.710938 23 9.84375 23.21875 10.21875 L 22.84375 11.375 L 22.6875 11.9375 L 23.09375 12.375 L 24.6875 13.96875 L 25.3125 13.71875 L 26.1875 13.375 L 27.125 14.3125 L 23.59375 17.84375 L 22.65625 16.90625 L 23.03125 16 L 23.3125 15.375 L 22.8125 14.90625 L 21.6875 13.78125 L 21.25 13.3125 L 20.625 13.53125 L 18.84375 14.25 L 18.65625 14.3125 L 17.9375 13.625 L 17.21875 12.90625 L 18.375 11.75 L 18.15625 11.15625 C 18.15625 11.15625 16.8125 7.761719 13.09375 4.25 Z M 15.8125 14.3125 L 17.25 15.75 L 6.21875 27.15625 L 4.8125 25.75 Z'/%3E%3C/svg%3E");
  position: absolute;
  left: 25%;
  top: 5%;
  background-size: cover;
  height: 400px;
  width: 400px;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  filter: invert(1);
  opacity: 0.1;
}
.about-left > * {
  position: relative;
  z-index: 100;
}
.about-left p, .about-left h2, .about-left h3 {
  color: white;
}
.about-left p {
  margin-bottom: 20px;
}
.about-left h2 {
  margin-bottom: 30px;
}
 .about-left h4 {
   font-size: 16px;
 }
.rslides>li img {
  height: 400px;
  object-fit: cover;
}
.about-left .ccm-block-feature-item h4 {
  color: white;
}
.project-page {
  margin-bottom: 30px;
  padding-bottom: 25px;
  border-bottom: 2px solid var(--secundary-color);
}
.project-page:last-of-type {
  border-bottom: 0;
}
.project-page a {
  margin-top: 15px;
}
.project-description svg {
  width: 35px;
}
.background-image h2 {
  color: white;
}
.wood-footer svg {
  margin-right: 10px;
}
.ccm-form .form-label {
  font-weight: bold;
}
.ccm-dashboard-express-form input {
  padding-right: 15px;
}