:root {
--tp-theme-1: #01b0f6;
--sf-secondary:#0d1636;
--sf-light-gray:#0d1636;
}

.bg-primary{
	background-color: var(--tp-theme-1) !important;
}

.text-white{
	color:white;
}

[data-hidden="true"]{
	display:none;
}
[data-hidden="false"]{
	display:block;
}

#header-sticky{
	background:var(--sf-secondary);
}

body{
	font-family:"new-order";
}
.menu-padding{padding:0px;}

.logo{
	width:230px;
}

.main-menu ul li:hover a{
	color:white;
}
.main-menu ul li.has-dropdown > a::after {
	top: 39px;
}


.main-menu ul li:hover a::after{
	color:white;
}

.sm-button::before {
    background: var(--sf-secondary)!important;
}

.absp-text.absp-text-1 img{
	width:35px;
	height:39px;
	margin: 20px 20px 0px 0px;
}

.absp-text.absp-text-2 img{
	width:49px;
	height:39px;
	margin: 20px 20px 0px 0px;
}

.border-5{
	border-radius:5px;
}

.item-slider::before{
	background: linear-gradient(0deg, rgba(32,61,124,1) 0%, rgba(94,94,94,0.4206057422969187) 100%);
}

.item-slider::after{
	background:none;
}

#main img {
	border-radius: 6px;
}

.photo-block{
	position: absolute;
    background-image: url('../img/foto-bg.png');
    background-position: bottom 0px right 20px;
    background-repeat: no-repeat;
    background-size: 60%;
}

.sd-content{
	min-height:285px;
}

.sd-content .sd-meta {
    font-size: 14px;
}

.sd-content h5 {
    width: 70%;
    font-size: 28px;
}

.video_title{
	position: absolute;
    top: 35px;
    left: 35px;
    color: white;
    line-height: 1.4em;
    width: 32%;
    font-weight: bold;
    font-size: 28px;
}

.testimonial__right-bg:before{
	content: '';
	position:absolute;
	background: radial-gradient(circle, rgba(94,94,94,0.4206057422969187) 0%, rgba(32,61,124,1) 73%);
    height: 100%;
    width: 100%;
    display: block;
}

.client__designation span{
	color:var(--tp-theme-1);
}

.rounded-100{border-radius:100%;}


.blog__item{
/*	padding:0px;*/
	box-shadow: 0px 1px 11px -6px #b9b9b9;
}

.blog__img img{
	width:100%;
	border-radius:5px 5px 0px 0px;
}


.blog__meta{
	padding: 20px 30px 0px;
}

.blog__sm-title{
	padding: 0px 30px;
}

.blog__btn .link-btn{
	padding: 0px 30px;
	border-radius:0px 0px 5px 5px;
	border:0px;
}

.blog__btn .link-btn:hover{
	background:var(--tp-theme-1);
	color:white !important;
}

.blog__btn .link-btn:hover i{
	color:white !important;
}

.blog__badge{
	position: absolute;
    background: var(--tp-theme-1);
    color: white;
    padding: 20px;
    width: 80px;
    height: 80px;
    text-align: center;
    right: 20px;
    top: -60px;
    line-height: 1.5em;
    border-radius: 5px;
    font-size: 1em;
}

.blog__author span{content:'';}
 
.blog__area .section__wrapper .r-text{bottom: 23%;}
.about__area .section__wrapper .r-text{bottom: 27%;}
.blog__btn a{width:100%;}

.blog__btn a i{margin-top: 20px;}

.blog__item:hover .blog__meta, .blog__item:hover .blog__catagory span, .blog__item:hover .blog__sm-title, .blog__item:hover .bolg__btn a,.blog__item:hover .blog__author span, .blog__item:hover i,.blog__item:hover .blog__btn a{
	color:var(--sf-secondary);
}

footer{
	background: #12A770;
	background: linear-gradient(0deg,rgba(18, 167, 112, 1) 0%, rgba(44, 178, 133, 1) 100%);
}

