@font-face {
    font-family: 'Arial';
    src: url('../Fonts/6efc8731-df51-47d4-94f6-d20bbfa83f13.eot') format('eot');/* IE9 Compat Modes */
   	src: url('../Fonts/9908cdad-7524-4206-819e-4f345a666324.woff') format('woff'), /* Modern Browsers */
	url('../Fonts/4c8849d4-261c-445a-b013-663d9b3e42c6.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../Fonts/821da903-3a46-4ec9-a459-afb6776bee53.svg') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Century Gothic';
    src: url('../Fonts/bd45538f-4200-4946-b177-02de8337032d.eot') format('eot');/* IE9 Compat Modes */
    src: url('../Fonts/34904d9f-aa74-4e54-96b2-c893c64d4649.woff') format('woff'), /* Modern Browsers */
	url('../Fonts/b710c26a-f1ae-4fb8-a9fe-570fd829cbf1.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../Fonts/c9e387df-c0d3-42e1-8de6-78c41f68594c.svg') format('svg'); /* Legacy iOS */
}


/*--contact--*/
.diensten p.PrivaCy a:hover, .diensten p.PrivaCy a:focus{
	text-decoration: none;
}

/*--wijzigingen contact en privacybeleid--*/
.introFoto.contactBG{
	background-image: url('../images/contactbg.jpg');
	background-size:cover;
	height:420px;
	max-height: 420px;
	background-repeat: no-repeat;
	background-position: left;
}
.introFoto.piggyBank{
	background-image: url('../images/shutterstock_577619482.jpg');
	background-size:cover;
	height:420px;
	max-height: 420px;
	background-repeat: no-repeat;
	background-position: center;
}
.introFoto.Pr{
	background-image: url('../images/privacy_bg.jpg');
	background-size:cover;
	height:420px;
	max-height: 420px;
	background-repeat: no-repeat;
	background-position: center;
}
h1#privacyHead {

    width: 265px;

}

label#privacybeleid-error{
	display: inline;
	padding-left: 2%;
}

div.g-recaptcha{
	margin-left: 20%;
    margin-bottom: 3%;
}
.g-recaptcha {
 
  -webkit-transform-origin: left top;
	 transform-origin: left top;
}

#loginformulier.bootstrap-frm label.error, #forgetformulier.bootstrap-frm label.error, #resetformulier.bootstrap-frm label.error {
  
    padding-left: 0%;
}

.koperW img.entryFoto {
    width: 385px;
    height: 212px;
}

.bootstrap-frm label.error{
	    color: red;
    padding-left: 20%;
    padding-top: 1%;
    padding-bottom: 1%;
}
a.fill.onderhoudOff {
       padding: 14px 15px;
}
ul#asbestOps{
	    margin-bottom: 3%;
}
a.fill.asbestOff{
    padding: 14px 15px;
}
#resetformulier input[type="password"]#userpass_field, #resetformulier input[type="password"]#userpass2_field{
    border: 1px solid #CCC;
    color: #888;
	height: 44px;
	line-height: 35px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 5px 0px 5px 5px;
    width: 70%;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; 
	border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	background-color: white;
}


/*--styling onderhoud en herstellingenn--*/
.tab-content{
	    padding-bottom: 2%;
}
.asbest .wp-caption.pull-right {
    margin-left: 23rem;
}
p#asbestPara{
	    padding-top: 5%;
}

ul.voordelenOnderhoud{
	      width: 36%;
    float: left;

}
ul.voordelenherstorm, ul.voordelenklein{
	    width: 36%;
    float: left;

}
a.onderhoudOff{
	float: left;
}

img.entryFotoasbest{
	
    width: 379px;
}

/*--wijziging foto omschrijving in prettyPhoto gallerij--*/
div.pp_default .pp_description {
    font-size: 16px;
	line-height: 16px;
	margin: 5px 50px 5px 120px;
}

/*--styling error form en thankyou.php--*/
h1#thankS{
	color: white;
	border-bottom: none;
	text-align: center;
	background: green;
	padding: 5%;
	font-size: 36px;
	margin-bottom: 4%;
	width: auto;
}
h1#thankS p{
	font-size: 28px;
}
.bootstrap-frm input[type="text"].error, .bootstrap-frm input[type="email"].error , .bootstrap-frm textarea.error , .bootstrap-frm select.error{
    border: 2px solid red;
    background-color: #FFFFD5;
    margin: 0px;
    color: red;
}

/*--styling knoppen top3 projecten home--*/
.werven .btn-primary{
	position: absolute;
	top: 68%;
	left: 15%;
	display: block;
}


a.navbar-brand p{
	font-family: Arial;
    color: black;
    position: absolute;
    top: 43%;
    left: 44%;
    font-size: 66px;
}
body, html {
     overflow-x: hidden;
}
body{
	background-color: #fff;
}

    .sweet-alert .lead {
    font-family: Arial;
    font-size: 20px;
    color: black;
}
    

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus
{
	background: #0097C2;
    color: white;
}

/* offerte.php */
h1#offerteHead{
	width: 424px;
}
#formulierTwee textarea{
	height:200px;
}
/* contact.php */
#contactBlok{
	margin-top:5%;
	margin-left:1.5%;
}
.bootstrap-frm {
    margin-left:auto;
    margin-right:auto;

    max-width: auto;
    background: #FFF;
    padding: 20px 30px 20px 30px;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
    border:1px solid #DDD;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
}
.bootstrap-frm h2 {
    font: 25px "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0px 0px 10px 40px;
    display: block;
   border-bottom: 1px solid #0097C2;
margin: -10px -30px 30px -30px;
color: #000;
}
.bootstrap-frm h2>span {
    display: block;
    font-size: 11px;
}
.bootstrap-frm label {
    display: block;
    margin: 0px 0px 5px;
}
.bootstrap-frm label>span {
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.bootstrap-frm input[type="text"], .bootstrap-frm input[type="email"], .bootstrap-frm textarea, .bootstrap-frm select, .bootstrap-frm input[type="password"]{
    border: 1px solid #CCC;
    color: #888;
	height: 44px;
	line-height: 35px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 5px 0px 5px 5px;
    width: 70%;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; 
	border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	background-color: white;
}

.bootstrap-frm textarea{
    height:100px;
    padding: 5px 0px 0px 5px;
    width: 70%;
}
.bootstrap-frm .button {
    background: #FFF;
    border: 1px solid #CCC;
    padding: 10px 25px 10px 25px;
    color: #333;
    border-radius: 4px;
}
.bootstrap-frm input[type="submit"]{
	box-shadow: inset 0 -3px 0 #0097C2;
}
.bootstrap-frm .button:hover, .bootstrap-frm .button:focus {
    color: #333;
    background-color: #EBEBEB;
    border-color: #0097C2;
}
h2{
	color: #000;
    font-size: 21px;
    font-family: Arial;
    text-transform: uppercase;
    font-weight: normal;
}
p.introContact{
	font-family: 'Century Gothic';
    font-size: 19px;
    line-height: 21px;
    color: #18C01B;
    font-weight: 400;
    margin-bottom: 20px;
	
}
/* premies-subsidies.php */
h1#premieHead{
	width: 375px;
}
#webLinks{
	display:none;
}


/* onderhoud-herstellingen.php */
h1#onderhoudHead{
	width: 469px;
}

/* alleprojecten.php */
#projecten .gallery {
    position: absolute;
    top: 54%;
    left: 17%;
}
#projecten .gallery.btn, #projecten button.gallery {
    font-size: 14px;
	line-height: 1.4;
	height: 46px;
}
#projecten figcaption {
    min-height: 70px;
    text-align: center;
    padding: 8px 0px;
}
#projecten div{
	margin-bottom:5%;
}
#projecten figure img{
	min-height: 249px;
}
#projecten figure{
position: relative;
margin-bottom: 1rem;
max-width: 94%;
padding: 0;
border: 1px solid rgba(0,0,0,0.15);
background: #fff;
border-radius: 0;
width: auto !important;

overflow: hidden;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

/* koper-zinkwerken.php */
h1#koperHead{
	width: 390px;
}

/* timmerwerken.php */
h1#timmerHead{
	width: 274px;
}

/* dakwerken.php */
.introFoto{
	position:relative;
}
.introFoto .header-text {
    left: 0%;
    width: 100%;
}
.diensten{
	margin-right: 1.5%;
	margin-left: 0%;
	border-radius: 3px;
}
.diensten h1{
    border-bottom: 2px solid #0097C2;
    padding-bottom: 1%;
    margin-bottom: 4%;
	width: 223px;
}
.diensten p a{
	color:#0097C2;
}
.diensten p a:hover, .diensten p a:focus{
	color:#0097C2;
}

.diensten p#offertePara a {
	text-decoration: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color: #0097C2;
    color: #ffffff;
	border: 1px solid #0097C2;
        border-bottom-color: rgb(255, 0, 0);
   
    border-bottom-color: transparent;
    cursor: default;
	
}
.nav-tabs > li.active > a{
	font-family: Arial;
	font-size: 21px;
}
.nav-tabs {
    border-bottom: 1px solid #0097C2;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    border-color: #0097C2 #0097C2 #0097C2;
	 border-bottom-color: rgb(51, 51, 51);
	background-color:#333333;
	color:#ffffff;
}
.nav-tabs > li > a {
    color: #000000;
    background-color: #ffffff;
   	border: 1px solid #0097C2;
    border-bottom-color: rgb(255, 255, 255);
   	font-family: Arial;
	font-size: 21px;
}

