/* Fonts */
.italic{
	font-family: proxima-nova, sans-serif;
	font-weight: 400;
	font-style: italic;
}
.regular{
	font-family: proxima-nova, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.bold{
	font-family: proima-nova, sans-serif;
	font-weight: 700;
	font-style: normal;
}
.bold-italic{
	font-family: proxima-nova, sans-serif;
	font-weight: 700;
	font-style: italic;
}
/*.grecaptcha-badge{visibility: hidden !important;}*/
/* delete text on top chatbox */
.miwo-viewport #banner, .banner-paint{
	display: none !important;
}

/* Backgroud Video Video */
.normal-page-header-video{overflow-y: hidden;}
#backVideo{
	position: absolute;
	top: 0%;
	left: 0%;
	min-height: 100%;
	min-width: 100%;
	max-width: 100%;
	max-height: 100%;
	text-align: center;
	object-fit: cover;
}
/* Popup CSS - start */
#popup_privacy{display: none; position: fixed; bottom: 1em; right: 1em; font-family: Helvetica,Calibri,Arial,sans-serif; font-size: 16px; line-height: 1.5em; width: 390px; max-width: 90%; padding: 0; color: #FFF; background-color: rgb(0, 0, 0); border-radius: 0; z-index: 10000002 !important;}
#popup_privacy p{margin: 0; font-size: 14px; color: #FFF; padding: 2em;}
#popup_privacy a{color: #FFF; text-decoration: underline;}
#popup_privacy button{border-radius: 0; margin-top: 20px; text-transform: uppercase; padding: 10px;}
#popup_privacy button, #popup_privacy button:hover, #popup_privacy button:focus, #popup_privacy button:active{box-shadow: none; border-radius: 0px; outline: none; border: none; background-color: #00A9CB; width: 100%;
transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1);
-webkit-transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1);
-moz-transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1);
-o-transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1);
-ms-transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1);}
#popup_privacy button:hover, #popup_privacy button:active, #popup_privacy button:focus{color: #FFF; background-color: #444444; ;
transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1);
-webkit-transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1);
-moz-transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1);
-o-transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1);
-ms-transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1);}
/* Popup CSS - end */

