html,body{overflow-x:hidden;}

img{max-width:100%;}

.img-cover{
	height:100%;
	width: 100%;
	object-fit: cover;
}


h1.title{color:white!important;}

.bgimage{
	position: absolute;
	opacity: 0.5;
	width:100%;
	height: 100%;
	object-fit: cover;
	top:0;
	left:0;
}

.littup_slider{
	margin-top: -260px;
	z-index: 666;
}
    


.mb-20{margin-bottom:20px;}

.testimonials.ttm-testimonial-box-view-style1.slick-slide{height:auto;}
.testimonial-section .layer-content{height:auto;}

.featured-imagebox .featured-thumbnail img{width:100%;}

.ttm-tabs.ttm-tab-style-04 ul.tabs li{cursor:pointer;}

.seo-text{
	column-gap: 70px;
	column-count: 2;
}
.widget-banner .widget-banner-inner a{padding:0px;text-transform: none;}
.widget-banner .widget-banner-inner a.ttm-btn{    padding: 18px 30px;}

.projecten-overzicht .spacing-1{margin-top:-107px;}

.extra-afbeelding{
	aspect-ratio:16/9;
	object-fit:cover;
}
.widget-nav-menu ul{padding:0px !important;margin:0px !important;}


.align-items-stretch >div {
	display: flex;
    flex-direction: row;
}

.align-items-stretch > div > * {
    flex: 1;
	    background-color: #fff;
    -webkit-box-shadow: 0 12px 20px rgba(1, 84, 85, 0.1);
    box-shadow: 0 12px 20px rgba(1, 84, 85, 0.1);
}
.slick-track { 	display: flex !important; }  .slick-slide { 	height: inherit !important; 	display: flex !important; 	justify-content: center; 	align-items: center; }
.featured-imagebox-post.style1 {height: calc(100% - 20px);}


.featured-imagebox-post-quoted blockquote:before{content:'';}

#pagination ul li{list-style:none !important;}	

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #203c70;
    border-color: #203c70;
}

.pagination li {
	margin-right:5px;
}

.pagination li a{
	color:#484848;
	    width: 40px;
    height: 40px;
    text-align: center;
}

.pagination li a:hover {
    background: #ee7623;
    border-color: #ee7623;
    color: #ffffff;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link{
    border-radius: 50% !important; 
}

.bottom-footer-text:before {
    background-image: url(../img/buslauwers.svg);
	width: 200px;
}

.bottom-footer-text:after{background-image:none;}




#paginainhoud ul:not([class]),
#paginainhoud ol:not([class]){
	margin:20px 0px 20px 20px;
	padding: 0px 0px 0px 10px;
}

#paginainhoud ul:not([class]) li,
#paginainhoud ol:not([class]) li{
	position:relative;
	list-style:auto;
}

.sidebar .widget ul:not([class]) li {
    list-style: none!important;
}

#paginainhoud ol:not([class]) li{
	list-style:none;
}

#paginainhoud ol:not([class]) li:before {
    content: "\f0a9";
    font-size: 10px;
    font: normal normal normal 14px / 1 FontAwesome;
    position: absolute;
    margin-left: -20px;
    top: 4px;
    color: var(--skin-color);
    font-weight: 700;
}

#paginainhoud ul:not([class]) li {
    position: relative;
/*    padding-left: 40px;*/
    padding-bottom: 0;
/*    margin-bottom: 25px;*/
}

/*#paginainhoud ul:not([class]) li::marker {
    font-size: 20px;
    line-height: 26px;
    font-family: var(--title-fonts);
    font-weight: 700;
    position: relative;
    color: var(--dark-grey-color);
}*/


#paginainhoud ul:not([class]) li:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 2px;
    background-color: var(--skin-color);
    top: 0;
    left: -15px;
    list-style: none;
}

.bg_blauw{
	 background:var(--grey-color);
}
.masonry img{width:100%;}

.widget.newsletter_widget button span{display:none;}
.widget.newsletter_widget button i{margin-left:0px;}

.col-bg-img-nine.ttm-col-bgimage-yes > .ttm-col-wrapper-bg-layer{background-image:none !important;}


.sidebar-fixed{
	position: fixed;
	z-index:9;
    text-align: center;
    max-width: 220px;
	bottom: 40px;
    float: left;
	   -webkit-animation: breathing 5s ease-out infinite normal;
    animation: breathing 5s ease-out infinite normal;
}