.main .intro{
	padding-top: 5rem;
	border-bottom: 1px solid #000000;
}
.lead{
	font-family: Arial;
	color:#0097C2;
}
.diensten .entry-content{
	padding-top:1%;
}

.diensten ul li{
	list-style-type: disc;
	margin-left: 3%;
	font-family: 'Century Gothic';
}
img.entryFoto{
	width:400px;
	height:300px;
}

.diensten figcaption{
	padding-left: 2%;
	font-family: Arial;
}
.diensten figure{
	position:relative;
}

.diensten .gallery{
	position: absolute;
	top: 60%;
	left: 20%;
}
.btn-primary{
       color: #0097C2;
    background-color: #ffffff;
    border-color: #ffffff;
	font-family: Arial;
}
.btn-primary:hover, .btn-primary:focus{
    color: #000000;
    background-color: #ffffff;
    border-color: #ffffff;
	-webkit-box-shadow: inset 0 -3px 0 rgba(5,152,195,1);
    box-shadow: inset 0 -3px 0 rgba(5,152,195,1);
}
/* HOME Carousel Styles */

#carousel-example-generic h3{
	font-size: 29px;
	font-family: 'Century Gothic';
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    line-height: 1;
    max-width: 100%;
}
.carousel-indicators .active {
    background-color: #2980b9;
}

.carousel-inner img {
    width: 100%;
    max-height: 460px;
	-webkit-transition: .6s ease-in-out;
-o-transition: 2000ms ease-in-out;
transition: 2000ms ease-in-out;
}


.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}



.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	left: 0;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 0;
}



.carousel-control.left span:hover,
.carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

/* Carousel Header Styles */
.header-text {
    position: absolute;
    top: 20%;
    left: 13.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}

.header-text h2 {
    font-size: 40px;
}

.header-text h2 span {
   	color:#000000;
	padding: 10px;
	text-transform: uppercase;
	font-weight: normal;
	font-family:Arial;
	background: white;
    border-right: 5px solid #0097C2;;
    border-left: 5px solid #0097C2;;
}


.header-text h3 span {
	color:#ffffff;
	padding: 15px;
	
}







/*---styling carousel partners---*/
#myCarouselWrapper col-md-2{
	width:12.5%;
}
 @media (min-width: 768px) and (max-width: 991px) {
    #myCarousel .carousel-inner .item .item-item:last-child {
        display: none;
      }
	 
   }
@media (max-width: 768px) {
     #mymyCarousel .carousel-inner {
      height: 320px;
    }
 }
.carousel-inner {
  overflow-y: hidden;
}
.carousel-inner .active.left { left: -16.6%; }
.carousel-inner .next        { left:  16.6%; }
.carousel-inner .prev    { left: -16.6%; }
.carousel-control        { width:  4%; }
.carousel-control.left,.carousel-control.right {margin-left:-12px;background-image:none;}
.carousel-inner .item-item {
  padding:0!important;
}
/*---styling knoppen---*/
button{
	position: relative;
  height: 55px;
	width: auto;
	margin: 0% 0% 5% 0%;
	padding: 10px 15px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 2px;
  color: #383736;
  border: 2px #383736 solid;
  border-radius: 4px;
  text-transform: uppercase;
  outline: 0;
  overflow:hidden;
  background: none;
  z-index: 1;
  cursor: pointer;
  transition:         0.08s ease-in;
  -o-transition:      0.08s ease-in;
  -ms-transition:     0.08s ease-in;
  -moz-transition:    0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
}
a.fill {
  position: relative;
  height: 55px;
	width: auto;
	margin: 0% 0% 5% 0%;
	padding: 10px 15px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 2px;
  color: #ffffff;

  text-transform: uppercase;
  outline: 0;
  overflow:hidden;
 background: rgba(5, 152, 195, 1);
  z-index: 1;
  cursor: pointer;
  transition:         0.08s ease-in;
  -o-transition:      0.08s ease-in;
  -ms-transition:     0.08s ease-in;
  -moz-transition:    0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
}

/*
.fill:before {
  content: "";
  position: absolute;
  background: #383736;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.09s ease-in;
}
.fill:hover:before {
  top: 0;
}
*/
.fill:after {
  content: "";
  position: absolute;
  background: #383736;
  bottom: 0;
  left: 0;
  right: 100%;
  top: 0;
  z-index: -1;
  -webkit-transition: right 0.09s ease-in;
}
.fill:hover:after {
  right: 0;
}
.fill:hover{
	color:#ffffff;
	text-decoration:none;
}
.fill{
	color: #0097C2;
	font-family: Arial;
}

/*--styling data tooltip--*/
a[data-tooltip]:link, a[data-tooltip]:visited {
  position: relative;
  text-decoration: none;
  
}

a[data-tooltip]:before {
  content: "";
  position: absolute;
  border-top: 20px solid #000000;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  visibility: hidden;
  top: -18px;
  left: -26px;
}

a[data-tooltip]:after {
  content: attr(data-tooltip);
  position: absolute;
  color: white;
  top: -35px;
  left: -26px;
  background: #000000;
  padding: 5px 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  white-space: nowrap;
  visibility: hidden;
}

a[data-tooltip]:hover:before, a[data-tooltip]:hover:after {
  visibility: visible;
  -webkit-transition: visibility 0s linear .3s;
  -moz-transition: visibility 0s linear .3s;
  -o-transition: visibility 0s linear .3s;
  transition: visibility 0s linear .3s;
	text-decoration:none;
}
/*---styling header---*/
header{
	width: 100%;
	height: 380px;

}
.header .container {
    padding: 0;
}
.nav.secondary {
    text-align: right;
}
.green {
    color: #ffffff;
   /*background-color: #2F4F4F;*/
	background-color: #0E2F44;
	/*background-color: #008080;*/
	
}
.nav.secondary li {
    padding: 15px 0;
    display: inline-block;
}
.nav.secondary li a {
    padding: 0 10px;
    margin: 0;
    line-height: 1;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    border-right: 2px solid #ffffff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	font-family: Arial, "sans-serif";
}
.nav.secondary li:last-child a {
	 border-right: none;
}
.container > .navbar-header{
	margin-bottom: 1%;
	width: 100%;
}
.white {
   background-color: #fff;
}
.navbar .navbar-collapse {
    float: left;
    width: 100%;
    background: #333333;
    max-height: 83px;
  
}
.navbar .white .navbar-header .navbar-brand {
    height: auto;
    margin: 0 auto;
    width: 100%;
}
.navbar .navbar-collapse .navbar-nav li a {
   padding: 37px 10px 37px 10px;
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
   color: #ffffff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	font-family: 'Arial';
}

.white .navbar-brand img {
     max-height: 235px;
    margin: 0 auto;
    display: block;
    width: 20% !important;
	image-rendering: -webkit-optimize-contrast; /*--nodig bij img downscaling in chrome browser, afzetten bij ipad--*/

}
.header .white .container{
	width: 100%;
}
.navbar .white .navbar-header .navbar-brand {
    height: auto;
  	padding:0px;
	
	
}

.white .navbar-nav {
 display: block;
width: 1207px;
margin: 0 17.5%;
}
.white .navbar-nav > li {
    float: left;
    padding-right: 3%;
}
.white .navbar-nav > li:last-child{
	padding-right:0%;
}