footer .logo-bg{
    background-image: url('../img/foto-bg.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 37.5%;
}

.footer__subscribe-form .s-button{background:var(--sf-secondary);}

.footer__social-icon i{color:#b4b8bb;}
.footer__social-icon i:hover{color:white;}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.header__sticky .logo{height: 60px;}

.header__sticky .main-menu ul li a{padding: 20px 0;}

.header__sticky .main-menu ul li > a::after{top:19px;}

.taalswitcher{
	list-style:none;
	color:white;
	position: absolute;
	background: var(--sf-secondary);
	padding:5px 10px;
}

.taalswitcher li a{
	display:none; 
	color:var(--tp-grey-2);
}

.taalswitcher li a.active,
.taalswitcher li a:hover{
	display:block;
	color:white;
}

#language-arrow{
 width:25px;
 height:25px;
 color: white;
 cursor:pointer;
 text-align:center;
 margin: 5px 0px 0px 30px;
}

.preloader{
	background-size: 25%;
}

.product .vide-button{
	right: 50%;
    transform: translateX(50%) translateY(-50%);
}
.nieuws-link span{margin:0px 10px;}
.nieuws-link:hover p{color:var(--tp-theme-1) !important;}
.cursor-pointer{cursor:pointer;}
.breadcrumb-menu{display:none;}
.contact__social{list-style:none;}
.contact__social li{float:left;}
.pagina-title{
	position: absolute;
    top: 300px;
    z-index: 40;
	font-size:3em;
	color:#1f3d7c;
	margin-top:60px;
}

.page__title-wrapper{
	text-align: left;
    margin-left: -10px;
}

.page__title-overlay::before{

}
.slide img {
    max-width: 100%;
    max-height: 300px;
    width: 100%;
    object-fit: cover;
}
.page__title-overlay::after{
	background:none;
}

.services__item{
	height:100%;
}

.services__item{padding:0px;}

.serv_content{padding: 20px 20px 0px;}
 
.ser__icon{
	float: left;
    margin-bottom: 30px;
	padding:5px;
}

.ser__icon img{
	float:left;
	width:calc(50% - 2.5px);   
	border-radius: 6px 0px 0px 0px;
}

.ser__icon img:nth-child(2){
	margin-left:5px;    
	border-radius: 0px 6px 0px 0px;
}

.blog__badge{padding:0px;}

.datum-dag{
	font-size: 2.7em;
    width: 100%;
    font-weight: bold;
    margin-top: 20px;
}

.datum-maand{
	width:100%;
}

.nevigation__info img{
	width:80px;
	height:80px;
}

.feature__images{
	margin-left:0px;
}

.teruglink{
	border-radius:0px 0px 5px 0px;
	padding: 0px 15px;
    height: 40px;
    line-height: 40px;
}


.team__item-grid::after{
	border-radius:5px;
	background: #1f3d7c8c;
}

.team__social-3{
	justify-content: center;
}

.team__info h5:hover,
.team__content h5:hover{
	color:white;
}


.team__image::before{
	height: 130px;
	background: #1f3d7cb3;
	-webkit-clip-path: none;
    clip-path: none;
}

.team__item:hover .team__social {
	bottom: 100px;
    top: auto;
}

.team__social{ top: auto;bottom: 150px;}

.slide img{max-width:100%;} 

.nieuwsoverzicht .blog__sm-title{
	font-size: 2.2em;
  	line-height: 1.3;
}

.blog__sm-text{
    line-height: 1.4;
	padding: 0px 30px;
}

.nieuwsoverzicht .pagination {
	justify-content: center;
}
.nieuwsoverzicht .pagination li.active .btn {
	background-color: #0d6efd;
	color: #fff;
}

.contact__form .contact-filed.contact-icon-phone::after {
    content: "\f095";
}

.contact__map-icon i{
	bottom:-14.5%;
	left: 48.35%;
	top:auto;
}

.about__sm-image .sm-image__content{
	background:var(--tp-theme-1);
}

.sm-number{
	font-size:6em;
	color:white;
	font-weight:bold;
}

.sidebar__social ul li a:hover{
	background:var(--tp-theme-1);
}

.footer__social-icon{
	list-style:none;
}

.footer__social-icon li{float:left;}

img{max-width:100%;}



.flip-card-back:before{
position: absolute;
    content: "";
    left: 50%;
    right: 0;
    bottom: -8px;
    width: 15px;
    height: 8px;
    background: var(--tp-theme-1);
    clip-path: polygon(100% 0, 0 0, 50% 100%);
}

.product-info{
	z-index: 2;
    left: calc(var(--bs-gutter-x) * .5);
    right:calc(var(--bs-gutter-x) * .5);
    margin-top: 30px;
}

.product-toggle{cursor:pointer;}

.about__area .tp-btn-ts{border:1px solid var(--tp-theme-1);}

.page__title-height{height:300px;min-height:100px;}
.single-services {height: 100%;}


#visie_blok h2{
	border: 0;
    background: #343a40;
    font-size: 14px;
    color: var(--tp-common-white);
    text-transform: uppercase;
	text-align:center;
    font-weight: 500;
    padding: 25px 10px;
    width: 100%;
	margin: 0px;
	text-transform:uppercase;
}