/* General */
.grey{background-color: #F5F5F5 !important;}
img{max-width: 100% !important;}
body.home{padding-top: 140px;}
body{padding-top: 180px;}
.only-sm{display: none;}
.only-desktop{display: block;}
.no-desktop{display: none;}
.full-width{width: 100%;}
.strong, .bold{font-weight: bold;}
.no-height{height: 0px; overflow: visible;}
.padding-standard{padding: 60px 0px;}
.block-overlap{margin-top: -50px;}
.normal-block{padding-top: 50px; padding-bottom: 50px;}
.home .row-2 .normal-block{padding-bottom: 0;}
.normal-block h2{margin-bottom: 50px;}
.lowercase, a.lowercase{text-transform: none !important;}
.uppercase{text-transform: uppercase !important;}
.clear-wrapper{width: 100% !important; clear: both !important;}
.home .redenen-xs{display: none;}
.blue{background-color: #00A9CB;}

body{
	font-family: proxima-nova, sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
}

/* Cookie policy - start */
.cc-revoke, .cc-window{
	z-index: 10000001 !important;
	width: 100% !important;
	max-width: 100% !important;
	bottom: 0 !important;
	right: 0 !important;
}
.cc-compliance, .cc-message{
	min-width: 700px;
	width: 700px;
	max-width: 100% !important;
	margin: 0 auto;
}
/* Cookie policy - end */

/* breadcrumbs */
.home .btn-breadcrumb{height: 0; overflow: visible; background-color: transparent;}
.home .btn-breadcrumb .grey, .home .btn-breadcrumb .white{background-color: transparent !important;}
.btn-breadcrumb .cta-wrapper, .btn-breadcrumb .breadcrumb-wrapper{display: inline-block;}
.breadcrumb-links {padding-left: 15px; position: relative; top: 5px;}
.breadcrumb-links a{color: #000000 !important; font-size: 13px; line-height: 16px;}
.home .breadcrumb-links{display: none ;}
.breadcrumb_last{font-size: 13px !important;}

.scroll-btn{display: none;}
.home .scroll-btn, .views-template-betonrot--sub .contact-btn, .views-template-betonrot--sub-new .contact-btn, .views-template-onderhoud .contact-btn, .views-template-prijsofferte .contact-btn, .views-template-contact .contact-btn{display: none;}
.home .contact-btn, .views-template-betonrot--sub .scroll-btn, .views-template-betonrot--sub-new .scroll-btn, .views-template-onderhoud .scroll-btn, .views-template-prijsofferte .scroll-btn, .views-template-contact .scroll-btn{display: block;}

/* do not display */
.wpcf7-validation-errors, .wpcf7-not-valid-tip{display: none !important;}

.relative{position: relative;}
.absolute{position: absolute;}
.overlay{width: 100%; height: 100%; left: 0; top: 0;}

.act-table{position: relative; width: 100% !important; height: 100% !important; display: table;}
.act-cell{width: 100%; height: 100%; display: table-cell !important; vertical-align: middle;}

.blue-back{background-color: #00a9cb;}
.white-back{background-color: #FFF;}
.text-center{text-align: center !important;}

.home h2{color: #000000; font-family: proxima-nova, sans-serif !important; font-size: 42px; letter-spacing: -0.42px; line-height: 52px;  text-align: center;}
.home h3, #contactform h3, .video-wrap h3{color: #000000;	font-family: proxima-nova, sans-serif !important; font-size: 24px; font-weight: bold; letter-spacing: -0.18px; line-height: 29px;}

/* Margin left right minus */
.waarom-block
{margin-left: -15px !important; margin-right: -15px !important;}

/* Page introduction */
.row-introduction .normal-block{padding-bottom: 105px !important; padding-top: 65px !important;}
.views-template-betonrot .row-introduction .normal-block,
.views-template-betonrot--sub .row-introduction .normal-block,
.views-template-betonrot--sub-new .row-introduction .normal-block{padding-bottom: 65px !important; padding-top: 65px !important;}

.row-introduction{color: #FFF; text-align: center;}
.row-introduction .container{max-width: 936px !important; margin: 0 auto !important;}

/* Buttons */
a.btn{font-weight: 600; text-transform: uppercase; padding-left: 25px !important; padding-right: 25px !important; background-color: #000 !important; color: #FFF !important;}
a.btn-blue{background-color: #00A9CB !important; color: #FFF !important;}
a.btn:hover, a.btn-blue:hover{background-color: #444444 !important;}
a.btn-white{background-color: #FFF !important; color: #00A9CB !important;}
a.btn-white:hover{background-color: #00A9CB !important; color: #FFF !important;}

/* Logo */
.logo-website{max-width: 193px;}
.logo-website img{width: 100%;}

/* Navigation */
.navbar-header{width: 100% !important; float: none;}

.head h1{margin: 0;  color: #ffffff;  font-size: 42px !important; font-weight: 600 !important; line-height: 52px !important; text-transform: none !important; text-shadow: 0 0 15px rgba(0, 0, 0, 0.5) !important;}
.normal-page-title h1{
	font-weight: 600;
	text-align: center;
	margin-top: 8rem;
    margin-right: 0px;
}
.normal-page-title .line{
	position: relative;
    top: -2rem;
    display: inline-block;
    width: 8%;
    border-bottom: 4px solid #00a9cb;
}
.views-template-vacature-detail .normal-page-title h1{margin-bottom: 10px !important;}
.header-cta{margin-top: 40px;}
.head .overlay{opacity: 0.12;}

.normal-page-header{height: 400px;}

.navbar .navbar-collapse .navbar-nav li a{padding-bottom: 20px !important; padding-top: 30px !important;}
.navbar .navbar-collapse .navbar-nav li:last-of-type a{padding-right: 0 !important;}
.contact-tel{font-weight: 600; padding-bottom: 20px; font-size: 13px;}
.contactform-xs{display: none;}
.contact-tel a{display: inline-block; padding-left: 5px;}

.navbar .navbar-collapse .navbar-nav li.current-menu-item a{border: none !important;}

/* Dropdown */
ul.sub-menu{
	padding-top: 7px;
	padding-bottom: 10px;
	visibility: hidden;
	z-index: 9999 !important;
    position: absolute;
    padding-left: 15px;
    top: 60px;
    left: -15px;
    background-color: #FFF;
    min-width: 200px;
    opacity: 0;
    transition: opacity 0.4s ease;
}
.sub-menu .menu-item a{
	display: block !important;
}
.menu-item:hover > .sub-menu{
	visibility: visible;
  	opacity: 1;
	transition: opacity 0.4s ease;
}
.navbar .navbar-collapse .navbar-nav .sub-menu a:hover{text-decoration: none !important}
.navbar .navbar-collapse .navbar-nav .sub-menu a{
	padding-bottom: 10px !important;
	padding-top: 7px !important;
	font-size: 13px;
	letter-spacing: -0.13px;
	color: #000000;
	font-weight: normal;
	text-transform: none;
}

/* Forms */
.home .row-1 div[class^="col-"]:nth-child(2){padding-left: 0 !important;}

.form-block-wrapper{padding-right: 30px; padding-left:;}
.views-template-vacature-detail .form-block-wrapper{margin-bottom: 30px;}
.views-template-vacature-detail .form-block-wrapper{padding-right: 0; padding-left: 30px;}
.form-block-inner{padding: 15px 30px 10px 30px; box-shadow: 0 0 7px 0 rgba(0,0,0,0.1);} 
.home .form-block-inner{margin-bottom: 20px !important;}
.form-block-inner h3{text-align: center;}

.form-block-inner input[type="text"], .form-block-inner input[type="email"], .form-block-inner textarea, .form-block-inner select{border: none; box-shadow: none; margin-top: 30px; border: 1px solid #EBEBEB !important; background-color: #F5F5F5; padding-top: 15px !important; padding-bottom: 15px !important; height: auto;}
.form-block-inner input[type="text"].wpcf7-not-valid, .form-block-inner input[type="email"].wpcf7-not-valid, .form-block-inner textarea.wpcf7-not-valid{border-color: red !important;}
.form-block-inner select{padding-left: 10px !important; margin-top: 5px !important; padding-right: 10px !important; width: 100% !important;}
.form-block-inner select{font-size: 14px !important; color: #555 !important;}

.form-block-inner textarea{height: 212px;}
.form-block-inner input:focus, .form-block-inner textarea:focus, .form-block-inner select:focus, block-inner select:active,
.form-block-inner input:active, .form-block-inner textarea:active{outline: none; box-shadow: none;}
.form-block-inner .form-groups .form-group input[type="submit"]{padding-left: 25px !important; padding-right: 25px !important;  margin-top: 10px; background-color: #00a9cb; text-transform: uppercase; font-weight: bold;}
.form-block-inner .form-groups .form-group input[type="submit"]:hover{background-color: #444444 !important;}

textarea{resize: none !important;}

/* Waarom kiezen voor - block */
.redenen-wrap{padding-left: 0 !important; padding-right: 0 !important;}
.home .redenen-wrap .btn-cta{margin-bottom: 20px;}
.redenen-hor-wrap .btn{margin-top: 20px !important; min-width: 200px; max-width: 90%;}
.home ul.redenen-list{padding: 0 !important; max-width: 350px; margin: 0 auto !important; padding-top: 10px !important;}
.home ul.redenen-list li.reden{margin: 0 !important; padding: 0 !important; list-style-type: none; background-repeat: no-repeat; background-position: left center; background-size: auto 55px; padding-top: 30px !important; padding-bottom: 30px !important; padding-left: 75px !important;}
.home .btn-cta{margin-top: 30px;}

.redenen-wrap h2, .waarom-block h2{padding-left: 20px; padding-right: 20px;}
.views-template-prijsofferte .redenen-wrap h2{font-size: 42px; line-height: 52px; max-width: 700px; margin: 0 auto;}

.redenen-list.list-horizontal{padding: 0 !important; margin: 0 !important; margin-top: 30px !important; margin-bottom: 30px !important;}
.redenen-list.list-horizontal li{float: left; display: block; height: 100% !important; width: 20%; font-size: 18px; letter-spacing: -0.18px; line-height: 22px; margin-bottom: 40px !important;}
.redenen-list.list-horizontal li p{padding-left: 10px; padding-right: 10px; max-width: 300px; margin: 0 auto; font-weight: normal;}
.views-template-prijsofferte .redenen-list.list-horizontal li{font-weight:;}
.redenen-list.list-horizontal img{height: 55px; margin-top: 30px; margin-bottom: 30px;}
	
.waarom-block .overlay{opacity: 0.8;}
.views-template-onderhoud .waarom-block .overlay{opacity: 1;}
.waarom-wrapper{position: relative; margin-bottom: 30px; color: #FFF;}
.views-template-betonrot .waarom-wrapper h4{text-decoration: underline;}
.views-template-betonrot--sub .waarom-wrapper,
.views-template-betonrot--sub-new .waarom-wrapper{color: #000000;}

.waarom-inner{height: 480px; background-position: center center; background-size: 100%; padding: 30px;
transition: 				all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transition: 		all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: 			all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: 				all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: 			all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);}
.waarom-inner:hover{background-size: 104%;
transition: 				all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transition: 		all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: 			all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: 				all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: 			all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);}

.views-template-betonrot .waarom-inner,
.views-template-betonrot--sub .waarom-inner,
.views-template-betonrot--sub-new .waarom-inner{height: 390px;}

.page-template-tmplteam-php .row-1{display: none;}

.waarom-wrapper .overlay{background-color: #00a9cb;}
.views-template-betonrot .waarom-wrapper .overlay{opacity: 1;}
.views-template-betonrot--sub .waarom-wrapper .overlay, .views-template-betonrot--sub-new .waarom-wrapper .overlay{background-color: #F5F5F5;}
.waarom-kiezen-voor-wrapper .col-md-6:nth-child(odd) .waarom-wrapper{padding-right: 30px;}
.waarom-kiezen-voor-wrapper .col-md-6:nth-child(even) .waarom-wrapper{padding-left: 30px;}

.views-template-onderhoud .waarom-kiezen-voor-wrapper .col-md-6:nth-child(odd) .waarom-wrapper,
.views-template-betonrot--sub .waarom-kiezen-voor-wrapper .col-md-6:nth-child(odd) .waarom-wrapper,
.views-template-betonrot--sub .waarom-kiezen-voor-wrapper-new .col-md-6:nth-child(odd) .waarom-wrapper{padding-right: 0;}
.views-template-betonrot  .waarom-kiezen-voor-wrapper .col-md-6:nth-child(even) .waarom-wrapper,
.views-template-betonrot--sub  .waarom-kiezen-voor-wrapper .col-md-6:nth-child(even) .waarom-wrapper,
.views-template-betonrot--sub-new  .waarom-kiezen-voor-wrapper .col-md-6:nth-child(even) .waarom-wrapper{padding-left: 0;}

.waarom-wrapper h4{font-size: 24px; font-weight: bold; letter-spacing: -0.18px; margin-bottom: 25px; line-height: 29px;}
.views-template-onderhoud .waarom-wrapper h4, .views-template-betonrot--sub .waarom-wrapper h4,
.views-template-betonrot--sub-new .waarom-wrapper h4{text-decoration: underline !important;}
.waarom-wrapper .intro-waarom{font-weight: normal; font-size: 16px; line-height: 24px; max-width: 420px	; margin: 0 auto;}
.views-template-onderhoud .waarom-wrapper .intro-waarom,
.views-template-betonrot--sub .waarom-wrapper .intro-waarom,
.views-template-betonrot--sub-new .waarom-wrapper .intro-waarom{line-height: 30px;}
.waarom-wrapper .btn-white{margin-top: 25px; color: #000 !important; text-transform: none !important; font-weight: bold !important; min-width: 200px;}
.views-template-betonrot--sub .waarom-wrapper .btn-white,
.views-template-betonrot--sub-new .waarom-wrapper .btn-white{background-color: #00A9CB !important; color: #FFF !important;}
.waarom-wrapper .btn-white:hover{background-color: #444444 !important;}

/* Normal blocks exceptions */
.home .row-3 .normal-block{padding-top: 0 !important;}
.home .row-4 .normal-block{padding-left: 10px; padding-right: 10px;}
.home .row-4 h2{margin-bottom: 40px !important;}
.views-template-onderhoud .row-3 .normal-block{padding-top: 20px !important;}

.normal-block .cta-wrapper{text-align: center; margin-top: 45px; margin-bottom: 15px;}

.home .row-4 .logo-wrapper img.logo-durieux{max-width: 260px !important; }
.home .row-4 .logo-wrapper img.logo-homeprotec{max-width: 340px !important; margin-bottom: 30px;}
.views-template-betonrot--sub .row-3 .normal-block, .views-template-betonrot--sub-new .row-3 .normal-block{padding-top: 0;}

/* Videio's */
.video-inner{margin-bottom: 30px;}
.getuigenissen-videos{margin-left: -15px !important; margin-right: -15px !important;}
.getuigenissen-videos .video-wrapper{max-width: 700px; margin: 0 auto !important;}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border: none !important;}

.page-body{font-size: 18px; letter-spacing: -0.18px; line-height: 30px; padding-top: 20px; padding-bottom: 20px;}
.views-template-normal-page--tekst .page-body{padding-top: 0;}
.views-template-normal-page--tekst .normal-block{padding-top: 0;}
.page-body p{margin-bottom: 30px;}
.page-body p:last-of-type{margin-bottom: 0;}
.contact-left-right-wrap a, .contact-left-right-wrap a:hover, .page-body a{color: #00A9CB !important;}
.page-body a:hover{text-decoration: underline}
.page-body h2{font-size: 24px; font-weight: bold; margin-bottom: 30px; margin-top: 30px;}
.page-body h2{font-size: 24px; font-weight: bold; margin-bottom: 30px; margin-top: 40px;}
.page-body h3{font-size: 18px; font-weight: bold; margin-bottom: 26px; margin-top: 25px; margin-bottom: 15px;}

/* Block content - layouts */ 
.block-content-l1{padding: 60px 60px 0px 60px;}
.block-content-l1 .image-wrap img{height: 72px;}
.block-content-l1 h4{font-size: 24px; font-weight: bold; letter-spacing: -0.18px; line-height: 29px; text-align: center; padding-left: 60px !important; padding-right: 60px !important;}
.block-content-l1 .fixHeightTitle{height: 70px; margin: 15px 0 25px 0;}

/* Contactform video */
.contactform-video-wrap{padding-top: 60px; padding-bottom: 60px;}
.views-template-prijsofferte .contactform-video-wrap, .views-template-contact .contactform-video-wrap{padding-top: 0 !important;}
.contactform-video-wrap .col-md-5{padding-left: 0 !important;}
.contactform-video-wrap .video-wrap{padding-top: 100px; padding-left: 40px !important;}
.views-template-prijsofferte .contactform-video-wrap .video-wrap, .views-template-contact .contactform-video-wrap .video-wrap{padding-top: 80px !important;}
.contactform-video-wrap .video-wrap h3{max-width: 500px; margin: 0 auto; margin-bottom: 40px;}

.video-wrap .block-copy.col-md-6:nth-child(2){text-align: right;s}
.views-template-contact .video-wrap .block-copy.col-md-6:nth-child(2){text-align: left;s}
.block-copy-intro{padding-bottom: 100px;}
.video-wrap .block-copy p{margin-bottom: 10px !important;}
.video-wrap .block-copy strong{display: inline-block; padding-bottom: 10px; padding-top: 10px;}

.contactform-video-wrap .contact-left-right-wrap{padding-bottom: 30px;}

/* Vacatures */
a.vacature-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #00A9CB !important;
    background-color: rgb(0, 169, 203, 0.7);
    min-height: 120px;
    padding: 20px;
    color: #fff !important;
    font-size: 24px;
    text-align: center;
    transition: 0.2s;
    font-weight: bold;
}

.views-template-vacature-detail h

a.vacature-item:hover {
	background-color: rgb(0, 169, 203, 1);
	text-decoration: none!important;
	cursor: pointer;
}
.views-template-vacatures-pagina .gallery{padding-top: 20px; padding-bottom: 35px !important;}

/* Slider image right */
.slider-image img{display: none;}
.views-template-onderhoud--sub-new .page-body .col-md-3{padding-right: 0 !important;}
.views-template-onderhoud--sub-new .page-body .col-md-9{padding-left: 0 !important; padding-right: 40px !important;}
.slider-image-wrap{margin-bottom: 20px;}
.slider-image-wrap, .slider-image, .slider-image-background{width: 100%; height: 300px;}
.slider-image-background{background-size: cover; background-size: auto 100%; background-repeat: no-repeat; background-position: center center;}
.views-template-betonrot--sub-new .page-body .col-md-9{padding-bottom: 30px;}

/* Vacatures */
.vacature-vid-cont {
	position: relative;
	padding-bottom: 56.25%;
	margin-bottom: 25px;
}

.vacature-vid-cont iframe {
	position: absolute;
	top: 0;
	left: 0!important;
	width: 100%;
	left: 100%;
}

.vacature-form {
	color: #fff;
	background-color: #00a9cb;
}

.vacature-form .gfield_label {
	display: none!important;
}

.vacature-form .cv-upload .gfield_label {
	display: inline-block!important;
}

.vacature-form .cv-upload input {
	width: 100%!important;
}

.vacature-form textarea {
	height: 150px!important;
}

.vacature-form textarea,.vacature-form input {
	color: #333;
}

.vacature-form .gfield_checkbox label {
	font-weight: normal;
	font-size: 14px!important;
}
.vacature-form .gfield_checkbox a {
	color: #fff;
	text-decoration: underline;
}

.vacature-form input[type=submit] {
	color: #00a9cb;
	border: 0;
	background: #fff;
	font-size: 18px;
	padding: 8px 28px;
	font-weight: bold;
	border: 2px solid #fff;
	transition: 0.2s;
}
input[type="file"]{max-width: 100% !important;}
.vacature-form input[type=submit]:hover {
	color: #fff;
	background: #00a9cb;
}

.vacature-form h2 {
	margin-top: 0;
	margin-bottom: 0;
}
@media(max-width: 992px) {
	.cc-compliance, .cc-message{
		min-width: 100%;
		width: 100%;
		max-width: 100% !important;
	}

	.vacature-form {
		padding-top: 15px;
	}
}
.views-template-vacature-detail .embed-responsive{margin-top: 40px; margin-bottom: 20px;}

/* Footer */
section.footer .overlay{opacity: 0.75;}

section.footer .footer-top{color: #FFF !important; background-image: url('https://homeprotec.be/wp-content/uploads/2019/11/background-window.jpg'); background-repeat: no-repeat; background-position: center center; background-size: auto 100%;}
section.footer .footer-top-inner{padding-top: 60px; padding-bottom: 17;}
section.footer .footer-top-inner-content{max-width: 60% !important; color: #FFF !important;}
section.footer .footer-top-inner h3{color: #FFF; font-size: 24px; font-weight: bold; letter-spacing: -0.18px; line-height: 29px; margin-bottom: 40px;}
section.footer .footer-top-inner p{font-size: 18px; line-height: 30px;}
.footer-top .btn-cta{margin-bottom: 50px !important;}

section.footer ul.footer-menu-main li{font-size: 13px; font-weight: 600; letter-spacing: -0.13px; line-height: 16px; text-transform: uppercase; display: inline-block; width: 16%; }
section.footer ul.footer-menu-main li a{padding-left: 0; padding-right: 0;}
section.footer ul.footer-menu-main li:hover a, .sub-footer a:hover{background-color: transparent !important; color: #00a9cb !important;}
section.footer ul.footer-menu-main li:focus a, section.footer ul.footer-menu-main li:active a,
section.footer ul.footer-menu-secondary li:focus a, section.footer ul.footer-menu-secondary li:active a{background-color: transparent !important;}
section.footer li.current-menu-item a{color: #00a9cb;}

section.footer .nav-secondary{margin-top: 50px; margin-bottom: 30px;}
section.footer .nav-secondary li{width: auto !important; font-weight: normal !important; text-transform: none !important;}
section.footer .nav-secondary li{margin-right: 10px;}
section.footer .nav-secondary li:last-of-type{margin-right: 0; margin-left: 3px;}

section.footer .sub-footer{font-size: 14px; line-height: 16px;}

/* Temporary hide till pages are live */
#menu-footer-menu-secondary li{display: none;}

/* Margin styles */
.marg-both-15min{margin-left: -15px !important; margin-right: -15px !important;}

/* icons header en footer */
.footer-icon{width: 25px; display: inline-block;}
i.fa-phone-alt{max-width: 10px;}
.footer-icons-social i{margin-right: 6px;}

/* Mediaquerries */
@media ( max-width: 1199px ) {
	body.home{padding-top: 145px !important;}
	body{padding-top: 190px !important;}
	.no-desktop{display: block;}
	.only-desktop{display: none;}

	.navbar .navbar-collapse .navbar-nav li a{padding-left: 0 !important; padding-right: 25px !important; padding-top: 25px !important; padding-bottom: 20px !important;}
	.navbar .navbar-collapse .navbar-nav li a{padding-bottom: 0 !important;}
	.navbar .navbar-header .navbar-brand{padding-top: 30px; padding-bottom: 0; margin: 0 auto !important;}

	.desktop-menu{padding-bottom: 15px !important;}

	.navbar .navbar-header .navbar-toggle {background-color: #00a9cb; border: 0;}
	.navbar .navbar-header .navbar-toggle .icon-bar {background-color: #ffffff;}
	.navbar .navbar-header .navbar-brand img {width: 200px; height: auto;}
	.navbar .navbar-collapse {float: none; max-height: none;}
	.navbar .navbar-collapse .navbar-nav {width: 100% !important; text-align: center !important;}
	.navbar .navbar-collapse .navbar-nav li.current-menu-item a {border-bottom: 0;}
	.navbar-nav>li{float: none; width: 100%;}

	.waarom-inner{background-size: auto 105%;}
	.waarom-inner:hover{background-size: auto 110%;}

	.slider-image-wrap, .slider-image, .slider-image-background{width: 100%; height: 250px;}
	.views-template-onderhoud--sub-new .page-body .col-md-9{padding-right: 20px !important;}
/*.slider-image-background{background-size: 100% auto;}*/
}

@media ( max-width: 991px ) {
	.no_sm{display: none;}
	ul.sub-menu{display: none !important;}
	.slider-image-wrap, .slider-image, .slider-image-background{width: auto; height: auto;}
	.slider-image-wrap{width: 50%; padding-top: ;}
	.views-template-onderhoud--sub-new .page-body .col-md-3{padding-top: 40px; padding-bottom: 20px;}
	.slider-image-wrap img{display: none; max-width: 100%;}
	.slider-image-background{padding-top: 120%;}
	.slider-image-wrap:nth-child(5) img{display: none;}

	.no-sm{display: none !important;}
	body.home{padding-top: 100px !important;}
	body{padding-top: 149px !important;}
	.head .homepage h1, .home h2,
	.views-template-onderhoud h1, .views-template-onderhoud h2
	{font-size: 36px !important; line-height: 44px !important;}
	
	.navbar .navbar-collapse .navbar-nav li a{padding-bottom: 0 !important;}
	.desktop-menu{padding-bottom: 30px !important;}
	section.footer ul.footer-menu-main li{width: 49% !important;}
	section.footer .nav-secondary li{width: 50%; margin: 0 !important;}

	.waarom-wrapper{max-width: 500px; margin: 0 auto !important; margin-bottom: 30px !important;}
	.waarom-kiezen-voor-wrapper .col-md-6:nth-child(odd) .waarom-wrapper{padding-right: 0;}
	.waarom-kiezen-voor-wrapper .col-md-6:nth-child(even) .waarom-wrapper{padding-left: 0;}

	.home .row-4 .logo-wrapper img.logo-homeprotec{margin-top: 40px;}

	.home .row-1 div[class^="col-"]:first-of-type{padding-left: 15px !important;}
	.form-block-wrapper{padding-left: 0 !important; padding-right: 0; margin-bottom: 40px;}
	.views-template-vacature-detail .form-block-wrapper{padding-right: 0; padding-left: 0;}

	.navbar .navbar-collapse .navbar-nav li.social {display: none;}

	/* .contactform-lg{display: none;}
	.contactform-xs{display: block; margin-top: 20px; margin-bottom: 40px;} */

	.row-introduction .normal-block{padding-bottom: 40px !important;}

	.home .block-overlap{margin-top: 0 !important;}

	.home .redenen-xs{display: block}
	.home .redenen-lg{display: none;}

	.redenen-list.list-horizontal li{width: 33.2%;}
	.redenen-list.list-horizontal li:nth-child(4){margin-left: 16.4%;}

	.contactform-video-wrap .video-wrap,
	.contactform-video-wrap .col-md-5{padding-top: 20px; padding-left: 15px !important;}
	.video-wrap .block-copy.col-md-6{text-align: center !important;}
	.views-template-prijsofferte .contactform-video-wrap .video-wrap, .views-template-contact .contactform-video-wrap .video-wrap{padding-top: 40px !important;}

	/* margin styles */
	.marg-both-15min{margin-left: 0 !important; margin-right: 0 !important;}

	.block-copy-intro{padding-bottom: 40px;}
	.views-template-vacatures-pagina .gallery{padding-top: 0;  padding-bottom: 20px !important;}
}

@media ( max-width: 767px ) {
	#popup_privacy{bottom: 0; right: 0; max-width: 100%; width: 100%;}
	.slider-image-wrap{width: 49%; padding-top: ; display: inline-block;}
	.slider-image-wrap:nth-child(even){padding-left: 7px !important; margin-bottom: 15px !important;}
	.slider-image-wrap:nth-child(odd){padding-right: 7px !important; margin-bottom: 15px !important;}

	.page-body{padding-left: 20px; padding-right: 20px; padding-top: 0;}
	#breadcrumbs{display: none !important;}
	.only-sm{display: block;}
	.contact-tel{padding-right: 20px; padding-top: 10px;}
	.navbar .navbar-header .navbar-toggle{margin-top: 28px !important;}

	.head .homepage{height: 600px;}

	section.footer ul.footer-menu-main li{width: 100% !important;}
	section.footer .nav-secondary, section.footer .nav-main{text-align: center;}

	nav .btn-blue{margin-left: 0;}

	.video-inner{padding-left: 20px; padding-right: 20px;}

	.getuigenissen-videos .col-sm-6:nth-child(odd) .video-wrapper{padding-right: 0;}
	.getuigenissen-videos .col-sm-6:nth-child(even) .video-wrapper{padding-left: 0;}
	.getuigenissen-videos{margin-left: 0 !important; margin-right: 0 !important;}

	.waarom-inner{height: auto !important; padding-top: 60px; padding-bottom: 60px;}
	.waarom-kiezen-voor-wrapper .col-md-6:nth-child(odd) .waarom-wrapper{padding-right: 0; padding: 0 30px;}
	.waarom-kiezen-voor-wrapper .col-md-6:nth-child(even) .waarom-wrapper{padding-left: 0; padding: 0 30px;}

	.views-template-betonrot .waarom-kiezen-voor-wrapper .col-md-6:nth-child(even) .waarom-wrapper,
	.views-template-betonrot--sub .waarom-kiezen-voor-wrapper .col-md-6:nth-child(even) .waarom-wrapper,
	.views-template-betonrot--sub-new .waarom-kiezen-voor-wrapper .col-md-6:nth-child(even) .waarom-wrapper{padding-right: 15px; padding-left: 15px;}
	.views-template-betonrot .waarom-kiezen-voor-wrapper .col-md-6:nth-child(odd) .waarom-wrapper,
	.views-template-betonrot--sub .waarom-kiezen-voor-wrapper .col-md-6:nth-child(odd) .waarom-wrapper,
	.views-template-betonrot--sub-new .waarom-kiezen-voor-wrapper .col-md-6:nth-child(odd) .waarom-wrapper{padding-right: 15px; padding-left: 15px;}

	.row-introduction{padding-left: 20px; padding-right: 20px;}
	.row-introduction .normal-block,
	.views-template-onderhoud .row-introduction .normal-block{padding-bottom: 40px !important; padding-top: 40px !important;}

	.footer-top-inner{padding-left: 10px; padding-right: 10px;}

	.home .row-1 div[class^="col-"]:nth-child(2){padding-left: 15px !important;}

	.redenen-list.list-horizontal li{width: 50%;}
	.redenen-list.list-horizontal li:nth-child(4){margin-left: 0;}
	.redenen-list.list-horizontal li:nth-child(5){margin-left: 25%;}

	.block-content-l1{padding: 60px 20px 0px 20px;}
	.block-content-l1 h4{padding-right: 20px !important; padding-left: 20px !important;}
	.block-content-l1 .fixHeightTitle{height: auto;}

	.contactform-video-wrap .col-md-5{padding-left: 15px !important;}
	.contactform-video-wrap .padding-standard{padding-top: 10px; padding-bottom: 10px;}
}

@media ( min-width: 576px ) and ( max-width: 767px ) {

}

@media ( max-width: 575px ) {
	.redenen-list.list-horizontal li{width: 100%; margin-left: 0 !important; margin-top: 0 !important; margin-bottom: 40px;}
	.redenen-list.list-horizontal li:last-of-type{margin-bottom: 0 !important;}
}

@media (min-width: 768px) and ( max-width: 991px ) {
}

@media (min-width: 992px) and ( max-width: 1199px ) {
	.block-content-l1{padding: 60px 20px 0px 20px;}
	ul.sub-menu{display: none !important;}
}

@media (min-width: 1200px) {

}

/* Dak Landingpagina*/

.dak-main-titel {
	color: #00A9CB;
	font-weight: bold;
}

.dak-box {
  display: flex;
  margin-bottom: 6rem;
}

.dak-box > .waarom-wrapper {
	margin-bottom: unset !important;
	max-width: unset !important;
}

.dak-box .waarom-dak {
	background-size: cover;
	position: relative;
}

.dak-titel-box {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
	align-content: center;
	height:100%;
}

.dak-img-box {
	background-color: #f5f5f5;
}

.dak-text-box {
	background-color: #f5f5f5;
	padding: 2rem;
}

.dak-picture {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

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

.contact-button-landingpage {
	display: none !important;
}

.page-id-6213 .contact-btn {
	display: none !important;
}

.page-id-6213 .contact-button-landingpage {
	display: flex !important;
}

.video-block {
	display: none;
}

.page-id-8034  .video-block {
	display: block;
}

.page-id-8034  .normal-block {
	padding-bottom: unset !important;
}



@media (min-width: 768px) {
	.dak-content > .dak-box:nth-child(even) > .dak-img-box {
		order: 2;
	}

	.dak-box {
		flex-direction: row;
	}
	.dak-img-box {
		width: 50%;
	}
	
	.dak-text-box {
		width: 50%;
	}

	.waarom-dak {
		height: 100%;
		background-position: center center;
		background-size: cover;
		padding: 30px;
		min-height: 30rem;
	}

	.dak-titel {
		font-size: 3.5rem;
		font-weight: bold;
   }
   .dak-main-titel {
		font-size: 4rem;
	}
}

@media (max-width: 768px) {
	.dak-box {
		flex-direction: column;
		width: 80%;
		justify-content: center;
		margin: 0 auto;
		margin-bottom: 4rem;
	}
	.dak-img-box {
		width: 100%;
	}
	
	.dak-text-box {
		width: 100%;
	}

	.waarom-dak {
		height: 10rem;
	}

	.dak-titel {
		font-size: 2.5rem;
		font-weight: bold;
		text-decoration: underline;
   }
   .dak-main-titel {
		font-size: 2.5rem;
	}
}



.carousel-cell {
	width: 100vw;
	height: 30rem;
}

.slides {
	display: flex;
	height: 100%;
	background-size: cover;
	background-position: center;
	position: relative;
}

.carousel-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 70%;
	text-align: center;
	margin: 0 auto;
	z-index: 10;
}

.carousel-title {
	color: #ffffff;
    font-size: 3rem !important;
    font-weight: 600 !important;
    line-height: 52px !important;
    text-transform: none !important;
    text-shadow: 0 0 15px rgba(0, 0, 0, 1) !important;
}

.carousel-p {
	color: #ffffff;
    font-size: 1.4rem;
}

.carousel-bg {
	background-color: #000000;
	opacity: 0.4;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.carousel-img-block {
	position: absolute;
	display: flex;
	width: 100%;
	height: 100%;
}

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

.carousel-link {
	color: white !important;
	text-decoration: underline;
}

.carousel-link:hover {
	color: #F5F5F5 !important;
	text-decoration: underline;
}

@media (min-width: 768px) {

	.carousel-cell {
		width: 100vw;
		height: 40rem;
	}
}

.flickity-page-dots  {
	display: none;
}


/* Redenen team blok*/

.redenen-team-blok {
	display: flex;
	background-size: cover;
	background-position: center;
	position: relative;
	padding: 1rem;
	min-height: 30rem;
}

.bg-overlay {
	background-color: #00A9CB;
	opacity: 0.8;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 5;
	top: 0;
    left: 0;
}

.redenen-team-text {
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	z-index: 10;
}

.redenen-team-text h2 {
	font-size: 2.5rem;
	font-weight: bold;
	color: white;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.7) !important;
}

.redenen-team-text p {
	font-size: 1.4rem;
	color: white;
	text-align: center;
}


.dak-bottom-blok {
	display: flex;
	flex-direction: row;
	margin-bottom: 2rem;
}

.dak-form {
	order: 1;
}

.dak-redenen {
	order: 2;
}





@media (max-width: 768px) {

	.redenen-team-text h2 {
		font-size: 3rem !important;
	}

	.dak-redenen {
		order: 1;
	}

	.dak-form {
		order: 2;
	}

	.dak-bottom-blok {
		display: flex;
		flex-direction: column;
	}

}

.video-block {
	margin: 0 auto;
	margin-bottom: 6rem;
}

.videoWrapper {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.videoWrapper iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}



@media (max-width: 768px) {
	.video-block {
		width: 84%;
	}
}

@media (min-width: 768px) {
	.video-block {
		width: 70rem;
	}
}




/* Boxzilla */
.boxzilla{
    background: #00A9CB !important;
    border: none !important;
	width: 500px;
	max-width: 80% !important;
	color: #FFF !important;
}
.boxzilla-close-icon{
	color: #FFF !important;
}