.navbar .navbar-collapse .navbar-nav li.current-menu-item a {
    color: #0097C2;
    border-bottom: 4px solid #0097C2;
}
.navbar .navbar-collapse .navbar-nav li a:hover, .navbar .navbar-collapse .navbar-nav li a:focus{
   /* grijs color: #c0caca; rgba(246,178,32)*/
  	color: #0097C2;
	/*color: #b23434; blauw color: #2581e0;*/
    background: transparent;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.navbar .navbar-collapse .navbar-nav li.active a:hover, .navbar .navbar-collapse .navbar-nav li.active a:focus{
	color: #ffffff;
	/*color: #b23434; blauw color: #2581e0;*/
    background: #0097C2;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: transparent;
}
.navbar-nav > li > .dropdown-menu {
    margin-top: -24px;
}
header .navbar .navbar-collapse .navbar-nav ul.dropdown-menu li a:hover, header .navbar .navbar-collapse .navbar-nav ul.dropdown-menu li a:focus{
	color:#c0caca;
	background: transparent;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.navbar-inverse .dropdown-menu {
    background-color: #0E2F44;
}

.nav.secondary li a:hover, .nav.secondary li a:focus{
	/*color: #000000;*/
	color:#c0caca;
	background: transparent;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.nav.secondary li.current-menu-item a {
    /*1 color: #000000;*/
    color:#eaeded;
	font-weight: bold;
	
}
.navbar-inverse .dropdown-toggle::after {
 
    border-top-color: #fff;
}


.navbar-inverse li:hover a.dropdown-toggle::after, .navbar-inverse li:focus a.dropdown-toggle::after{
	border-top-color: #0097C2;
/*rgba(246,178,32)*/
}
.navbar-inverse .open .dropdown-toggle::after { 
	border-top-color: #0097C2;
	/*border-top-color: rgba(246,178,32);*/
}
.navbar .navbar-collapse .navbar-nav ul.dropdown-menu li a{
    padding: 20px 10px 9px 10px;
	line-height: 1;
	font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    font-family: Arial, "sans-serif";
}
.navbar .navbar-collapse .navbar-nav ul.dropdown-menu li a:hover, .navbar .navbar-collapse .navbar-nav ul.dropdown-menu li a:focus {
	/*color:#c0caca;*/
	color: #2581e0;
	background: transparent;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
/*---styling carousel----*/
.partnerCarousel{
	background-color: #ffffff;
}
.partnerCarousel .row{
width: 100%;
padding-left: 13%;
padding-right: 11%;
}
.partnerCarousel .container-fluid{
	max-width: 100%;
	padding: 0px;
	margin-bottom: 5%;
}
.partnerCarousel h1{
	border-bottom: 2px solid #0097C2;
width: 282px;
padding-bottom: 1%;
margin-bottom: 4%;
}
.fa{
	color: #0E2F44;
}

.carousel-control {
     color: #0E2F44;
}
.carousel-indicators li {
     border: 1px solid #0E2F44;
}
.carousel-indicators .active {
    background-color: #0E2F44;
}

/*---styling partners slider-----*/
/*.partnerSlider{
	height: 500px;
	background-color: grey;
	padding-top: 5%;
}*/
/*.slick-slide img {
    display: block;
    padding-left: 9%;
    padding-right: 9%;
}
.slick-slider {
    margin: 30px auto 50px;
}*/
button {
	z-index: 102;
}
.partners{
	position: relative;
	background: transparent;
	
}

.partners h1{
	font-size:29px;
	padding-top: 3%;
	border-bottom: 2px solid #0097C2;
	width: 255px;
	padding-bottom: 3%;
	font-family: Arial,Sans-Serif;
}
.slick-slide {
	transform: scale(1);
	
	transition: .3s ease-in-out all;
}
.slick-slide.slick-center {
	opacity: 1;
	transform: scale(1.20);
}

.switch {
	background: #000;
}
.slider {
	

	margin: 0 auto;
	
	position: relative;
}
	.slider :after, .slider :before {
	
		position: absolute;
		top: 0;
		height: 100%;
		width: 12%;
		z-index: 100;
		
	}
	.slider :after {
		right: 0;
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	}
	.slider :before {
		background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	}



.img-box {
	padding: 0;
}
	.img-box img {
		min-height: 32px;

		
	}


article {
	border: 1px solid;
	float: left;
	margin: 50px 15px;
	font-size: 0.8vw;
}
.slick-prev::before, .slick-next::before {
    
    color: black;
}
button {
  
    -webkit-box-shadow: none;
    box-shadow: none;
}
.slick-prev {
    left: -41px;
}
p{
	font-family: 'Century Gothic';
	font-size: 16px;
}
/*----styling content home----*/
h1{
	text-align: left;
	font-size: 29px;
	color: #000000;
	font-family: Arial;
}
.introText{
	border: 1px solid #0097C2;
	margin-right: 1.5%;
	margin-left: 0%;
	border-radius: 3px;
	
}
.Intro p{
	margin: 0 0 20px 0;
	color: #000000;
	font-family: 'Century Gothic';
	
}
button a{
	color:#0097C2;
	font-family: Arial;
}
button a:hover{
	text-decoration: none;
	color:#0097C2;
}
.Intro{
	background-color: #ffffff;
	padding: 60px;
}
.intro2{
	background-color: #ffffff;
	padding: 60px;
  	padding-bottom: 0px;
	text-align:center;
}
h3{
	color: #000000;
	font-size: 18px;
	font-family: Arial;
}

.kolomVoordelen{
	text-align: center;
	padding-top: 6%;
}

.kolomVoordelen h3{
	margin: 14px 0 10px 0;
	font-size: 18px;
	color: #000000;
	font-family: Arial;
}
.kolomVoordelen img{
	width:23%;
}
.kolomVoordelen div p{
margin-top: 40px;
background: #000000;
    padding: 20px 15px;
    border-radius: 3px;
    overflow: hidden;
    color: #ffffff;
    text-align: center;
    min-height: 240px;
	font-family: 'Century Gothic';

}
.grey{
	background-color: #e7e6e6;
	padding-bottom: 2%;
}
.grey .container, .contact .container{
	margin-left: 10.5%;
}

.grey h1{
	border-bottom: 2px solid #0097C2;
	width: 282px;
	padding-bottom: 1%;
	margin-bottom: 4%;
}
/*---styling footer---*/
footer{
	    border-top: #333333 12px solid;
	background-color: #ffffff;
	color: #000000;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}
footer .centered {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

footer .centered .footer-logo {
   width: 27%;
background: white;

}
footer .centered .footer-contact {
 width: 20%;
margin-left: 10%;
}
footer .centered .footer-navigation {
    width: 27%;
}

footer .bottom-bar {
    position: relative;
    text-align: center;
    font-size: .8em;
    text-transform: uppercase;
 	 color: #ffffff;
	background-color: #0E2F44;
    padding: 15px 0;
}

.bottom-bar span.prBel{
	text-transform: lowercase;
}

.bottom-bar span a{
	color: #ffffff;
	
}
footer .centered .footer-logo img.logo {
    padding: 30px 20px 10px 20px;
    max-width: 100%;
	image-rendering: -webkit-optimize-contrast;
}
.social{
   
       text-align: center;
}

.social a{
	display: inline-block;
    padding: 7px;
    margin: 0 2px;
    vertical-align: middle;
}
.social a:hover, .social a:focus{
	color:#000;
	text-decoration:none;
}
footer h3 {
     	margin-bottom: 0;
	color:#000;
	font-size: 18px;
font-family: Arial;
text-transform: uppercase;
	font-weight: normal;

}
footer p, footer li {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 2px 0;
	font-family: Arial;
}
footer p.adres{
	text-transform:none;
}

footer p.prBel{
	    text-transform: lowercase;
}
footer .centered .footer-navigation .footer-links-holder {
    width: 100%;
    position: relative;
    float: left;
    margin: 0;
}

footer .centered .footer-navigation .footer-links-holder .footer-links {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-transition: max-height .5s;
	-moz-transition: max-height .5s;
	-o-transition: max-height .5s;
    transition: max-height .5s;
	font-size:15px;
}
footer .centered .footer-navigation .footer-links-holder:last-child{
	margin-left: 14%;
}
footer a{
	color: #000000;
	text-decoration: none;
   	font-family:Arial;	
}
footer ul li a {
    color: #0097C2;
    text-decoration: none;
   	font-family:Arial;

}
footer .footer-logo a#homeLogo{
	height: 140px;
	display: block;
}

footer .footer-contact p a:hover, footer .footer-contact p a:focus{
	color:#000;
	text-decoration: none;
}
footer .footer-links li a:hover, footer .footer-links li a:focus{
	color:#0E2F44;
	text-decoration: none;
	
}
.bottom-bar a:hover, .bottom-bar a:focus{
	color:#c0caca;
	background: transparent;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	text-decoration: none;
}

/*---styling projecten home---*/
.projecten{
	width: 100%;
padding-left: 13%;
padding-right: 4%;
}
.werven{
margin-bottom: 3%;
width: 100%;
height: 300px;
}
.view {
   float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
padding-left: 0px;


  
}
.view-first img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.view img {
    display: block;
    position: relative;
	min-height: 300px;
    max-width: 400px;
}
.view-first .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
	background-color: transparent;
	
    /*background-color: rgba(178,52,52,0.4); background-color:rgba(255,165,0,0.4); background-color: rgba(0,153,204,0.7);background-color: rgba(64,64,64,0.4);
	background-color: rgba(129,216,208,0.7);
	background-color: rgba(153,0,0,0.3);*/
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.view .mask, .view .content {
    width: 400px;
    height: 302px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.view-first h2 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.view h2 {
    text-transform: uppercase;
   	color: #000;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(255,255, 255, 0.8);
    margin: 20px 0 0 0;
	font-family: Arial;
	line-height: 24px;
}

.view-first a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #ff4040;
	/*background-color: rgba(153,0,0,1);*/
    color: #fff;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000;
	position: absolute;
	bottom: 0px;
	left: 87px;
	font-family:'Arial';

}
.view-first:hover .mask{
	opacity: 1;
	
}
.view-first:hover h2{
	transform: translateY(0px);
	opacity:1;
}
.view-first:hover a.info{
	opacity:1;
	transform: translateY(-50px);
}



/*---RESPONSIVE----*/

@media screen and (max-width: 1880px){
header {
    width: 100%;
    height: 340px;
}
}

@media screen and (max-width: 1860px){
	/*---homepagina---*/
	
	.navbar .navbar-collapse {
     max-height: none;
	}
	.white .navbar-nav {
    padding: 0%;
}
}
@media screen and (max-width: 1836px){
	/*--alleprojecten--*/
	#projecten .gallery {
    position: absolute;
    top: 54%;
    left: 16%;
}
	/*---homepagina---*/
	.white .navbar-nav {
        margin: 0 16.5%;
}
}
@media screen and (max-width: 1800px){
	/*---homepagina---*/
	.white .navbar-nav {
    margin: 0 15.7%;
}
	header {
      height: 340px;
}
	
}
@media screen and (max-width: 1750px){
	/*---homepagina---*/
	.white .navbar-nav {
    margin: 0 14.7%;
}
	#projecten .gallery {
    position: absolute;
    top: 54%;
    left: 17%;
}
	
}
@media screen and (max-width: 1665px){
	.white .navbar-nav {
    margin: 0 12.8%;
}
	header {
    height: 320px;
}
	}
@media screen and (max-width: 1480px){
	#projecten .gallery {
    position: absolute;
    top: 54%;
    left: 16%;
}
	/*--contact--*/
	#contactBlok {
    margin-top: 5%;
    margin-left: 23.5%;
}
	/*--home--*/
	.projecten {
    width: auto;
    margin-left: 1.5%;
    padding-right: 0%;
	padding-left:0%;
    margin-right: -6.5%;
}
	.container {
    width: 100%;
}
	header {
    height:287px;
}
	
	.white .navbar-nav {
    margin: 0 8%;
}
	.white .navbar-nav > li {
    float: left;
    padding-right: 4%;
}
	.navbar .navbar-collapse .navbar-nav li a {
    font-size: 15px;
    padding: 28px 10px 28px 10px;
}
	.navbar .navbar-collapse .navbar-nav ul.dropdown-menu li a {
       font-size: 13px;
	}
	
	
	.partners {
       margin-left: 2%;
}
	.intro {
        margin-left: 5%;
	}
	
	.kolomVoordelen div p {
       min-height: 270px;
}
	/*--styling dakwerken.php tabssysteem--*/
	.diensten .intro{
		margin-left:0%;
	}
	
	
}
@media screen and (max-width: 1440px){
	ul.voordelenOnderhoud {
    width: 50%;
    float: left;
}
	header {
   height: 273px;
}
	.white .navbar-nav {
    margin: 0 6.9%;
}
	.navbar .navbar-collapse .navbar-nav li a {
    padding: 26px 10px 22px 10px;
}
	.navbar .navbar-collapse {
    max-height: 63px;
}
	.kolomVoordelen h3 {
        font-size: 19px;
	}

	#Third{
		margin-top: -6.5%;
	}
	.introText {
       margin-right: 0%;
	}
	.projecten {
       margin-right: -5.5%;
	}
}

