@import "fonts.css";
@import "common-class.css";
html{
  scroll-behavior: smooth;
}
body {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	color: #fff;
	font-family: 'NunitoSansRegular';
}
/*h2{
    font-size: 30px;
}
h3{
    font-size: 26px;
}
h4{
    font-size: 20px;
}*/
.dblock{
	display:none;
}
#menu {
	display: none;
}
.mm-current {
	display: block !important;
}
/************************header********************/
.header-area{
  position: relative;
}
.header-topbar a{
  color: #777777;
}
.header-topbar a:hover{
  color: #1d5c88;
}
.header-topbar img{
  width: 18px;
  margin-right: 15px;
}
.header-topbar li{
  font-size: 16px;
  font-family: 'NunitoSansRegular';
  display: inline-block;
  letter-spacing: 0.2px;
  padding-left: 70px;
}
.header-topbar{
  padding: 25px 0;
}
.header-area .container{
  position: relative;
}
.desktop-nav .navbar-brand{
  left: -30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
}
.desktop-nav{
  position: static;
  padding: 0 0 30px;
}
.desktop-nav .nav-item{
  padding-right: 40px;
  font-size: 16px;
  font-family: 'NunitoSans_10ptBold';
  letter-spacing: 0.2px;
}
.desktop-nav.navbar-expand-lg .navbar-nav .nav-link{
  padding: 0;
  color: #777777;
}
.desktop-nav .nav-item.direct-offerte-btn{
  padding-right: 0;
}
.direct-offerte-btn .common-btn{
  min-width: 203px;
}
/***********************banner**********************/
.banner-content-wrap{
  background: rgba(0,0,0,0.3);
  padding: 50px;
  border-radius: 10px;
  max-width: 860px;
  width: 100%;
}
.banner-sec{
  position: relative;
}
.banner-content{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  z-index: 1;
}
.fiter-area{
  padding-top: 35px;
  padding-left: 10px;
  padding-right: 10px;
}
.select-style {
  width: 100%;
  border: 2px solid #fff;
  border-radius: 10px;
  height: 45px;
  line-height: 43px;
  font-family: 'NunitoSans_10ptBold';
  font-size: 16px;
  appearance: none;
  -webkit-appearance: none;
  background: url(../images/down-arrow.svg) no-repeat 94% center/10px;
  color: #fff;
  padding: 0px 30px 0 15px;
  letter-spacing: 0.4px;
}
.fiter-area option{
  background-color: #1d5c88;
  font-family: arial;
}
.each-select-box .common-btn{
  max-width: 100%;
  border: 2px solid #1d5c88;
  line-height: 40px;
}
.each-select-box .common-btn:hover{
  border: 2px solid #333333;
}
/********************branch area*******************/
.branch-content p{
  margin:30px 0 40px;
}
.branch-sec{
  padding: 120px 0 150px;
  overflow: hidden;
  background: #f4f4f4;
}
.branch-block-cover, .each-branch-image{
  position: relative;
}
.branch-heading{
  position: absolute;
  bottom: 45px;
  padding-left: 60px;
  left: 0;
  z-index: 1;
  width: 100%;
}
.branch-heading h3{
  color: #fff;
}
.branch-slider{
  width: 54%;
  position: absolute;
  top: 0;
  left: 0px;
}
.branch-slider-cover{
  margin-left: -60%;
  position: relative;
  padding: 60px 0;
}
.branch-slider-cover:after{
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 150px);
  height: 100%;
  background:#DBE5EF;
  content: '';
  border-radius: 0 10px 10px 0;
}
.branch-content{
  padding-left: 40px;
}
.branch-slider-cover .swiper-button-next{
  right: 40px;
}
/**********************product******************/
.product-sec{
  background:#DBE5EF;
  padding: 80px 0 50px;
}
.product-sec .branch-content p{
  margin:0;
}
.product-sec .swiper-slide{
  height: auto !important;
}
.each-product-block{
  background-color: #fff;
  border-radius: 6px;
  padding: 40px;
  background-size: 0;
  height: 100%;
}
.each-product-block>ul>li>h4 {
    font-size: 18px;
/*    min-height: 45px;*/
    margin-top: 5px;
}
.category_list{
    display: flex;
}
.category_list>span {
  color: #949494;
  font-size: 20px;
}
.each-product-block:hover{
  background-size: cover;
}
.product-slider{
  margin: 70px 0 50px;
  position: relative;
}
.product-slider .swiper-button-prev{
  left: -120px;
}
.product-slider .swiper-button-next{
  right: -120px;
}
.each-product-block h4{
  margin-bottom: 20px;
}
.each-product-block li h4{
  color: #949494;
  margin-bottom: 25px;
  font-family: 'NunitoSansRegular';
}
.each-product-block ul{
  margin-bottom: 50px;
}
.each-product-block:hover h4{
  color: #fff;
}
.each-product-block:hover li h4{
  opacity: 0.6;
}
.each-product-block:hover .common-btn{
  border:2px solid #1d5c88;
  background: #1d5c88;
  color: #fff;
}
.each-product-block .common-btn{
  margin: auto;
  display: table;
  position:absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin-bottom: 40px;
}
/******************middle sec***************/
.middle-sec {
  padding: 5% 0;
}
.middle-content {
  padding: 60px 120px 60px 60px;
  background: #fff;
  max-width: 800px;
  width: 100%;
  border-radius: 10px;
}
.middle-content p{
  margin:40px 0 70px;
}
/****************************counter****************/
.each-count-box h3{
  font-size: 60px;
  color: #fff;
  display: inline-block;
  line-height: 58px;
  font-family: 'NunitoSansBlack';
}
.each-count-box h4{
  color: #fff;
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
  font-family: 'NunitoSansRegular';
  font-size: 20px;
}
.counter-sec .col-lg-3:nth-child(even) h4{
  margin-left: 20px;
}
.counter-sec{
  padding: 120px 0 170px;
}
.each-count-box{
  display: flex;
  justify-content: center;
}
.counter-sec .col-lg-3:nth-child(1) .each-count-box{
  display: block;
}
.counter-sec .col-lg-3:nth-child(4) .each-count-box{
  justify-content: flex-end;
}
/********************footer upper****************/
.counter-after-btn, .footer-upper-sec{
  background:#DBE5EF;
}
.counter-after-btn h2{
  letter-spacing: normal;
}
.footer-upper-sec .contact-info{
  margin-top: 0;
}
.upper-topbar{
  background:#fff;
  border-radius: 10px;
  padding: 50px 65px;
  position: relative;
  top: -72px;
}
.each-contact-block{
  background:#fff;
  border-radius: 10px;
  padding: 35px 0;
  border:10px solid transparent;
  transition:all 0.5s;
  -webkit-transition:all 0.5s;
  height: 100%;
}
.each-contact-block:hover{
  background:#DBE5EF;
  border:10px solid #fff;
  transition:all 0.5s;
  -webkit-transition:all 0.5s;
}
.each-contact-block p, .each-contact-block a{
  color: #777777;
  text-align: center;
}
.each-contact-block p{
  max-width: 220px;
  margin: auto;
}
.each-contact-block h6{
  margin:25px 0 10px;
}
.each-contact-block img{
  width: 42px;
}
.contact-info{
  margin-top: 20px;
}
.footer-upper-sec{
  padding: 100px 0;
}
/*********************footer*****************/
.footer-logo{
  position: relative;
  left: -30px;
}
.footer-top-area h4{
  color: #696969;
  display: inline-block;
  margin-right: 60px;
    color: #b3b1b1;
}
.footer-middle{
  background:#1a1a1a;
  padding: 70px 0;
}
.footer-middle h2, .footer-middle h4{
  color: #b3b1b1;
}
.footer-middle h2{
  font-family: 'NunitoSans_7ptBold';
  word-break: break-word;
}
.footer-middle h2 br{
  display: none;
}
.social-area li a img{
  opacity: 1;
  width: 36px;
}
.social-area li{
  display: inline-block;
  margin-right: 30px;
  vertical-align: middle;
}
.social-area li a:hover img{
  opacity: 0.3;
}
.social-area ul{
  margin-top: 110px;
}
#mobile-contact-bar {
    display: none;
}
.footer-menubar h4{
  margin-bottom: 20px;
  color: #b3b1b1;
  font-family: 'NunitoSansSemiBold';
  font-size: 20px;
}
.footer-menubar a{
  padding: 0;
  color: #b3b1b1;
  display: inline-block;
}
.footer-menubar li{
  font-size: 18px;
  font-family: 'NunitoSansRegular';
  letter-spacing: 0.5px;
  padding-right: 75px;
}
.footer-menubar a:hover{
  color: #fff;
}
.footer-address p{
  font-size: 16px;
  color: #b3b1b1;
}
.footer-address{
  padding-left: 35px;
}
.footer-menubar>ul{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 300px;
  height: 150px;
}
.footer-menubar div a{
	font-size: 16px;
  font-family: 'NunitoSansRegular';
  letter-spacing: 0.5px;
  line-height: 30px;
}
/**********************************producten listview page strat******************************/
/*banner*/
.producten-listview-banner {
  position: relative;
}
.producten-listview-banner-heading {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
  left: -30px;
}