#visie_blok .row > *{padding:0px;}


#visie_blok p{
	text-align:center; 
	padding:60px;
	
    line-height: 28px;
	margin: 0px;
}
#visie_blok .row > div:nth-child(2) h2{background:#1f3d7c;position:relative;}
#visie_blok .row > div:nth-child(2) h2::before{
	position: absolute;
    content: "";
    left: 50%;
    right: 0;
    bottom: -8px;
    width: 15px;
    height: 8px;
    background: var(--tp-theme-1);
    clip-path: polygon(100% 0, 0 0, 50% 100%);
}

.btn-outline-primary {
    color: #1f3d7c;
    border-color: #1f3d7c;
}

.nieuwsoverzicht .pagination li.active .btn {
    background-color: #1f3d7c;
    color: #fff;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #1f3d7c;
    border-color: #1f3d7c;
}

.sf_socials a:hover i{color:#1f3d7c;}
.about__sm-image-df{transform: translateY(0px);}

.vide-button{
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: auto;
}
 
.blog__item{height:auto !important;} 
.contact__map-icon i{transform: translateX(-50%); left:50%;}

#nieuws-list .blog__content{
		height: 400px;
}

#nieuws-list .blog__sm-title{margin-bottom:0;}
#nieuws-list .blog__sm-text{margin-bottom:auto;}
 
.blog__content{
	height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.blog__sm-title{margin-bottom:auto;}

.team__info{transform: translateY(-20%);}
.blog__details-area .blog__content{height:auto;} 



.foto_slider_landing{
    position: relative;
	height:600px;
	background-position:center;
	background-size:cover;
}
.foto_slider_landing .container{
	position:relative;
	height: 100%;
}

.foto_slider_landing .label{
	position:absolute;
	z-index:2;
	top:100px;
	right:0px;
}

.foto_slider_landing .text_box{
	top:60%;
	position:absolute;
	    z-index: 2;
}

.foto_slider_landing p{font-size:1.5em;}

.foto_slider_landing:after{
    content: '';
    height: 100%;
    top: 0px;
    left: 0px;  
    background: linear-gradient(180deg, rgba(41,171,226,0) 0%, rgba(31,61,124,1) 95%);
    position: absolute;
    bottom: 0px;
    right: 0px;
}


.green{background:#71b73a;}
.steel{background:#333740;}

.about_steel h3,
.about_green h3{
	font-size:1.2em;
	margin-top:30px;
}

.info_box{
    position: relative;
    margin-top: 20px;
    width: calc(100% - 100px);
    margin-left: 100px;
    border-radius: 10px;
    padding: 30px;
    padding-top: 150px;
}


.info_box img{
	position:absolute;
	top:-60px;
	left:-80px;
}

.info_box ul{
	margin-top: 20px;
}

.info_box ul li{
	list-style:none;
	    margin-left: 40px;
}

.info_box ul li:before{
	content: '\f00c';
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
    margin-right: 15px;
    margin-top: 23px;
    margin-left: -40px;
    top: 5px;
    font-size: 2em;
    position: relative;
}

.green.info_box ul li:before{color:#395d1d;}
.steel.info_box ul li:before{color:#02df98;}







/* NOVAKRAFT */

.logo img{width:100%;}
.tp-btn{
	background: #00C4FA;
	background: linear-gradient(180deg,rgba(0, 196, 250, 1) 0%, rgba(4, 101, 233, 1) 100%);
	border:0px;
	line-height:60px; 
}

#header-sticky{background:transparent;}
header .tp-btn{font-weight:300;    margin-left: 30px;}

.rotate-45{    transform: rotate(-45deg);}
.header-info .info-item-right{
	display: flex !important;
    align-content: center;
    align-items: center;
    color: white;
	margin-right:0px;
}

#header_foto{
	background-image:url('/Forms/img/over_img.jpg');
	background-repeat:no-repeat;
	min-height:90vh;
	width:100%;
	position:relative;
	background-size: cover;
}

.taalswitcher{
	background:transparent;
}
.logo {
	background:transparent;
    width: 180px;
}

.border-header{
	border-bottom:1px solid white;
}

.language-header{
	position:absolute;
	right:0px;
    width: 100%;
}

#header_foto .box_text{
	display: flex;
    position: absolute;
    height: 100%;
    width: 100%;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
	left:0px;
	background: #0465E9;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 11%, rgba(0, 0, 0, 0.5) 38%, rgba(0, 0, 0, 0) 80%)
}


#header_foto .box_text h1{
	color: white;
    width: 100%;
    text-align: center;
    font-size: 8.6em;
}

#header_foto .box_text p{
	font-weight: 600;
	color: white;
}
#header_foto .box_text p span{
	color: #40bc64;
}