@media screen and (max-width: 1424px){
.white .navbar-nav {
    margin: 0 6.5%;
}
	#projecten .gallery {
    position: absolute;
    top: 54%;
    left: 15%;
}
}
@media screen and (max-width: 1408px){
	/*--alleprojecten--*/
	#projecten .gallery {
    position: absolute;
    top: 54%;
    left: 15%;
}
	/*--contact--*/
	#contactBlok {
    margin-top: 5%;
    margin-left: 24.5%;
}
	/*--onderhoud--*/
	#meerdereTabs .nav-tabs > li.active > a, #meerdereTabs .nav-tabs > li > a {
        font-size: 16px;
}
	/*--home--*/
	.navbar .navbar-collapse .navbar-nav li a {
       padding: 22px 10px 22px 10px;
}
	.white .navbar-nav {
    margin: 0 5.9%;
}
		header {
    height: 268px;
}
	.kolomVoordelen div p
	{
		min-height:269px;
	}
	.projecten {
    margin-right: -4.5%;
}
}
@media screen and (max-width: 1366px){
	/*--alleprojecten--*/
	#projecten .gallery {
    position: absolute;
    top: 54%;
       left: 13%;
}
	/*--contact--*/
	#contactBlok {
    margin-top: 5%;
    margin-left: 25.5%;
}
	/*---homepagina---*/
	.navbar .navbar-collapse .navbar-nav li a {
    padding: 19px 10px 19px 10px;
}
	.werven .btn-primary {
    position: absolute;
    top: 68%;
    left: 17%;
	}
	header {
        height: 256px;
}
	.white .navbar-nav {
    margin: 0 4.5%;
}
	.partnerCarousel .row {
    width: 100%;
    padding-left: 11.5%;
    padding-right: 8%;
}
	
	.projecten {
       margin-right: -3%;
	}
	h1 {
     font-size: 27px;
	}
	h4 {
       font-size: 20px;
	}
	.kolomVoordelen h3 {
    font-size: 18px;
}
	
}
@media screen and (max-width: 1299px){
	/*--alleprojecten--*/
	#projecten figure img {
    min-height: 254px;
}
	#projecten figcaption {
    min-height: 63px;
    text-align: center;
    padding: 6px 0px;
}
	#projecten .gallery{
	padding: 8px 16px;
    font-size: 14px;
    line-height: 1.4;
		height: 41px;
	}
	/*--contact--*/
	#contactBlok {
    margin-top: 5%;
    margin-left: 26.5%;
}
	/*--home--*/
	   .white .navbar-nav {
    margin: 0 2%;
	}

	.introText {

    border: 1px solid grey;
    margin-right: -0.5%;
	}
	.projecten {
    margin-right: -4%;
	}
	.partnerCarousel .row {
    width: 100%;
    padding-left: 9.5%;
    padding-right: 6%;
}
	header {
    height: 249px;
}
	#projecten .gallery {
    position: absolute;
    top: 54%;
    left: 11.5%;
}
	.kolomVoordelen h3 {
    font-size: 17px;
}
	.view a.info {
    left: 88px;
}
	.header-text {
    position: absolute;
    top: 20%;
    left: 6.8%;
	}
	
}

@media screen and (max-width: 1280px){
	.navbar .navbar-collapse .navbar-nav li a {
    padding: 23px 10px 21px 10px;
}
	.kolomVoordelen div p {
		font-size:15px;
	}
	header {
    height: 253px;
}
	.white .navbar-nav {
    margin: 0 1.5%;
}
}
@media screen and (max-width: 1224px){
	#projecten .gallery.btn, #projecten button.gallery {
    font-size: 12px;
    line-height: 1.2;
		    padding: 8px 6px;
}
	ul.voordelenOnderhoud {
    width: 65%;
    float: left;
}
	ul.voordelenklein {
    width: 48%;
    float: left;
}
	/*--alleprojecten--*/
	#projecten .gallery {
    position: absolute;
    top: 54%;
    left: 17%;
}
	/*--contact--*/
	#contactBlok {
    margin-top: 5%;
    margin-left: 8.5%;
}
	/*--home--*/
	.navbar .navbar-collapse .navbar-nav li a {
    padding: 24px 10px 24px 10px;
}
	.white .navbar-nav {
    display: block;
    width: 1144px;
		margin: 0 -0.2%;
	}
	.white .navbar-nav > li {
    float: left;
    padding-right: 3%;
}
	header {
    height: 250px;
}
	.werven .view img {
        max-width: 386px;
	}

	.kolomVoordelen div p {
    min-height: 322px;
		font-size: 16px;
}
	.view .mask, .view .content {
    width: 386px;
	}
	.carousel-control.right {
    margin-right: -25px;
		margin-top:-2%;
	}
	.carousel-control.left, .carousel-control.right {
    margin-left: -23px;
		margin-top:-2%;
	}
#carousel-example-generic .carousel-control.left, #carousel-example-generic .carousel-control.right, #carousel-example-generic .carousel-indicators{
	display:none;
	}
}
@media screen and (max-width: 1080px){
	div.g-recaptcha {
    margin-left: 28%;
	}
	#projecten .gallery.btn, #projecten button.gallery {
    font-size: 11px;
    line-height: 1.2;
    padding: 8px 6px;
		    height: 38px;
}
	/*--alleprojecten--*/
	h1#projectHead {
       width: 156px;
}
	#projecten figure img {
    min-height: 200px;
}
	#projecten figcaption {
    min-height: 51px;
    text-align: center;
    padding: 6px 0px;
    font-size: 12px;
}
	#projecten .gallery {
    position: absolute;
    top: 54%;
    left: 14%;
	font-size: 12px
}
	
	/*--offerte--*/
	.offerte .bootstrap-frm label>span {
    float: left;
    width: 28%;
	}
	h1#offerteHead {
    width: 342px;
}
	/*--contact--*/
	#contactBlok{
		width:70%;
	}
	h1#contactHead {
    width: 148px;
}
	/*--premies--*/
	h1#premieHead {
    width: 294px;
}
	/*--onderhoud--*/
	#meerdereTabs .nav-tabs > li.active > a, #meerdereTabs .nav-tabs > li > a {
    font-size: 14px;
}
	h1#onderhoudHead {
    width: 363px;
}
	/*--home--*/
	.grey {
      padding-bottom: 4%;
}
	.white .navbar-nav {
    display: block;
    width: 100%;
    margin: 0%;
}
	.white .navbar-nav > li {
    float: left;
    padding-right: 3.5%;
}
	.werven .btn-primary {
       left: 10%;
	}
	.view h2 {
        font-size: 15px;
	}
	.werven .view img {
    max-width: 306px;
}
	#carousel-example-generic{
		margin-top:-1%;
	}
	.header-text h2 {
    font-size: 37px;
		margin-bottom: -4%;
}
	#carousel-example-generic h3 {
    font-size: 25px;
	}
	.navbar .navbar-collapse {
    max-height: 63px;
}
	
	.navbar .navbar-collapse .navbar-nav li a {
    	font-size: 13px;
		
}
	.navbar .navbar-collapse .navbar-nav li a {
    padding: 24px 10px 28px 10px;
}
	
	.partnerCarousel .row {
    width: 100%;
    padding-left: 6.5%;
    padding-right: 0%;
}
	header {
    height: 233px;
	}
	.navbar .navbar-collapse .navbar-nav ul.dropdown-menu li a {
    font-size: 12px;
}
	h1 {
    font-size: 21px;
}
	h4 {
    font-size: 17px;
}
	#Third, #Second{
	margin-top: -8%;
	}
	.kolomVoordelen div p {
        padding: 17px 13px;
	font-size: 14px;
	}
	.view a.info {
    left: 59px;
    font-size: 14px;
}
	.view .mask, .view .content {
    width: 306px;
    height: 229px;
}
	.projecten {
    margin-right: 0%;
		margin-left: 4.5%;
}
	.partnerCarousel .row {
    width: 100%;
    padding-left: 6.5%;
    padding-right: 3%;
}
	.container .voorDelen{
		margin-left: 1%;
margin-right: 1.5%;
	}
	.introText {
    border: 1px solid grey;
    margin-right: 3.5%;
	margin-left: 3%;
}
	.Intro, .intro2 {
      padding: 22px;
	}
	#entryFoto .gallery{
		left: 16%;
	}
	.white .navbar-brand img {
 	    image-rendering: inherit;

}
	footer .centered .footer-logo img.logo {
   	image-rendering: inherit;
}
}