/*product list*/
.producten-listview-product-sec {
  padding: 120px 0px 80px 0px;
  background: #f4f4f4;
}
.producten-listview-right-product {
  padding-right: 115px;
}
.each-producten-listview-product {
  padding: 0px 25px;
  margin-bottom: 30px;
}
.each-producten-listview-product img {
  margin-bottom: 15px;
  height: 320px;
  object-fit: contain;
}
.each-producten-listview-product p {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 15px 0px;
  margin: 10px 60px 10px 0;
  text-align: left;
  min-height: 140px;
}
.each-producten-listview-product>h4 {
  min-height: 60px;
  font-family: 'NunitoSans_10ptBold';
}
.each-producten-listview-product h6 {
  font-size: 16px;
}
.each-producten-listview-product h6:hover{
  opacity: 0.5;
}
.each-producten-listview-product h6 span {
  /*display: inline-grid;*/
}
.each-producten-listview-product h6 img {
  width: 10px;
  margin-left: 30px;
  margin-top: 10px;
  height: auto;
}
.producten-listview-product-middle-area {
  padding: 40px 0px;
  border-top: 2px solid #e7e7e7;
  border-bottom: 2px solid #e7e7e7;
  margin:18px 25px 80px 25px;
}
.producten-listview-product-middle-area h4 {
  margin-bottom: 30px;
}

/*product filter*/
.producten-dtl-select-style {
  width: 100%;
  border: none;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  height: 45px;
  line-height: 40px;
  font-family: 'NunitoSansRegular';
  font-size: 16px;
  background: transparent;
  color: #333333;
  padding: 0px 0px 15px 0px;
  letter-spacing: 0.4px;
  margin-bottom: 35px;
  appearance: none;
  -webkit-appearance: none;
  background: url(../images/arrow-downe.svg) no-repeat 88% center/10px;
}
.producten-dtl-select-style option {
  background-color: #1c1c1c;
  color: #ffffff;
}
.filter-button {
  border-radius: 22px;
  max-width: 285px;
  margin-top: 70px;
}
.producten-listview-left-filter h4 {
  margin-bottom: 30px;
}
.producten-listview-left-filter {
  background-color: #DBE5EF;
  padding: 70px 70px 80px 70px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  margin-right: 50px;
}