#header-sticky.header__sticky{background:#00C4FA;} 

.header__sticky .logo{    height: 90px;    width: 150px;}
.section__wrapper .section__title{margin-left:0px;}

.section__wrapper::before {
    position: absolute;
    content: "";
    width: 90px;
    height: 1px;
    background: #37c24f;
    top: 0;
	margin-left: -45px;
}


.section__wrapper .section__title {
    margin-left: 0px;
    color: #373c42;
    font-weight: 900;
}

.ab-left-content .abd-text{color: #787878;}

.progress-item{
	float:left;
	width:45%;
	margin-right:5%;
	margin-bottom:30px;
}

.progress-item:nth-child(even){
	margin-left:5%;
	margin-right:0%;
}

.progress-item h3{
	float: left;
    width: 100%;
    text-align: left;
    color: #8d8d8d;
    font-weight: 200;
	font-size: 18px; 
}

.progress-item h3 span{float:right;}

.progress-container {
  width: 100%;
  height: 7px;
  background: #e0e3da;
  border-radius: 0px;
  overflow: hidden;
  box-shadow: inset 0 2px 5px rgba(0,0,0,0.2);
}

.progress-bar {
  height: 100%;
  background: linear-gradient(90deg, #0060e5, #007bff, #66ccff);
  border-radius: 0px;
  transition: width 0.4s ease-in-out;
}



.about__area .section__wrapper::before{
	margin-left:0px;
	width:70px;
}

.bold{font-weight:900;}


.about__area a{
	color: #1478b3;
    font-weight: 300;
}

footer .logo-bg{background-image:none;}

h3.section__title {
	color: #797979;
    font-size: 2em;
}

#uitstoot img{
	width:100%;
	object-fit:cover;
}


.contact__area-2 .section__wrapper::before{
	margin-left:0px;
	width:100%;
}



#cta{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	position:relative;
}

#cta:after{
	content:'';
	position: absolute;
    height: 100%;
    width: 100%;
	top:0px;
	left:0px;
	
	background: #0465E9;
    background: linear-gradient(90deg, rgba(4, 101, 233, 0.52) 0%, rgba(55, 193, 77, 0.17) 20%, rgb(55 193 77 / 64%) 70%, rgba(4, 101, 233, 0.63) 100%);
}

#cta h3{font-size:2.6em;}

#cta .col-12{
	position: relative;
    z-index: 4;
}
.testimonial__slider-3 {
    margin-top: 0px;
} 


a.underline{
	color:#00C4FA;
	text-decoration:underline;
}

.footer__social-icon i {
    color: #ffffff;
}

.footer__social-icon i:hover{
    color: #00C4FA;
}


.header-list{
	position: absolute;
    bottom: 0px;
	left: 0px;
    right: 0px;
    width: 100%;
}
 
.header-list li{
	color:white;
	float: left;
    width: 25%;
	list-style:none;
	display: flex;
	padding-bottom:30px;
	border-bottom:5px solid transparent;
}
.header-list li h4{color:white;}