@media screen and (max-width: 1024px){
	
	/*--alleprojecten--*/
	#projecten figure img {
    min-height: 156px;
}
	#projecten .gallery {
    position: absolute;
    top: 54%;
    left: 14.5%;
    
}
	.white .navbar-nav {
    
       margin: 0 0.5%;
}
	#projecten .gallery.btn, #projecten button.gallery {
    font-size: 10px;
    line-height: 1;
    padding: 8px 6px;
    height: 31px;
}
	/*--contact --*/
	#contactBlok {
    width: 74%;
}
	/*--timmerwerken--*/
	img.entryFoto {
       height: 236px;
}
	h1#timmerHead {
    width: 215px;
}
	h1#koperHead {
    width: 294px;
}
	h1#gevelHead {
    width: 196px;
}
	/*--home--*/
	.navbar .navbar-collapse .navbar-nav li a {
    padding: 23px 10px 23px 10px;
}
	.introFoto{
		margin-top:-1%;
	}
	.grey {
        padding-bottom: 4%;
}
	.werven {
    margin-bottom: -1%;
	}
	.werven .btn-primary {
    left: 15%;
    height: 35px;
    font-size: 14px;
    line-height: 14px;
}
	.view img {
       min-height: 234px;
	}
	.header-text {
       left: 2.8%;
	}
	.header-text h2 {
    font-size: 33px;
	}
	header {
    height: 230px;
}
	.kolomVoordelen div#Third p {
    margin-top: 40px;
}
	.kolomVoordelen div p {
    min-height: 325px;
		font-size:15px;
}
.nav.secondary li a {
      font-size: 12px;
	}

.white .navbar-nav > li {
    float: left;
    padding-right: 2.5%;
}
	.partners h3 {
    font-size: 17px;
       width: 154px;
	}
	
	footer a {
        font-size: 12px;
	}
footer h3 {
      font-size: 18px;
	}
	.view .mask, .view .content {
    width: 306px;
		height: 221px;
	}
	.view a.info {
    left: 53px;
}
	.grey button {
   
    margin: -5% 0% 5% 0%;
	}
	#entryFoto .gallery {
    left: 14%;
}
}


@media screen and (max-width: 980px){
	.introFoto.Pr, .introFoto.piggyBank, .introFoto.contactBG {
    height: 300px;
	}
	#formulierTwee.bootstrap-frm label.error {
    color: red;
    padding-left: 28%;
	}
	/*--alleprojecten--*/
	#projecten .gallery.btn, #projecten button.gallery {
    font-size: 9px;
	}
	#projecten .gallery {
    position: absolute;
    top: 54%;
    left: 15%;
	}
	#projecten figcaption {
    min-height: 51px;
    text-align: center;
    padding: 6px 0px;
    font-size: 11px;
	}
	/*--contact--*/
	#contactBlok {
    width: 78%;
}
	/*--onderhoud--*/
	#meerdereTabs .nav-tabs > li.active > a, #meerdereTabs .nav-tabs > li > a {
    padding: 6px 8px;
}
	/*--timmerwerken--*/
	.timmer #entryFoto .gallery {
    left: 21%;
}
	/*--home--*/
	.werven .btn-primary {
    left: 7%;
	}
	.werven {
    margin-bottom: -4%;
	}
	.kolomVoordelen div p {
    min-height: 168px;
		padding: 17px 34px;
}
	#Third, #Second {
    margin-top: 0%;
}
	header {
    height: 220px;
}
	
	.white .navbar-nav > li {
    padding-right: 1.6%;
}
	
	.werven .view img {
    max-width: 259px;
		min-height: 186px;
}
	.view .mask, .view .content {
    width: 259px;
	}
	.werven img.entryFoto {
    height: 201px;
}
	.view h2 {
    font-size: 13px;
}
	.view a.info {
    left: 99px;
}

	.carousel-control.left, .carousel-control.right {
    margin-left: -22px;
	}
	.partnerCarousel .row {
        padding-right: 1%;
	}
	.projecten {
    margin-right: -3%;
	}
	.grey button {
    margin: 0% 0% 5% 0%;
}
	.carousel-inner {
    width: 119%;
	}
	
	#entryFoto .wp-caption.pull-right {
    margin-left: 0rem;
}
	#entryFoto img.entryFoto {
    width: 100%;
    height: auto;
}
}

@media screen and (max-width: 960px){
	.white .navbar-nav > li {
    padding-right: 1.4%;
}
}

@media screen and (max-width: 900px){
	.white .navbar-nav {
    margin: 0%;
}
	/*--alleprojecten--*/
	#projecten .gallery.btn, #projecten button.gallery {
    font-size: 11px;
    letter-spacing: 0px;
}
	#projecten .gallery {
    position: absolute;
    top: 54%;
    left: 16%;
	
}
	/*--contact--*/
	#contactBlok {
    width: 84%;
}
	/*--onderhoud--*/
	#meerdereTabs .nav-tabs > li.active > a, #meerdereTabs .nav-tabs > li > a {
    font-size: 12px;
}
	
	/*--timmerwerken--*/
	
	.timmer #entryFoto .gallery {
    left: 17%;
    font-size: 12px;
    line-height: 10px;
	height:41px;
	}
	/*--home--*/
	.kolomVoordelen:last-child div p {
    min-height: 225px;
}
	.projecten {
    margin-right: 3.5%;
}
	header {
    height: 200px;
}
	.white .navbar-nav > li {
    padding-right: 1.4%;
}
	
	.navbar .navbar-collapse .navbar-nav li a {
    padding: 18px 10px 28px 10px;
		 font-size: 12px;
}
	.navbar .navbar-collapse {
    max-height: 85px;
}
	.view .mask, .view .content {
    width: 259px;
}
	.werven .btn-primary {
    left: 8%;
}
	.view a.info {
    left: 98px;
}
	.carousel-indicators {
    bottom: -8px;
}
	.nav.secondary li a {
    font-size: 11px;
}
	.header-text h2 {
    font-size: 32px;
}
	.header-text h2 span, .header-text h3 span {
      padding: 0px;
	}
	#carousel-example-generic h3 {
    font-size: 23px;
    font-family: 'Century Gothic';
   
}
	.header-text {
    position: absolute;
    top: 20%;
    left: 3.8%;
	}
	
}
@media screen and (max-width: 820px){
	    .introFoto {
        margin-top: 5%;
    }
	    .navbar .navbar-collapse .navbar-nav li a {
        padding: 18px 10px 10px 10px;
        font-size: 16px;
    }
	.white .navbar-nav > li {
        padding-right: 0.4%;
    }
	    .navbar .navbar-collapse {
        max-height: 114px;
    }
	a.fill {
       font-size: 12px;
	}
	.kolomVoordelen {
        clear: both;
    margin: 0 20%;
	}
	#carousel-example-generic h3 {
                max-width: 60%;
    }
	    .header-text h2 {
        font-size: 29px;
        
    }
	
}