@-webkit-keyframes breathing {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  60% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes breathing {
  0% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  25% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  60% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}


a.knop{
	position:relative;
	display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: normal;
    padding: 15px 30px 15px 30px;
    background: transparent;
    border: 2px solid var(--dark-grey-color);
    position: relative;
    text-transform: capitalize;
    font-weight: 700;
    overflow: hidden;
    z-index: 1;
    transition: all 0.5s ease 0s;
	    transition: unset;
		font-size: 14px;
		    text-transform: capitalize;
    padding: 0;
    border: 0;
    background-color: transparent;
	    color: var(--dark-grey-color);
}

a.knop:after{
	content:'\f178';
	font: normal normal normal 14px / 1 FontAwesome;
	margin-left: 7px !important;
	transition: ease-in-out 0.5s;
}

a.knop:hover{
	color: var(--skin-color);
}

a.knop:hover:after{
	    margin-left: 7px !important;
    webkit-animation: tfLeftToRight 0.5s forwards;
    -moz-animation: tfLeftToRight 0.5s forwards;
    animation: tfLeftToRight 0.5s forwards;
}


.slick-track{margin-left:0px;}

.dienstenpro_cat .slick-slide {
    padding: 20px 15px;
}

.fancybox__slide.has-image > .fancybox__content {
    width: 100% !important;
    height: 100% !important;
}

.beletting_tekst_list {
    list-style: none;
    columns: 2;
    padding: 0;
    margin: 0;
    padding-inline-start: 0;
}
.belettering_tekst_check {
    color: #64c430;
    font-weight: 800;
    margin-right: 1rem;
    font-size: 1rem;
}

.header_button{
	display: inline-block;
    font-family: var(--body-fonts);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 27px;
    color: #ffffff !important;
    background-color: #011e41;
    padding: 4px 18px 3px 18px;
	border-radius: 5px;
}

.header_button:hover{color:white !important;}

.contact-info{
	    display: inline-block;
    float: right;
}

.sidebar .widget .contact_persoon{color:var(--dark-grey-color);font-size: 1.2em;}


.sidebar a.ttm-btn{text-transform: none;color:var(--dark-grey-color);}

.post-meta .ttm-meta-line img{max-height:40px;}
.ttm-post-entry-header{   
	float: right;
	width:240px;
    padding: 0px 0px 30px 40px;
}

.ttm-post-entry-header img{max-width:100%;}
.knopopafbeelding{
    margin-top:-45px;
    float:right;
}

.featured-imagebox-post-quoted {
    margin-top:-45px;
    left:50%;
}


#slider h1.title{
    font-size: 2.2em;
    line-height: 1.4em;
}

#fc_frame{bottom:105px !important;} 


#slider img{   
 min-height: 200px;
    object-fit: cover;
}

.littup_slider{    
position: relative;    
bottom: 0px;
}

#waarvoor h2{font-size: 35px;}

.featured-imagebox-post-quoted{width:50%;}

.projecten-overzicht .spacing-1 {
    margin-top: -100px;
}
#totop{right:29px;}

.whatsappbol{
    background-color:#2fe676;
    height:40px;width:40px;
    font-size: 1.3rem;
}

.bottom_whatsapp{
	display: block;
    position: fixed;
    right: 78px;
    bottom: 250px;
    z-index: 999;
    height: 0;
    width: 0;
    font-size: 0;
    text-align: center;
    padding-top: 3px;
    line-height: 34px;
    border-radius: 0px;
    transition: .3s ease-in-out;
}

.bottom_whatsapp .whatsappbol{
    background-color:#2fe676;
    height:60px;width:60px;
    font-size:2rem;
}

.mailchimp-inputbox{display:flex;}
.mailchimp-inputbox p{margin:0px;}

.vestiging{
	display: flex;
    flex-direction: column;
    align-items: center;
	text-align: center !important;
}

.header_knop{
    min-width: 310px;
}
.ttm-header-style-01 .top_bar_contact_item:first-child {
    padding-left: 4px;
}

.p-50{padding-top:50px;
padding-bottom:50px;}

/* XL */
@media (max-width: 1399.98px) {

}


/* LG */
@media (max-width: 1199.98px) {

}


/* MD */
@media (max-width: 991.98px) {  
    .seo-text{	column-count: 2;}
    .res-575-margin_bottom0{margin-bottom:0px;}
    .breadcrumb-wrapper{width: fit-content;}
    .dream-section .title-desc{padding: 0px 30px;}
    .widget-download .contact_persoon figure{    display: flex;    gap: 20px;}
    .featured-imagebox-post-quoted {    margin-top: 15px;    left: 0%;width:100%;}
    .projecten-overzicht .spacing-1 {    margin-top: 0px;}

    #diensten > .ttm-bg-layer > img.bgimage {
        display: none;
    }
    #diensten > .ttm-bg-layer {
        background-color: #2d4059;
        opacity: 1;
    }
	.header_knop{display:none;}
}


/* SM */
@media (max-width: 767.98px) {  
.widget ul#menu-footer-quick-links li{width: 100%;}
#introblok .ttm-bgcolor-darkgrey{padding: 20px;}
.top_bar{height:auto;}
.top_bar_contact_item{padding-left:0px;}
.ttm-header-style-01 .top_bar_contact_item:first-child:before{display:none;}
.ttm-header-style-01 .top_bar_contact_item:first-child {    padding-left: 0px;}
}



/* XS */
@media (max-width: 600.98px) {
	.top_bar_icon i,.top_bar{line-height:30px;}
}

/* XS */
@media (max-width: 479.98px) {
.seo-text{	column-count: 1;}
.ttm-post-entry-header{width:50%;}
.ttm-post-entry-header img{max-width:100%;width:100%;}
.copyright{margin-top: 95px;}
#diensten .title-header{padding-left:0px;}
h3 {        font-size: 20px;        line-height: 24px;    }
.section-title h3{ line-height: 24px;  }
h2 {        font-size: 29px;        line-height: 35px;    }
#waarvoor h2 {    font-size: 24px;}
.widget-download .contact_persoon figure{   flex-direction: column;}
#nieuws-details .ttm-post-entry-header{width: 100%;        padding: 0px 0px 40px;}
.ttm-header-style-01 .top_bar_contact_item:first-child {    padding-left: 0px;}


}