.header-list li:hover i{
	color:#37c04e;
}

.header-list li:hover{
	border-bottom:5px solid #37c04e;
}
.icon-img{
	width:50px;height:50px;
	margin-right: 20px;
	object-fit:cover;
}

.header-list i{
	font-size: 40px;
    margin-right: 20px;
}

.side-menu-icon{
	float: left;
    padding: 20px;
    margin-left: 50px;
    position: absolute;
    top: 10px;
}

/* .menu-area{
	float: left;
    padding: 20px;
    position: absolute;
    top: 100px;
    width: 300px;
    background: white;
    left: 0px;
}

.menu-area li{
	width:100%;
} */

.sidebar__area{
	left: -485px;
	right:auto;
	background: #f7f7f7;
}
.sidebar__area.sidebar-opened {
    left: 0px;
	right:auto;
}


#uitstoot .position-relative h3{
    position: absolute;
    top: 50px;
    left: 50px;
    color: white;
    font-size: 2.6em;
    width: 60%;
}

.sidebar__area .header-info .info-item-right{
	color:black;
	margin-top:30px;
}

#header-sticky .logo-area{    margin-left: 100px;}


#nieuwsbrief_form #Email{
    /* padding-left: 55px; */
	border-radius: .25rem 0px 0px .25rem;
}


#nieuwsbrief_form #Email::before {
   content: "\f0e0";
    position: absolute;
    left: 30px;
    top: 18px;
    font-family: "Font Awesome 5 Pro";
    color: var(--tp-heading-primary);
}

#nieuwsbrief_form .tp-btn{
	border-radius: 0px .25rem .25rem 0px;
}



.black-gradient{
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, rgba(4, 101, 233, 0.52) 0%, rgb(55 193 77 / 44%) 50%, rgba(4, 101, 233, 0.63) 100%);
    display: block;
    top: 0px;
    position: absolute;
}








.header-list li{
	gap: 10px;
}




#header_foto li div:nth-child(2){
padding:0px 5%;
    width: 90%;
}

.uitstoot-cta{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
	padding:0px;
}
.uitstoot-cta:before{
	content: '';
    display: flex;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 11%, rgba(0, 0, 0, 0.5) 38%, rgba(0, 0, 0, 0) 80%);
    border-radius: 5px;
    z-index: 0;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.uitstoot-cta h3{
	margin-top:250px;
	color:white;
	padding:30px;
	    z-index: 4;
    position: relative;
}


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

.about__area .col-lg-6{
    margin-right: 5%;
    width: 45%;
    padding-right: 0px;
}

.about__area .col-lg-6:nth-child(even){
    margin-left: calc(5% - 10px);
    width: 45%;
    margin-right: 0px;
}

}




@media (max-width: 1399.98px) {

}



/* LG */
@media (max-width: 1199.98px) {
#header_foto .box_text h1{font-size:6em;}
}




/* MD */
@media (max-width: 991.98px) {  
	.footer__copyright-links a {
		margin-right: 0px;
		float: right;
		width: 100%;
	}
	#visie_blok p{margin-bottom:30px;}
	
#header_foto .box_text h1{font-size:5em;}
#header_foto .box_text{padding:20px;text-align:center;}
}




/* SM */
@media (max-width: 767.98px) {  
	.video_title{display:none;}
	.about__sm-image-df{transform: translateY(0px);}
	.pagina-title{font-size:3em;}
	#header_foto .box_text h1{font-size:4em;}
	.progress-item{width:100%; margin: 20px 0px 0px !important;}
}


/* XS */
@media (max-width: 575.98px) { 
	.logo{width: 160px; padding: 0px 10px;}
	.company__about-tab .about-tabs .abst-item-link{font-size:11px;}
	.pagina-title{font-size:2em;}
	.info_box{margin: 0px;    width: 100%;}
	.info_box img{left: 10%;    max-width: 80%;} 
	.LP_contact input,.LP_contact textarea{    width: 90% !important;    margin: 0px 5%;}
#header_foto .box_text h1{font-size:2.5em;}

.sidebar__area .tp-btn{width:100%;}
.header-info .info-item-right{flex-direction: column;}
}