@media screen and (max-width: 800px){
	.introFoto.contactBG {
        height: 177px;
    }
	    .kolomVoordelen {
        clear: inherit;
        margin: auto;
	}
	div.g-recaptcha {
    margin-left: 35%;
}
	#formulierTwee.bootstrap-frm input[type="text"], #formulierTwee.bootstrap-frm input[type="email"], #formulierTwee.bootstrap-frm textarea, #formulierTwee.bootstrap-frm select, #formulierTwee.bootstrap-frm input[type="password"] {
   
    width: 58%;
	}
	.offerte .bootstrap-frm label>span {
    float: left;
    width: 35%;
}
	#formulierTwee.bootstrap-frm textarea {
    height: 100px;
    padding: 5px 0px 0px 5px;
    width: 57%;
	}
	#formulierTwee.bootstrap-frm label.error {
    color: red;
    padding-left: 35%;
}
	ul.voordelenherstorm, ul.voordelenklein, ul.voordelenOnderhoud{
    width: 100%;
    float: left;
}
	a.fill.onderhoudOff {
    position: relative;
    height: 41px;
		font-size: 12px;
		padding: 10px 15px;
	}
	a.fill.asbestOff {
    padding: 10px 15px;
}
	.asbest .wp-caption.pull-right {
    margin-left: 3rem;
}
	a.fill {
    
    font-size: 12px;
	}
	/*--alleprojecten--*/
	
	#projecten .gallery {
    position: absolute;
    top: 54%;
    left: 22%;
    
}
	#projecten .col-sm-3 {
    width: 33%;
}
	#projecten .nav-tabs > li.active > a {
    font-family: Arial;
    font-size: 17px;
}
	#projecten .nav-tabs > li > a {
    
    font-size: 17px;
}
	#projecten .gallery {
    position: absolute;
    top: 54%;
    left: 20%;
}
	/*--contact--*/
	#contactGeg{
		width:100%;
	}
	#contactBlok {
    width: 86%;
    margin-top: 15%;
	margin-left: 2.5%;
}
	/*--onderhoud--*/
	.diensten #meerdereTabs ul.nav-tabs li {
      margin-left: 1%;
	}
	/*--home--*/
	.navbar .navbar-collapse .navbar-nav li a {
    padding: 24px 10px 28px 10px;
		font-size: 11px;
	}
	.white .navbar-nav > li {
    padding-right: 0.5%;
}
	
	.werven {
    margin-bottom: -13%;
}
	.werven .view img {
    max-width: 226px;
    min-height: 147px;
}
	.werven img.entryFoto {
    height: 160px;
}
	.view .mask, .view .content {
    width: 213px;
    height: auto;
    left: 6px;
}
	.view h2 {
    font-size: 11px;
}
	.werven .btn-primary {
    left: 7%;
    height: 31px;
    font-size: 12px;
    line-height: 12px;
}
	.view a.info {
    left: 63px;
}
	.navbar .navbar-collapse {
    max-height: 64px;
}
	button {
    position: relative;
    height: 55px;
    width: auto;
    margin: 0% 0% 5% 0%;
    padding: 3px 13px;
    font-weight: 700;
    font-size: 13px;
	}
	.kolomVoordelen div p {
    min-height: 191px;
}
	.kolomVoordelen:last-child div p {
    min-height: 236px;
}

	.projecten {
    margin-right: 3%;
}
	.view img {
    display: block;
    position: relative;
    padding: 0% 3%;
}
	footer .footer-logo a#homeLogo {
    height: 112px;
    display: block;
    margin-top: 14%;
}
	#entryFoto .btn, #entryFoto button{
		padding: 8px 10px;
		font-size: 14px;
	}
	#entryFoto .gallery {
    left: 10%;
    height: 40px;
}
}

@media screen and (max-width: 768px){
	h1#privacyHead {

    width: 218px;

}
	div.g-recaptcha {
    margin-left: 30%;
}
	/*--alleprojecten--*/
	#projecten .gallery {
    position: absolute;
    top: 54%;
    left: 22%;
	}
	#projecten .tab-content{
		    margin-right: -5%;
	}
	#projecten figure {
   
    max-width: 100%;
	}
	/*--offerte--*/
	.offerte div:nth-child(2){
		width:100%;
	}
	.offerte .bootstrap-frm label>span {
    float: left;
    width: 30%;
}
	.offerte .bootstrap-frm input[type="text"], .offerte .bootstrap-frm input[type="email"]{
		width: 61%;
	}
	/*--contact--*/
	#contactBlok {
    width: 90%;
	}
	/*--timmerwerken--*/
	#adv{
		width:150%;
	}
	#advpara{
		width: 214%;
	}
	.timmer #entryFoto .gallery {
    left: 20%;
		height:35px;
}
	/*--home--*/
	.introText a.fill{
		font-size:11px;
	}
	.white .navbar-nav > li {
    padding-right: 1.2%;
}
	.view .mask, .view .content {
    width: 226px;
	}
	button{
		font-size:12px;
	}
	header {
    height: 200px;
}
	#carousel-example-generic{
		margin-top:-2%;
	}
	.grey button {
    margin: -5% 0% 5% 0%;
}
	.navbar .navbar-collapse .navbar-nav li a {
    font-size: 10px;
}
	.nav.secondary li a {
    font-size: 11px;
}
	
	.navbar .navbar-collapse {
    max-height: 56px;
}
	.navbar .navbar-collapse .navbar-nav li a {
    padding: 24px 10px 24px 10px;
}
	
	.header-text h2 {
    font-size: 27px;
}
	p {
    font-family: 'Century Gothic';
    font-size: 15px;
}
	.view img {
    padding: 0%;
}
	.kolomVoordelen div{
		display:none;
	}
	.kolomVoordelen img {
    width: 47%;
}
	

	.view .mask, .view .content {
   
    height: 238px;
		left:0px;
}
	.view a.info {
    left: 65px;
}
	footer .centered .footer-logo {
    width: 27%;
    background: white;
  
}
	footer .footer-logo a#homeLogo {
    height: 112px;
    display: block;
    margin-top: 5%;
}
	.carousel-control.left, .carousel-control.right {
        margin-top: -3%;
}
	/*--styling dakwerken.php tabssysteem--*/
	h1#dakHead{
		width: 171px;
	}
	.introFoto {
    margin-top: -2%;
}
	.nav-tabs > li > a, .nav-tabs > li.active > a {
		font-size:18px;
	}
	.diensten .intro {
    margin-left: 0%;
    margin-top: -2%;
    padding-bottom: 0%;
	}
	.lead {
       font-size: 21px;
	}
	.intrFoto img{
		padding-top:-1%;
	}
	#entryFoto .gallery {
    left: 8%;
	}
}

/*---start responsive menu---*/
@media screen and (max-width: 740px){
	#projecten .gallery {
    position: absolute;
    top: 54%;
    left: 21%;
}
	.knopO{
		    margin-bottom: 5%;
	}
	
	/*--onderhoud--*/
	#meerdereTabs .nav-tabs > li.active > a, #meerdereTabs .nav-tabs > li > a {
    padding: 6px 4px;
}
	/*--timmer--*/
	.timmer #entryFoto .gallery {
    	left: 18%;
		font-size:12px;
	}
	/*--home--*/
	.partnerCarousel img.img-responsive{
		    max-width: 100%;
	}
	.intro2 a.fill {
   
    padding: 10px 8px;
	}
	.view h2 {
    font-size: 10px;
}
	.werven .view img {
    max-width: 198px;
	}
	
	.projecten {
    margin-right: 2%;
}
	.view .mask, .view .content {
    	width: 198px;
		height:250px;
	}
	.werven .btn-primary {
        left: 7%;
    height: 31px;
    font-size: 11px;
    line-height: 11px;
    top: 83%;
    padding: 8px 8px;
	}
	button {
  
    padding: 3px 3px;
	}
	.navbar .navbar-collapse .navbar-nav li a {
    font-size: 13px;
}
	
	.navbar .white .navbar-header .navbar-brand {
       padding-top: 0%;
	}
	.navbar .navbar-collapse {
    max-height: none;
    width: auto;
}
	.white .navbar-nav {
    margin-top: 0%;
    height: 250px;
}
	.white .navbar-nav > li {
    padding-right: 0%;
    float: left;
    display: block;
    width: 100%;
    padding-left: 5%;
}
	.navbar .navbar-collapse .navbar-nav li a {
    padding: 15px 20px;
	}
	
	.navbar .navbar-collapse .navbar-nav .dropdown-menu {
    background-color: #0E2F44;
}
	header {
    height: auto;
}
	
footer .bottom-bar {
        font-size: 12px;
	}
	.view:last-child {
    margin-left: 0%;
   	}
	.view:first-child{
		margin-bottom: 4%;
	}

	
	.grey h1 {
        width: 235px;
	}
	.partnerCarousel .carousel-inner {
    width: 95%;
    margin-left: 2%;
}
	.white .navbar-brand img {
    margin-top: -10%;
}
	/*--styling dakwerken.php tabssysteem--*/
	.diensten .gallery {
       left: 24%;
}
	.diensten .btn, .diensten button{
		font-size:14px;
	}
	.white .navbar-nav {
       margin-left: 0%;
	}
	.white .navbar-nav > li {
       padding-left: 0%;
}
	/*--styling timmerwerken.php geen tab--*/
	#entryFoto .gallery {
    left: 6%;
}
}