/*footer upper contact box*/
.footer-upper-contact-box {
  padding-top: 5px;
}
.footer-upper-contact-sec {
  background-color: #DBE5EF;
  padding: 100px 0px;
}
.each-contact-box {
  background-color: #ffffff;
  padding: 10px;
  margin-bottom: 20px;
}
.each-contact-box-inner {
  padding: 35px 20px;
  text-align: center;
  background-color: #ffffff;
}
.each-contact-box-inner:hover {
  background-color: #DBE5EF;
  transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.each-contact-box-inner p {
  color: #777777;
  text-align: center;
}
.each-contact-box-inner h6 {
  font-family: 'NunitoSansRegular';
  color: #333333;
  margin: 20px 0px 10px 0px;
}
.each-contact-box-inner img {
  width: 40px;
}
.each-contact-box {
  border-radius: 10px;
}
/**********************************producten listview page end******************************/


/**********************************producten detail page strat******************************/
.producten-dtl-banner-upper-menu {
  /*position: absolute;
  z-index: 2;*/
  right: 0;
  padding-top: 45px;
  padding-bottom: 30px;
  background: #f4f4f4;
}
.producten-dtl-banner-upper-menu-content p {
  font-size: 16px;
  /*color: #fff;*/
  display: inline-block;
}
.producten-dtl-banner-upper-menu-content p span {
  /*color: #ffffff;*/
  margin: 0px 3px;
}
.producten-dtl-banner-upper-menu-content p a {
  /*color: #ffffff;*/
}
.producten-dtl-bnr-btn {
  margin-left: 50px;
  font-size: 16px;
  /*background-color: #ffffff;
  color: #333333 !important;*/
  background-color: #1c1c1c;
  color: #fff !important;
}
.producten-dtl-bnr-btn:hover {
  background: #1d5c88;
  color: #fff !important;
}
.producten-dtl-banner {
  position: relative;
  background: #f4f4f4;
}
.producten-dtl-banner .common-arrow img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
  height: 20px;
  width: 20px;
}
.producten-dtl-banner .common-arrow{
  width: auto;
  height: auto;
  background: transparent;
  border: 0;
}
.producten-dtl-banner .swiper-button-prev {
  left: 30px;
}
.producten-dtl-banner .swiper-button-next {
  right: 30px;
}
/*banner bottom section*/
.producten-dtl-banner-bottom-sec {
 /* padding-top: 70px;*/
  background: #f4f4f4;
}
.producten-dtl-banner-bottom-left{
  padding-top: 60px;
}
.producten-dtl-banner-bottom-left h3{
  margin-bottom: 15px;
}
.producten-dtl-banner-bottom-left tr td{
  width: 49%;
  vertical-align: top;
  display: inline-block;
}
.producten-dtl-banner-bottom-left tr td:first-child{
  width: 100%;
}
.producten-dtl-banner-bottom-left tr{
  margin-bottom: 60px;
  display: block;
}
.producten-dtl-banner-bottom-left ul {
    margin-left: 20px;
}
.producten-dtl-banner-bottom-left li{
  font-family: 'NunitoSansRegular';
  font-size: 14px;
  color: #333333;
}
.producten-dtl-banner-bottom-heading {
  border-bottom: 3px solid #1d5c88;
  padding-bottom: 45px;
}
.producten-dtl-gal-icon img{
  width: 30px;
  margin-right: 20px;
}
.producten-dtl-gal-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  float: right;
}
.producten-dtl-banner-bottom-heading h2 {
  display: inline-block;
}
.voor-one, .voor-two, .ges-one, .ges-two {
  color: #333333;
}
.producten-dtl-bl-border-btn {
  background-color: #ffffff;
  border: 2px solid #1d5c88;
  max-width: 240px;
  color: #333333;
  border-radius: 25px;
  height: auto;
}
.producten-dtl-bl-border-btn:hover {
  background-color: #1d5c88;
  color: #ffffff;
}
.producten-dtl-voor h3, .producten-dtl-ges h3, .producten-dtl-ges h3 {
  margin-bottom: 30px;
  /*margin-top: 100px;*/
}
/*producten dtl man img part*/
.producten-dtl-banner-bottom-right {
  border: 2px solid #1d5c88;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  margin-left: 200px;
}
.producten-dtl-man-heading {
  padding: 20px 10px;
  background-color: #1d5c88;
}
.producten-dtl-man-heading h4 {
  color: #ffffff;
}
.producten-dtl-man-call {
  background-color: #1d5c88;
  padding: 35px 40px;
  opacity: 50%;
}
.producten-dtl-man-call h4, .producten-dtl-man-call h4, .producten-dtl-man-call a {
  color: #ffffff;
}
.producten-dtl-man-call h4 {
  margin-bottom: 30px;
  font-family: 'NunitoSans_10ptBold';
}
.producten-dtl-man-call img {
  width: 20px;
  margin-right: 20px;
}
.producten-dtl-man-btn {
  padding: 40px;
  text-align: center;
}
.man-btn-custom {
  background-color: #1d5c88;
  border: 2px solid #1d5c88;
  max-width: 240px;
  color: #ffffff;
  border-radius: 25px;
  height: auto;
}
a.txt-btn {
    color: black;
    font-size: 16px;
}
a.txt-btn:hover{
    color:#696969;
}
img.back_img {
    max-width: 10px;
    max-height: 10px;
    margin-left: 50px;
    margin-right: 30px;
    margin-bottom: 3px;
}
/*contact form sec*/
.contact-form-sec {
  margin: 160px 0px 90px 0px;
}
.inner-form {
  max-width: 960px;
  margin-left: auto;
  background-color: rgba(19,18,19,0.8);
  padding: 77px 143px 60px 100px;
}
.inner-form .form-styl {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  color: #ffffff;
  padding-left: 0px;
  border-radius: 0;
}
.inner-form .form-styl:focus {
  box-shadow: 0 0 0 0rem rgb(0 0 0 / 0%);
}
.inner-form .form-group ::placeholder {
  color: #ffffff;
  opacity: 100% !important;
}
.inner-form .form-group textarea {
  resize: none;
}
.form-btn {
  border-radius: 25px;
  background-color: #ffffff;
  color: #333333;
  margin-top: 55px;
}
.form-btn:hover {
  background-color: #333333;
  color: #ffffff;
  transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.inner-form h3 {
  color: #ffffff;
  margin-bottom: 55px;
}
/*wood slider*/
.producten-dtl-brunch-sec {
  padding: 10px 0px 20px 0px;
}
.slider-ctnt-btn-one, .slider-ctnt-btn-two {
  border-radius: 25px;
  background-color: #ffffff;
  color: #333333;
  margin-left: 10px;
}
.producten-dtl-brunch-sec .branch-heading h4{
  /*float: left;*/
}
.producten-dtl-brunch-sec .each-branch-btn{
  /*width: 50%;
  text-align: right;
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 1;*/
  position: static;
}
.producten-dtl-brunch-sec .branch-heading{
  /*padding-left: 40px;
  width: 45%;
  bottom: 30px;*/
  position: static;
  padding: 0 15px 0 0;
}
.product-content-wrap{
  position: absolute;
  bottom: 30px;
  padding: 0 30px;
  width: 100%;
}
.producten-dtl-brunch-sec .each-branch-btn .common-btn{
  max-width: 100%;
  margin-left:0;
}
.producten-dtl-brunch-sec .swiper-button-prev{
  display: none;
}
/*producten dtl product slider*/
.producten-dtl-product-slider-outer {
  max-width: 1240px;
  margin: auto;
}
.producten-dtl-product-slider {
  padding: 50px 0px 70px 0px;
  background: #f4f4f4;
  position: relative;
  z-index: 0;
}
.producten-dtl-product-slider-heading h2 {
  margin: 90px 0px 90px 0px;
}
.producten-dtl-product-slider .each-producten-listview-product {
  padding: 0px;
}
/**********************************producten detail page end******************************/


/**********************************contact page start******************************/
.contact-pg-form{
  margin-bottom: 0;
}
.contact-banner-bottom-sec {
  padding-top: 160px;
  background: #f4f4f4;
}
.contact-banner-bottom-sec .producten-dtl-banner-bottom-left{
  padding-top: 0;
}
.contact-banner-bottom-left p{
  line-height: 30px;
}
.contact-banner-bottom-sec .producten-dtl-banner-bottom-right{
  border: 3px solid #1d5c88;
  border-top:0;
}
.contact-map{
  height: 300px;
  border-top: 3px solid #1d5c88;
}
.contact-banner-bottom-right {
  margin-left: 0px;
  border-radius: 0px;
}
.phone-mail h3, .opentime h3 {
  margin-bottom: 30px;
}
.phone-mail p, .opentime p {
  color: #696969;
}
.phone-mail, .opentime {
  padding: 75px 0px 50px 0px;
}
.contact-divider {
  background-color: #e1e1e1;
  width: 100%;
  margin-right: 50px;
}
/**********************************contact page end******************************/


/**********************************sectoren listview start******************************/
/*sectoren-listview-bnr-btm*/
.sectoren-listview-bnr-btm {
  padding: 90px 0px 0px 0px;
  background: #f4f4f4;
}
.sectoren-listview-bnr-btm-text  {
  border-bottom: 1px solid #e1e1e1;
}
.sectoren-listview-bnr-btm-text p {
  margin: 35px 0px 70px 0px;
}

/*sectoren-productlist-sec*/
.sectoren-productlist-sec {
  padding: 90px 0px 100px 0px;
  background: #f4f4f4;
}
.sectoren-listview-img {
  background-size: 0;
  overflow: hidden;
}
.sectoren-listview-img img{
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.sectoren-each-listview-wrapper:hover .sectoren-listview-img img {
  transform: scale(1.3);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.sectoren-listview-top-content{
  background-color: rgba(0,0,0,0.6);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}
.sectoren-each-listview-wrapper:hover .sectoren-listview-top-content {
  visibility: visible;
  opacity: 1;
}
.sectoren-each-listview-wrapper {
  position: relative;
  margin-bottom: 95px;
  height: calc(100% - 14px);
}
.sectoren-hover-img {
  position: relative;
  height: auto;
  width: 100%;
}
.sectoren-listview-img {
  height: 240px;
  transition: 0.5s ease-in;
  width: 100%;
  position: relative;
  cursor: pointer;
}
.sectoren-each-listview-wrapper .sectoren-hover-img .sectoren-listview-img:hover {
  transition: 0.5s ease-in-out;
}
.sectoren-each-listview-wrapper .sectoren-hover-img .sectoren-listview-img:hover .sectoren-listview-top-content h2 {
  color: #ffffff;
}
.sectoren-listview-img::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  opacity: 0;
}
.sectoren-listview-top-content {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0px;
  left: 0px;
  /*padding: 60px 0px 30px 0px;*/
  padding: 30px 0;
  /*display: none;*/
}
.sectoren-listview-top-content h3 {
  color: #ffffff;
}
.sectoren-listview-btn {
  background-color: #ffffff;
  color: #333333;
  border-radius: 25px;
  position: absolute;
  bottom: 30px;
  width: 100%;
  transform: translateX(-50%);
}
.sectoren-listview-btm-contn {
  padding-top: 25px;
}
.sectoren-listview-btm-contn h3 {
  margin: 0px 0px 20px 0px;
}
.sectoren-listview-btm-contn p {
  margin-right: 30px;
}
/**********************************sectoren listview end******************************/

/**********************************casestudy detail start******************************/
/*case stydy dtl banner*/
.casestudy-dtl-banner {
  position: relative;
}
.casestudy-dtl-banner h1 {
  position: absolute;
  top: 50%;
}
/*casestudy-dtl-bottom-wood sec*/
.casestudy-dtl-bottom-wood {
  padding: 120px 0px;
}
.casestudy-dtl-bottom-wood-content {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 70px 70px 50px 70px;
}
.casestudy-dtl-bottom-wood-content p {
  margin: 35px 0px 50px 0px;
}
.casestudy-dtl-bottom-wood-content .form-control {
  border: 0px;
  border-bottom: 1px solid #cecece;
  color: #1c1c1c;
}
.casestudy-dtl-bottom-wood-content .form-control::placeholder {
  color: #1c1c1c;
}
.casestudy-dtl-bottom-wood-content .form-control:focus{
  box-shadow: 0 0 0 0rem rgb(0 0 0 / 0%);
}
.casestudy-dtl-bottom-wood-content button {
  border-radius: 25px;
}
/*case section*/
.case-sec {
  padding: 100px 0px 40px;
}
.case-sec-cover {
  position: relative;
  padding: 60px 0px;
}
.case-sec-img {
  margin-left: -120px;
}
.case-sec .branch-slider-cover:after{
  z-index: -1;
}
.case-sec .branch-slider-cover{
  margin-left: 0;
  padding-left: 50px;
}
.case-sec-text {
  padding: 0px 150px 0px 130px;
}
.case-sec-text h6 {
  font-family: 'NunitoSansBold';
}
.case-sec-text li {
  margin-bottom: 20px;
}
.case-sec-text ul {
  margin-top: 40px;
  margin-bottom: 45px;
}
/***********************************casestudy detail end******************************/


/***********************************over ons start******************************/

/*banner-bottom sec*/
.overons-bnr-btm-sec {
  padding: 115px 0px;
}
.overons-middle-sec .branch-slider{
  left: auto;
  right: 0;
  width: 28%;
  top: 50%;
  transform: translateY(-50%);
}
.overons-bnr-btm-desc h3 {
  margin-bottom: 30px;
  font-size: 40px;
}
.overons-bnr-btm-desc {
  padding-right: 22%;
}
.overons-each-counter h4{
  font-family: 'NunitoSansRegular';
  font-size: 18px;
}
.overons-counter-devider {
  height: 2px;
  background-color: #1d5c88;
  width: 25%;
}
.overons-middle-sec{
  overflow: hidden;
  padding-bottom: 120px;
}
.overons-left-area-wrap{
  max-width: 940px;
  width: 100%;
}
.overons-bnr-btm-counter {
  margin: 116px 100px 116px 0;
  background-color: #DBE5EF;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 65px 0px 55px;
  position: relative;
}
.overons-bnr-btm-counter .row{
  position: relative;
  left: 0;
}
.overons-bnr-btm-counter:after{
  position: absolute;
  right: 0;
  width: 100vw;
  height: 100%;
  content: '';
  background: #DBE5EF;
  top: 0;
  z-index: -1;
}
.overons-bnr-btm-img {
  padding-left: 0px; /*95px*/
}
/*overons slider*/
.overons-slider-heading {
  margin-bottom: 70px;
}
.overons-slider-sec {
  background-color: #DBE5EF;
  position: relative;
  padding: 67px 0px 60px 0px;
}
.each-overons-slide {
  font-size: 21px;
}
.each-overons-slide p span img {
  width: 20px;
  margin-right: 25px;
  filter: brightness(0) invert(0);
  -webkit-filter: brightness(0) invert(0);
}
.overons-slider-img {
  margin-top: 50px;
}
.overons-slider-devider {
  margin-right: 80%;
  margin-top: 30px;
  margin-bottom: 30px;
  height: 2px;
  background-color: #1d5c88;
}
.overons-slider-sec::after {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 145px;
  content: '';
  background: #f4f4f4;
}
/**/
.overons-truck-content img {
  width: 15px;
  margin-right: 15px;
}
.overons-truck-content h2{
  font-size: 39px;
}
.overons-truck-content {
  max-width: 500px;
}
.overons-truck-btn {
  max-width: 320px;
  border-radius: 25px;
}
/***********************************over ons end******************************/


/***********************************sectoren dtl start******************************/
/*banner btm area*/
.sectoren-dtl-bnr-btm {
  padding: 40px 0px 150px 0px;
  background: #f4f4f4;
}
.sectoren-dtl-bnr-btm-text {
  color: #333;
}
.sectoren-dtl-bnr-btm-text h2 {
  margin-bottom: 40px;
}
/*sectoren dtl truck area*/
.sectoren-dtl-truck-content {
  max-width: 835px;
  padding: 80px 95px 20px 60px;
}
ul.disc-right {
    margin-left: 20px;
    margin-top: 10px;
}
.sectoren-dtl-truck-sec {
  position: relative;
  padding: 200px 0px 145px 0px;
}
.sectoren-dtl-side-man-wrapper {
  position: relative;
}
.sectoren-dtl-side-man{
  border:0;
}
.man-image-wrap{
  border: 2px solid #1d5c88;
  border-top:0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.sectoren-dtl-side-man {
  position: absolute;
  top: -290px;
  right: 0;
  z-index: 2;
  background-color: #ffffff;
  border-top-left-radius: 25px;
}
.sectoren-dtl-side-man-head {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.producten-dtl-banner-bottom-sec .sectoren-dtl-side-man-head {
  border-top-left-radius: 0;
}
.sorten-dtl-product{
  /*padding-bottom: 120px;*/
}
/*slider upper section*/
.sectoren-dtl-slider-upper-sec {
  padding: 120px 0px 100px 0px;
}
.sectoren-dtl-slider-upper-sec h2 {
  margin-bottom: 40px;
}
.sectoren-dtl-slider-upper-right {
  color: #333333;
  padding-left: 135px;
}
.sectoren-dtl-slider-upper-sec-inner {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 120px;
}
/***********************************sectoren dtl end******************************/


/***********************************faq dtl start******************************/
/*faq dtl top sec*/
.faq-dtl-top-sec {
  padding: 80px 0px 30px 0px;
  background-color: #f4f4f4;
}
.faq-dtl-top-sec-btn {
  background-color: #DBE5EF;
  padding: 30px 0px 80px 0px;
}
.faq-dtl-top-sec-right {
  padding-left: 105px;
}
.faq-dtl-top-btn {
  background-color: transparent;
  border-radius: 25px;
  border: 1px solid #333333;
  color: #333333;
}
.new_row{
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

/*team section*/
.faq-dtl-team-sec {
  padding: 120px 0px 160px 0px;
  position: relative;
}
.faq-dtl-team-sec .faq-dtl-team-img-box img{
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
.faq-dtl-team-sec table{
  width: 100%;
}
.faq-table-wrap{
  padding-left: 90px;
}
.faq-dtl-team-sec td{
  width: 50%;
  vertical-align:top;
}
.faq-dtl-team-sec td:nth-child(odd){
  padding-right: 40px;
}
.faq-dtl-team-sec td:nth-child(even){
  padding-left: 40px;
}
.faq-dtl-team-sec-heading {
  margin-bottom: 95px;
}
.faq-dtl-team-sec-left {
  padding-left: 95px;
}
.faq-dtl-team-sec-right {
  padding: 0px 60px;
}
.faq-dtl-team-img-box {
  width: 210px;
  height: 130px;
  background-color: #1d5c88;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  position: absolute;
  top:-45px;
  left: 45%;
}
.faq-dtl-team-img-box img {
  width: 90px;
}
/*faq dtl bottom faq*/
.faq-dtl-bottom-faq {
  background-color: #DBE5EF;
  padding: 100px 0px 0px 0px;
}
.faq-dtl-bottom-faq-heading {
  margin-bottom: 65px;
}
.faq-dtl-each-box {
  padding: 45px 60px;
  background-color: #ffffff;
  border-radius: 10px;
  margin: 12px 0px;
}
.faq-dtl-each-box h3 {
  display: inline-block;
  letter-spacing: normal;
  width: 75%;
  vertical-align: top;
  font-family: 'NunitoSans_10ptBold';
}
.faq-dtl-each-box span{
  display: inline-block;
  width: 24%;
  vertical-align: top;
  text-align: right;
}
/***********************************faq dtl end******************************/


/************************************faq list start*******************************/
/*faq-list*/
.faq-list-sec {
  background-color: #f4f4f4;
  padding: 60px 0px 45px 0px;
}
.each-faq-list-top-box {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 40px;
}
.each-faq-list-top-box:hover {
  background-color: #1d5c88;
  transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.each-faq-list-top-box:hover.each-faq-list-top-box img {
  filter:invert(100%);
}
.each-faq-list-top-box:hover.each-faq-list-top-box h4 {
  color: #ffffff;
}
.each-faq-list-top-box h4 {
  text-align: left;
  margin-bottom: 85px;
}
.each-faq-list-top-box img {
  width: 90px;
  display: block;
  margin: 0px auto;
}
.faq-list-btm-area {
  display: none;
}
.more-btn {
  margin-top: 135px;
  border-radius: 25px;
  background-color: #ffffff;
  border: 1px solid #333333;
  color: #333333;
  line-height: 0px;
}
.faq-list-btm-area {
  padding-top: 70px;
}
/************************************faq list end*******************************/
/****************thank u**************/
.thanku-banner{
  height: calc(100vh - 146px);
}
.thanku-banner .each-banner-image, .thanku-banner .each-banner-image img{
  height: 100%;
}
.thanku-banner .each-banner-image img{
  object-fit: cover;
}
#loader_section{
  display:none;
  width:100%;
  position: fixed;
  top: 0;
  background: #000000b8;
  z-index: 9999999;
  height: 100vh;
  padding: 30vh 0px;
}
#loader_section p{
  color:#fff;
  font-size:18px;
  text-align: center;
}
#loader_section img{
  width: 100px;
  margin-bottom: 25px;
}
#menu {
 display: none;
}
.mm-current {
 display: block !important;
}
/*
.morgan_footer
{
  text-align: center;
  background: #000;
  padding: 7px 0px 5px;
}
a.morgeninternet-footer>img {
    height: 30px;
    padding-top: 15px;
}
*/
.morgeninternet-footer {
	background: #000000;
	width: 100%;
	height: 50px;
	display: block;
	text-align: center;
	transition: 0.3s all;
}

.morgeninternet-footer:hover {
	background: #202020;
	transition: 0.3s all;
}

.morgeninternet-footer > img {
	height: 30px;
	padding-top: 15px;
}
.error_background {
  background-color: #121212;
}
.error_top
{
}
.cookie_div{
    position: fixed;
    bottom: 0;
    z-index: 999999;
    width: 100%;
  padding: 0px 0;
}
.light_theme{
  background:rgba(255, 255, 255, 0.83);
  -webkit-box-shadow: 0px -3px 3px -1px rgba(203,203,203,0.6); 
  box-shadow: 0px -3px 3px -1px rgba(203,203,203,0.6);
}
.dark_theme{
    background: rgba(0, 0, 0, 0.78);
  -webkit-box-shadow: 0px -3px 3px -1px rgba(203,203,203,0.65); 
  box-shadow: 0px -3px 3px -1px rgba(203,203,203,0.65);
}
.cookie_div{
  color:#9c9c9c;
  font-size: 12px;
  /*font-family: 'Calibri';*/
  font-family: 'arial';
}
.cookie_div h4{
  margin-bottom: 15px;
  font-size: 13pt;
  font-family: 'Calibri';
}
.light_theme h4{
  color:#2a2a2a;
}
.dark_theme h4{
  color:#c9c9c9;
}
.cookie_div a{
	color:#38b6be;
	font-size: 10pt;
	font-weight:bold;
	margin-left:8px;
	font-family: 'Calibri';
}
.cookie_div button{
	color:#3c935c;
	background:#dbffe8;
	font-weight: bold;
	border: 0;
	padding: 10px 25px;
	margin:5px 0;
	cursor: pointer;
	font-size: 12px;
	/*font-family: 'Calibri';*/
	font-family: 'arial';
}
.mm-slideout {
    z-index: unset;
}

.man-image-wrap
{
  max-width: 100% !important;
}
.contact-form-sec.home-bnner{
	margin:0px;
}
.home-bnner h2{
  font-family: 'NunitoSans_7pt_CondensedExtraBold';
  letter-spacing: normal;
  color: #fff;
}

.home-bnner .inner-form p{
	margin: 40px 0 70px;
	color: #fff;
}
.home-bnner .inner-form .common-btn{
	color: #121212;
    background: #fff;
}
.subpages_sec .inner-form{
	margin-right: auto;
	margin-left: 0;
}
.subpages_sec .inner-form p{
	margin: 70px 0 70px;
 }
.form-1.inner-form{
	display: none;
	padding: 30px 15px;
	background: #1c1c1c;
}
.form-2.inner-form{
	display: none;
	padding: 30px 15px;
	background: #1c1c1c;
}
.sectoren-dtl-side-man{
  max-width: 350px;
  width: 100%;
}
.form-1 .form-btn, .form-2 .form-btn{
	margin-top: 20px;
}
@media(max-width: 1199.98px){
	.footer-menubar div{
		margin-left: 0;
	}
}
@media(max-width: 991px){
  .sectoren-dtl-side-man-wrapper .sectoren-dtl-side-man{
    margin-bottom: 30px;
  }
}
@media(max-width: 767px){
  .sectoren-dtl-side-man .inner-form{
    border-bottom-left-radius: 0;
  }
}

.producten-dtl-banner-bottom-sec .man-image-wrap{
  border:0;
}
.producten-dtl-banner-bottom-sec .producten-dtl-banner-bottom-right{
  border-top-right-radius: 16px;
}
.producten-dtl-banner-bottom-sec .inner-form, .sectoren-dtl-side-man .inner-form{
 border-radius: 0 0 14px 17px;
}
.producten-dtl-banner-bottom-left table, .product-table-content tbody{
  width: 100%;
  display: block;
}
.modal-area .modal-dialog {
  max-width:70%;
  margin: 12% auto 0;
}
.modal-area .modal {
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-area .close-img {
  position: absolute;
  color: #333333;
  font-size: 25px;
  top: 10px;
  right: 20px;
  cursor: pointer;
  z-index: 1;
}
.modal-area .close-img img {
  width: 15px;
}
.modal-area .modal-content {
  border: 0;
  border-radius: 0px;
  position: relative;
}
.modal-area .popup-content p{
  margin: 30px 0;
}
.modal-area .popup-content {
  padding: 40px 15%;
  position: relative;
  background-color: #fff;
}
.modal-area .popup-content h2 {
  color: #333333;
}
.modal-area .pop-up-image img{
 height: 100%;
 object-fit: cover;
}
.new-slider-block .swiper-button-next{
  right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.new-slider-block .swiper-button-prev{
  left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.new-counter-block .overons-bnr-btm-counter{
  display: none;
}
.new-counter-block .overons-bnr-btm-counter .common-btn{
  margin-top: 10px;
}
.new-counter-block .overons-bnr-btm-desc{
  padding-top: 40px !important;
}
.new-counter-block .overons-bnr-btm-desc p a{
	margin-top: 10px;
}
.whatsapp-btn.position-fixed{
  right: 0;
  bottom: 30px;
  background: #25D366;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 5px 0 0 5px;
  z-index: 9999;
}
.whatsapp-btn.position-fixed img{
  width: 30px;
}
/*========================new product========================*/
.product-banner{
  padding: 15% 0 3%;
}
.product-banner h1{
  position: relative;
  letter-spacing: 0.65px; 
  font-size: 65px;
}
.product-banner h1, .product-image-area .common-background .position-relative{
  z-index: 1;
}
.top-0{
  top: 0;
}
.start-0{
  left: 0;
}
.product-banner .position-absolute{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
}
.filter-block, .new-product{
  background: #DBE5EF;
}
.filter-block{
  padding: 100px 0;
}
.filter-wrap{
  max-width: 1000px;
}
.filter-wrap select, .filter-wrap .common-btn, .each-new-product .common-btn, .product-image-area .common-btn{
  font-family: 'NunitoSans_10ptBold';
  font-size: 16px;
  border: 1px solid #2F5C85;
  border-radius: 100px;
  height: auto;
  line-height: normal;
  padding: 12px 0;
}
.filter-wrap select{
  color: #2F5C85;
  appearance: none;
  -webkit-appearance: none;
  background: url(../images/arw.svg) #DBE5EF no-repeat 94% center/12px;
  padding-right: 30px;
  padding-left: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter-wrap select option{
  font-family: arial;
}
.filter-wrap .common-btn:hover, .each-new-product .common-btn:hover{
  border-color: #333333;
}
.new-product{
  padding-bottom: 40px;
}
.each-new-product{
  padding: 40px;
  margin-bottom: 60px;
}
.each-new-product img{
  max-height: 240px;
  object-fit: contain;
}
.each-new-product h5{
  color: #2F5C85;
  font-size: 32px;
  font-family: 'NunitoSans_7pt_CondensedExtraBold';
}
.each-new-product li{
  font-family: 'NunitoSansSemiBold';
  color: #000;
  font-size: 18px;
  letter-spacing: 0.36px;
  line-height: 158%;
  padding-left: 4px;
}
.each-new-product ul{
  list-style-type: disc;
  padding-left: 15px;
  padding-top: 20px;
}
.each-new-product h6{
  font-family: 'InterMedium';
  color: #2F5C85;
  font-size: 16px;
  letter-spacing: normal;
  margin-bottom: 20px;
}
.each-new-product .border-btn{
  color: #2F5C85; 
  margin-bottom: 12px;
}
.each-new-product .common-btn{
  max-width: 180px;
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-right: auto !important;
}
.each-new-product .border-btn:hover{
  color: #fff;
  border-color: #2F5C85;
}
.each-new-product .common-btn.producten-dtl-bl-border-btn {
  color: #2F5C85;
}
.each-new-product .common-btn.producten-dtl-bl-border-btn:hover {
  color: #fff;
}
.product-image-area{
  padding-bottom: 100px;
}
.product-image-area .common-background{
  padding: 9%;
}
.product-image-area .img-overlay{
  background: linear-gradient(0deg, rgba(0, 68, 130, 0.46) 0%, rgba(0, 68, 130, 0.46) 100%);
}
.product-image-area h2{
  font-size: 65px;
  letter-spacing: 0.65px;
  line-height: 107%;
}
.product-image-area h2, .product-image-area p{
  color: #fff;
}
.product-image-area .common-background .position-relative{
  max-width: 730px;
}
.product-image-area .common-btn{
  border-color: #fff;
  color: #fff;
}
.product-image-area .common-btn:hover{
  border-color: #2F5C85;
}
.product-image-area p{
  margin: 25px 0 40px;
  letter-spacing: 0.36px;
  line-height: 158%;
}
.product-image-area:before{
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 58%;
  background: #f6f4f5;
}
.each-product-list:nth-child(even){
  background: #f6f4f5;
}
.each-product-list:nth-child(even) .product-image-area:before{
  background: #DBE5EF;
}
.each-product-list:nth-child(odd) .product-image-area .col-lg-9{
  margin-left: 25%;
}
.desktop-nav .dropdown:hover .dropdown-menu {
  display: block;
}
.desktop-nav .dropdown-menu {
  padding: 12px 0 0;
  border-radius: 0px;
  min-width: 220px;
  margin: 0px;
  background: transparent;
  border: 0;
}
.desktop-nav .dropdown-item{
  padding: 8px 14px !important;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  color: #fff !important;
  background: #1d5c88;
}
.desktop-nav .dropdown-item:last-child{
  border-bottom: 0;
}
.desktop-nav .dropdown-item:hover{
  background: #333333 !important;
}

@media (max-width: 991.98px) {
  .filter-block{
    padding: 40px 0;
  }
  .filter-block .col-6{
    padding: 0 4px 8px !important;
  }
  .filter-block .row{
    margin: 0 -4px;
  }
  .filter-wrap select, .filter-wrap .common-btn{
    font-size: 14px;
  }
  .filter-wrap select{
    padding-left: 7px;
    padding-right: 20px;
  }
  .each-new-product, .product-image-area .common-background{
    padding: 30px 5%;
  }
  .each-new-product{
    margin-bottom: 30px;
  }
  .product-image-area{
    padding-bottom: 30px;
  }
  .each-new-product img {
    max-height: 140px;
  }
  .each-new-product h5, .each-new-product h6{
    margin-top: 20px;
    font-size: 22px;
  }
  .each-new-product ul{
    padding-bottom: 30px;
  }
  .each-new-product .common-btn{
    margin-left: 0;
  }
  .new-product{
    padding-bottom: 10px;
  }
  .each-product-list:nth-child(odd) .product-image-area .col-lg-9{
    margin-left: 0;
  }
}
.sectoren-dtl-bnr-btm-text .common-btn{
  vertical-align: top;
  margin-bottom: 8px;
  max-width: 235px;
  font-size: 13px;
}
.sectoren-dtl-bnr-btm-text .common-btn:not(:last-child){
  margin-right: 8px;
}
@media(min-width: 1200px) and (max-width: 1399.98px){
  .sectoren-dtl-bnr-btm .custom-grid{
    -ms-flex: 0 0 66%;
    flex: 0 0 66%;
    max-width: 66%;
  }
}
@media(max-width: 767.98px){
   .each-new-product li{
    font-size: 16px;
  }
}