@media screen and (max-width: 667px){
	.introFoto.Pr, .introFoto.piggyBan, .introFoto.contactBG{

    height: 250px;
	}
	h1#privacyHead {

    width: 209px;

}
	div.g-recaptcha {
    margin-left: 38%;
}
	#formulierTwee.bootstrap-frm label.error {
    color: red;
    padding-left: 38%;
}
	/*--alleprojecten--*/
	#projecten .nav-tabs > li > a {
    font-size: 14px;
}
	#projecten .nav-tabs > li.active > a {
    font-family: Arial;
    font-size: 14px;
}
	#projecten figure img {
   min-height: 154px;
}
	#projecten .gallery {
    position: absolute;
    top: 54%;
    left: 17%;
}
	/*--offerte--*/
	.offerte .bootstrap-frm label>span {
    float: left;
    width: 38%;
}
	.offerte .bootstrap-frm textarea {
       width: 61%;
}
	/*--contact--*/
	.diensten div.g-recaptcha iframe {
    display: block;
	}
	.diensten iframe{
		display:none;
	}
	#contactBlok {
    width: 97%;
	margin-top: 5%;
}
	/*--onderhoud--*/
	.diensten #meerdereTabs ul.nav-tabs li {
    margin-left: 7%;
    margin-top: 2%;
}
	.diensten #meerdereTabs ul.nav-tabs li:nth-child(1) {
    margin-left: 11%;
    
}
	.diensten #meerdereTabs figcaption {
    font-size:13px;
}
	
	/*--home--*/
	.grey {
    padding-bottom: 6%;
}
	.intro2 a.fill {
		letter-spacing: 0px;
	}
	.werven .view img {
    max-width: 183px;
}
.view .mask, .view .content {
    width: 183px;
    height: 232px;
}
	.view h2 {
    font-size: 9px;
}
	.werven .btn-primary {
    left: 10%;
    height: 26px;
    font-size: 9px;
    line-height: 11px;
    top: 83%;
		padding: 8px 5px;
}
	.view a.info {
    left: 50px;
}
	/*--styling dakwerken.php tabssysteem--*/
	.wp-caption {
        max-width: 45%;
	}
	.diensten .gallery {
        top: 55%;
		left: 14%;
		height:35px;
	}
	.diensten .btn, .diensten button {
    font-size: 12px;
}
	
	img.entryFoto {
    width: 100%;
    height: auto;
}
	/*--styling timmerwerken.php geen tab--*/
	.timmer #entryFoto .gallery {
    left: 27%;
	}
	.timmer #paragrafen{
		display:none;
	}
	#entryFoto{
	width: 100%;
	margin-left: -26.5%;
		margin-bottom: 5%;
	}
	#entryFoto .wp-caption {
    max-width: 75%;
}
	
}

@media screen and (max-width: 640px){
	div.g-recaptcha {
    margin-left: 38%;
}
	#projecten .nav>li>a {
       padding: 8px 13px;
}
	#projecten .col-sm-3 {
    width: 42%;
	}
	.allColumns{
		height: 100%;
    width: 100%;
        margin-left: 8%;
	}
	#projecten .gallery {
    position: absolute;
    top: 54%;
    left: 23%;
}
	/*--contact--*/
	.bootstrap-frm label.error {
    color: red;
    padding-left: 26%;
	}
	.bootstrap-frm label>span {
    float: left;
    width: 25%;
	}
	/*--timmer--*/
	.timmer #entryFoto .gallery {
    left: 29%;
}
	/*--home--*/
	
	.view .mask, .view .content {
    width: 180px;
}
	.werven .btn-primary {
    left: 14%;
	}
	button {
    padding: 3px 9px;
	letter-spacing: 1px;
}
	
	.view a.info {
    left: 43px;
}
	.werven {
    margin-bottom: -6%;
    width: 100%;
    height: 256px;
}
	
}


@media screen and (max-width: 600px){
	.introFoto.Pr, .introFoto.piggyBank, .introFoto.contactBG{

    height: 132px;

}
	#projecten .gallery {
    position: absolute;
    top: 54%;
    left: 20%;
}
	#projecten .nav>li>a {
    padding: 8px 7px;
}
	.knopO {
    margin-bottom: 9%;
}
	.diensten .gallery {
      left: 12%;
	}
	/*--offerte--*/
	.offerte .bootstrap-frm label>span {
      font-size: 12px;
}
	/*--onderhoud--*/
	.diensten #meerdereTabs figcaption {
    font-size: 11px;
}
	/*--home--*/
.white .navbar-
	brand img {
    margin-top: -15%;
    margin-left: 19%;
}
	.view .mask, .view .content {
    width: 167px;
	}
	.werven .btn-primary {
    left: 13%;
}
	.view .mask, .view .content {
   
	height: 216px;
}
	.view a.info {
    left: 32px;
}
	.werven {
      height: 244px;
	}
	.grey button {
    margin: -17% 0% 5% 0%;
}
	.Intro, .intro2 {
    padding: 22px;
    width: 100%;
}
	grey h1 {
     width: 252px;
	}
	button {
    padding: 3px 21px;
}
	footer .footer-logo a#homeLogo {
    height: 117px;
    display: block;
    margin-top: -4%;
}
	footer .centered .footer-logo {
    width: 50%;
    
}footer .centered .footer-contact {
    width: 27%;
    margin-left: 0%;
}
	footer .centered .footer-navigation {
		display:none;
	}
	.white .navbar-brand img {
       width: 56% !important;
	}
}

@media screen and (max-width: 568px){
	div.g-recaptcha {
    margin-left: 23%;
}
	/*--styling onderh en herst--*/
	.asbest{
	    margin-bottom: 5%;
	}
	/*--styling pagina's met introfoto--*/
	.introFoto img{
	height: 150px;
	}
	.diensten .gallery {
    left: 13%;
}
	#projecten figure img {
    min-height: 148px;
}
	#projecten .gallery {
    position: absolute;
    top: 45%;
    left: 17%;
		font-size: 10px;
}
	#projecten .nav-tabs > li.active > a {
    font-family: Arial;
    font-size: 13px;
}
	#projecten .nav-tabs > li > a {
    font-size: 13px;
}
	/*--offerte--*/
	.offerte .bootstrap-frm input[type="text"], .offerte .bootstrap-frm input[type="email"], .offerte .bootstrap-frm textarea{
		font-size:14px;
	}
	/*--home--*/
	.view .mask, .view .content {
    width: 157px;
}
	.view h2 {
    font-size: 8px;
}
	.werven .btn-primary {
    left: 9%;
}
.view h2 {
    text-transform: uppercase;
    color: #000;
    text-align: center;
    position: relative;
    padding: 0px;
    background: rgba(255,255, 255, 0.8);
    margin: 20px 0 0 0;
    font-family: Arial;
    line-height: 16px;
	    font-size: 10px;
}
	.grey {
    padding-bottom: 7%;
}
	.werven {
    height: 218px;
}
	.view a.info {
    left: 25px;
}
	/*--styling dakwerken.php tabssysteem--*/
	.wp-caption {
    max-width: 50%;
}
	/*--styling timmerwerken.php geen tab--*/
	.timmer #entryFoto .gallery {
    left: 24%;
}
}


@media screen and (max-width: 480px){
	.introFoto.Pr, .introFoto.piggyBank, .introFoto.contactBG{

    height: 180px;

}
	.diensten.Privacy h3, .premies.Privacy #paragrafen p{
		display:block;
	}
	 
	div.g-recaptcha {
    margin-left: 0%;
    margin-bottom: 11%;
}
	#formulierTwee.bootstrap-frm input[type="text"], #formulierTwee.bootstrap-frm input[type="email"], #formulierTwee.bootstrap-frm textarea, #formulierTwee.bootstrap-frm select, #formulierTwee.bootstrap-frm input[type="password"] {
    width: 100%;
}
	#formulierTwee.bootstrap-frm textarea {
    height: 100px;
    padding: 5px 0px 0px 5px;
    width: 100%;
}
	#formulierTwee.bootstrap-frm label.error {
    color: red;
    padding-left: 0%;
    padding-bottom: 4%;
}
	/*--styling ond en herst--*/
	img.entryFotoasbest {
    display:none;
}
	ul#asbestOps {
    margin-bottom: 6%;
}
	/*--alleprojecten--*/
	#projecten figure img {
    min-height: 121px;
}
	#projecten .nav-tabs > li.active > a {
    font-family: Arial;
    font-size: 12px;
}
	#projecten .nav-tabs > li > a {
    font-size: 12px;
}
	/*--offerte--*/
	h1#offerteHead {
    width: 321px;
}
	.offerte .bootstrap-frm label>span {
       display: none;
}
	.offerte .bootstrap-frm input[type="text"], .offerte .bootstrap-frm input[type="email"], .offerte .bootstrap-frm textarea {
    width: 100%;
}
	/*--contact--*/
	#contactBlok{
		display:none;
	}
	/*--premies--*/
	#webLinks{
		display:block;
	}
	.premies #paragrafen p{
		display:none;
	}
	/*--onderhoud--*/
	h1#onderhoudHead {
    width: 334px;
}
	.diensten #meerdereTabs ul.nav-tabs li {
    margin-left: 3%;
	}
	#meerdereTabs .entry-content p strong{
		display:inline;
	}
	#meerdereTabs .entry-content p italic{
		display:none;
	}
	/*--home--*/
	.partnerCarousel .col-xs-4 {
    width: 16.333333%;
}
.partnerCarousel img#velux.img-responsive, .partnerCarousel img#rockwool.img-responsive, .partnerCarousel img#derbigum.img-responsive, .partnerCarousel img#resitrix.img-responsive {
    max-width: 75%;
	    padding-top: 4%;
}
	.view h2 {
    padding: 21px;
   line-height: 21px;
		font-size: 14px;
	}
	.werven .view{
		width:100%;
	}
	.werven .view img {
    max-width: 100%;
}
	.werven img.entryFoto {
    height: 300px;
	}
	.view .mask, .view .content {
    width: 95.5%;
}
	
	.werven .btn-primary {
    display:none;
}
	.carousel-control.left .fa, .carousel-control.right .fa {
        font-size: 16px;
	}
	.carousel-control.left, .carousel-control.right {
    margin-top: -6%;
}
	.partnerCarousel .carousel-inner {
    width: 297%;
	}
	.nav.secondary {

    text-align: center;
	}
	.grey {
    padding-bottom: 9%;
}
	.view:first-child {
    margin-bottom: 8%;
}
	.view:last-child {
     margin-top:8%;
    margin-bottom: 12%;
}

	.grey h1 {
    width: 207px;
	}
	.white .navbar-brand img {
    width: 56% !important;
    margin-left: 24%;
}
	.werven {
    margin-bottom: 3%;
    width: 100%;
    height: 180px;
}
	.grey button{
		margin:0%;
		margin-bottom:5%;
	}
	footer .centered .footer-contact {
    width: 34%;
	}
	.partnerCarousel .container-fluid {
       margin-bottom: 13%;
}
	/*--styling dakwerken.php tabssysteem--*/
	.wp-caption {
    max-width: 100%;
}
	.wp-caption.pull-right {
    margin-left: 0rem;
}
	.diensten .gallery {
    top: 62%;
    left: 27%;
}
	.diensten h3, .entry-content ul{
		display:none;
	}
	.entry-content p strong{
		display:none;
	}
	/*--styling timmerwerken.php geen tab--*/
	
	.diensten .gallery, .diensten figcaption, .timmer #entryFoto img.entryFoto{
		display:none;
	}
}
@media screen and (max-width: 414px){
	.introFoto.Pr, .introFoto.piggyBank, .introFoto.contactBG{

    height: 164px;

}
	.introFoto img {
    height: 164px;
}
	.knopO {
    margin-bottom: 11%;
    margin-top: -5%;
}
	.tab-content {
    padding-bottom: 0%;
}
	footer p.adres {
    text-transform: none;
    font-size: 12px;
}
	/*--alleprojecten--*/
	#projecten figure img {
    min-height: 97px;
}
	/*--offerte--*/
	h1#offerteHead {
    width: 293px;
}
	.offerte .bootstrap-frm h2 {
    font: 19px "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	.offerte .bootstrap-frm h2>span {
    display: block;
    font-size: 9px;
}
	/*--premies--*/
	h1#premieHead {
    width: 265px;
}
	/*--onderhoud--*/
	#meerdereTabs .nav-tabs > li.active > a, #meerdereTabs .nav-tabs > li > a {
    font-size: 9px;
}
	h1#onderhoudHead {
    width: 305px;
}
	/*--home--*/
	#content .intro2	{
		    padding-bottom: 12%;
	}
	.view .mask, .view .content {
   width: 95%;
    height: 253px;
}
	.view a.info {
    left: 65px;
}
	.Intro, .intro2 {
    padding: 9px 22px;
	}
	.werven {
    margin-bottom: 3%;
    width: 100%;
    height: 154px;
}
	footer .centered .footer-logo {
    margin-left: 0%;
}
	/*--styling dakwerken.php tabssysteem--*/
	.diensten .gallery {
       left: 23%;
}
	
	
}
@media screen and (max-width: 385px){
	header .nav.secondary li a {
    font-size: 9px;
    padding: 0px 4px;
    padding-top: 3px;
}
	.introFoto img {
    height: 140px;
}
	/*--alleprojecten--*/
	#projecten .nav-tabs > li.active > a {
    font-family: Arial;
    font-size: 10px;
}
	#projecten .nav-tabs > li > a {
    font-size: 10px;
}
	.allColumns {
    height: 100%;
    width: 100%;
    margin-left: -7%;
}
	#projecten .col-sm-3 {
    width: 100%;
}
	#projecten div {
		
    margin-bottom: 5%;
    width: 100%;
}
	#projecten figure img {
    min-height: 66px;
}
	/*--offerte--*/
	.offerte div:nth-child(2) {
       margin-top: 10%;
}
	.offerte p#offertePara{
		display:none;
	}
	/*--onderhoud--*/
	#meerdereTabs{
		display:none;
	}
	/*--dakwerken--*/
	#dakWerk .nav, #dakWerk .tab-content{
		display:none;
	}
	#dakWerk .knopO {
   
    margin-top: 3%;
	}
	/*--home--*/
	.werven img.entryFoto {
    height: 253px;
}
	.view .mask, .view .content {
    width: 94.5%;
	}
	.nav.secondary li a {
    font-size: 9px;
		padding: 0 4px;
}
	.kolomVoordelen h3 {
    font-size: 15px;
}
	
	.bottom-bar a{
		font-size:9px;
	}
	
	
	.navbar .white .navbar-header .navbar-brand {
    margin: 0 11.5%;
}
	.white .navbar-brand img {
    width: 71% !important;
    margin-left: -2%;
    margin-top: -19%;
}
	.carousel-control.left, .carousel-control.right {
    display:none;
}
	.partnerCarousel .carousel-inner {
    width: 153%;
	}
	button {
    position: relative;
	height: 41px;
	}
	.partnerCarousel h1 {
       width: 220px;
    padding-bottom: 1%;
    margin-bottom: 11%;
}
	footer .centered .footer-contact {
    width: 43%;
}
	footer .centered .footer-logo {
    width: 50%;  
}
	footer .footer-logo a#homeLogo {
    height: 100px;
	}
	.partnerCarousel h1 {
   
    margin-left: 4%;
}
	/*--styling dakwerken.php tabssysteem--*/

	.nav-tabs > li > a, .nav-tabs > li.active > a{
    font-size: 16px;
	padding: 8px 9px;
}
	.diensten ul li {
       margin-left: 6%;
	}
	.diensten .intro {
      margin-top: -6%;
		margin-bottom: 6%;
	}
	
	
}
@media screen and (max-width: 380px){
	.grey {
    padding-bottom: 11%;
}
	.navbar .navbar-collapse .navbar-nav li a {
    font-size: 12px;
}
	.werven {
       height: 121px;
}

}
@media screen and (max-width: 360px){
	#projecten .nav-tabs > li.active > a {
    font-family: Arial;
    font-size: 9px;
}
	#projecten .nav-tabs > li > a {
    font-size: 9px;
}
	/*--offerte--*/
	h1#offerteHead {
    width: 256px;
    font-size: 18px;
}
	.offerte .bootstrap-frm h2 {
    font: 17px "Helvetica Neue", Helvetica, Arial, sans-serif;
		  margin: -10px -12px 30px -12px;
}
	.offerte .bootstrap-frm {
       padding: 20px 11px 20px 11px;
	}
	/*--onderhoud--*/
	h1#onderhoudHead {
    width: 243px;
    font-size: 16px;
}
	/*--home--*/
	.Intro h3{
		text-align:center;
	}
	.carousel {
    margin-top: -8%;
}
	
	footer .bottom-bar {
    font-size: 9px;
    padding: 7% 19%;
}
	
	.werven {
    margin-bottom: 3%;
    width: 100%;
    height: 132px;
}
	.partnerCarousel h1 {
    
    width: 220px;
    padding-bottom: 1%;
    margin-bottom: 17%;
	}
	.projecten {
    margin-right: -1%;
}
	.Intro p{
		display:none;
	}
	.nav-tabs > li > a, .nav-tabs > li.active > a {
    font-size: 14px;
	}
	
}
@media screen and (max-width: 320px){
	h1#premieHead {
    width: 240px;
}
	.knopO a.fill {
    font-size: 9px;
}
	.introFoto img.piggy {
    height: 114px;
}
	/*--alleprojecten--*/
	#projecten figure img {
    min-height: 128px;
}
	#projecten .nav>li>a {
    padding: 8px 1px;
}
	/*--offerte--*/
	h1#offerteHead {
    width: 221px;
    font-size: 16px;
}
	.offerte .bootstrap-frm h2 {
    font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0px 0px 10px 20px;
}
	/*--contact--*/
	#contactGeg p, #contactGeg p a{
		font-size:13px;
	}
	/*--home--*/
	.projecten a.fill {
    font-size: 10px;
}
	.werven .view .mask{
    width: 90.3%;
	}
	.werven .view{
		    padding-right: 10%;
	}
	.werven img.entryFoto {
    height: 226px;
}
	.navbar .white .navbar-header .navbar-brand {
    margin: 0 13.5%;
}
	button {
    padding: 3px 5px;
		font-size:12px;
}
	.werven {
    margin-bottom: 3%;
    width: 100%;
    height: 114px;
}
	.partnerCarousel h1 {
    margin-left: 10%;
}
	.carousel-inner {
 
    margin-left: 0%;
}
	.projecten {
    margin-left: 8.5%;
	}

	
	.Intro h3{
		font-size:15px;
	}
	.kolomVoordelen h3 {
    font-size: 13px;
}
	.view .mask, .view .content {
    width: 93.3%;
		height: 211px;
}
	.view a.info {
    left: 25px;
}
	.white .navbar-brand img {
    width: 59% !important;
    margin-left: 0%;
    margin-top: -21%;
}
	footer .centered {
      display: block;
	}
	footer .centered .footer-logo {
    width: 84%;
  
    display: block;
    float: left;
    margin: 0% 8%;
}
	footer .centered .footer-contact {
    display: block;
    width: 100%;
    float: left;
    text-align: center;
}
	.partnerCarousel .carousel-inner {
    width: 317%;
}
	.nav-tabs > li > a, .nav-tabs > li.active > a {
    font-size: 12px;
		padding: 8px 6px;
}
	.diensten button {
    height: 39px;
}
	.diensten .gallery {
    left: 14%;
}
	
	
	#entryFoto .wp-caption {
		max-width: 100%;
	}
	
}