body {
   font-family: 'Open Sans', sans-serif;
   color: #898989;
   line-height: 25px;
   font-size: 14px;
}
h1 {
   font-size: 33px;
   font-weight: 800;
   position: relative;
   margin-top: 0;
   color: #000;
}
   h1:after {
   	content: "";
   	width: 65px;
   	height: 3px;
   	background-color: #0094aa;
   	display: block;
   	margin-top: 10px;
   }
h2 {
   font-size: 18px;
   font-weight: 700;
   margin-top: 0;
   color: #000;
}
h3 {

}
h4 {
   font-weight: 600;
   font-size: 14px;
   line-height: 0px;
}
.content {
   padding: 60px 0;
}
.grey-content {
   padding: 60px 0;
   background-color: #e9e9e9;
}
.blue-content {
   padding: 10px 0;
   color: #ffffff;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0094aa+0,026776+100 */
background: #0094aa; /* Old browsers */
background: -moz-linear-gradient(top,  #0094aa 0%, #026776 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0094aa 0%,#026776 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0094aa 0%,#026776 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094aa', endColorstr='#026776',GradientType=0 ); /* IE6-9 */

}
   .blue-content a {
      color: #ffffff;
      text-decoration: none;
   }
.less-padding {
   padding: 10px 0;
}
.upper-content {
   margin-top: -94px;
   position: relative;
   z-index: 1;
   padding: 123px 0 30px 0;
}
.cms-column {
    padding-left: 15px;
    padding-right: 15px;
}
.top {
    position: relative;
    z-index:99;
}
   .top .top-top {
      padding: 2px 0;
   }
   .top .top-menu {
   }
   .top .top-bottom {
      background-color: #000000;
      height: 70px;
      width: 100%;
   }
      .shadow-content {
      -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.43);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.43);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.43);

      }
      .top .top-menu-wrap {
         background-color: #ffffff;
         margin-top: -40px;
         position: relative;
         z-index: 3;
         padding-right: 20px;
      }
         .top .top-menu-wrap ul {
            margin: 0;
            padding: 0;
            float: right;
         }
            .top .top-menu-wrap ul li {
               display: inline-block;
            }
               .top .top-menu-wrap ul li a {
                  padding: 34px 12px;
                  font-size: 14px;
                  text-transform: uppercase;
                  color: #000000;
                  text-decoration: none;
                  font-weight: 600;
                  display: block;
                  border-bottom: 4px solid #ffffff;
                  -webkit-transition: all .15s linear;
                  -o-transition: all .15s linear;
                  transition: all .15s linear;
               }
                  .top .top-menu-wrap ul li a:hover {
                     border-bottom: 4px solid #000000;
                  }
                  .top .top-menu-wrap ul li.active a {
                     border-bottom: 4px solid #000000;
                  }
            .top .top-menu-wrap ul ul {
               display: none;
               position: absolute;
               top: 97px;
               margin: 0;
               width: 230px;
               padding: 0;
               list-style: none;
               background-color: #ffffff;
               color: #424242;
               z-index: 99;
               box-shadow: 0 2px 4px rgba(0,0,0,.15);
            }
               .top .top-menu-wrap ul li:hover ul {
                  display: block;
               }
                  .top .top-menu-wrap ul li ul li a {
                     padding: 5px 15px;
                     display: block;
                     width: 100%;
                     text-transform: none;
                     font-size: 14px;
                     border: 0 none;
                     height: auto;
                  }
                     .top .top-menu-wrap ul li ul li a:hover {
                        background-color: #e9e9e9;
                        border: 0 none;
                     }
                        .top .top-menu-wrap ul li ul li {
                           width: 100%;
                           display: block;
                           border-bottom: 1px solid #dedede;
                           position: relative;
                        }
                           .top .top-menu-wrap ul li ul li.active a {
                              background-color: #e9e9e9;
                              border: 0 none;
                           }

                           .mainmenu-mobile-trigger {
                               padding: 20px;
                               font-weight: 500;
                               font-size: 20px;
                               color: #ffffff;
                               background-color: #191919;
                           }
                           .mainmenu-mobile-trigger-2 {
                              text-align: left;
                               padding: 20px;
                               margin-top: 6px;
                               font-weight: 500;
                               font-size: 20px;
                               color: #ffffff;
                               background: #0094aa; /* Old browsers */
                               background: -moz-linear-gradient(top,  #0094aa 0%, #026776 100%); /* FF3.6-15 */
                               background: -webkit-linear-gradient(top,  #0094aa 0%,#026776 100%); /* Chrome10-25,Safari5.1-6 */
                               background: linear-gradient(to bottom,  #0094aa 0%,#026776 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094aa', endColorstr='#026776',GradientType=0 ); /* IE6-9 */
                           }

.top .top-menu-wrap .top-logo {
   padding: 20px;
}

#homeslider {
   height: 400px;
   width: 100%;
   margin-top: -94px;
   position: relative;
   z-index: 1;
}
   #homeslider .item {
     height: 400px;
     padding: 130px;
   }
      #homeslider .slide-content {
         position: absolute;
         bottom: 20px;
         padding: 12px;
         background-color: rgba(0, 0, 0, 0.6);
      }
         #homeslider .slide-content .title-one {
            color: #0094aa;
            font-size: 16px;
            margin-bottom: 5px;
         }
            #homeslider .slide-content .title-two h1 {
               font-size: 20px;
               color: #ffffff;
               font-weight: 800;
               margin: 0;
            }
               #homeslider .slide-content .title-two h1:after {
                  display: none;
               }
                  #homeslider .optional-content .title-opt-one {
                     font-size: 35px;
                     color: #ffffff;
                     font-weight: 800;
                     margin: 0;
                     line-height: 40px;
                  }
                     #homeslider .optional-content img {
                        float: right;
                     }
                        #homeslider .optional-content a {
                           font-size: 16px;
                           color: #ffffff;
                        }

.home-dienst-wrap {}
   .home-dienst-wrap .dienst {}
      .home-dienst-wrap .dienst .dienst-title h2 {
         font-size: 20px;
         font-weight: 700;
         position: relative;
         margin-top: 0;
         color: #878787;
         margin-top: 10px;
         -webkit-transition: all .15s linear;
         -o-transition: all .15s linear;
         transition: all .15s linear;
      }
      .home-dienst-wrap .dienst .dienst-title h2:after {
         	content: "";
         	width: 65px;
         	height: 3px;
         	background-color: #0094aa;
         	display: block;
         	margin-top: 10px;
         }
            .home-dienst-wrap .dienst a:hover {text-decoration: none;}
               .home-dienst-wrap .dienst a:hover h2 {color: #000000;}
.volledig-overzicht a {
   display: inline-block;
   margin: 0 auto;
   padding: 10px 25px;
   color: #ffffff;
   text-transform: uppercase;
   font-weight: 800;
   background: #0094aa; /* Old browsers */
   background: -moz-linear-gradient(top,  #0094aa 0%, #026776 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  #0094aa 0%,#026776 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  #0094aa 0%,#026776 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094aa', endColorstr='#026776',GradientType=0 ); /* IE6-9 */
   -webkit-transition: all .15s linear;
   -o-transition: all .15s linear;
   transition: all .15s linear;
}
.volledig-overzicht{
   text-align: center;
   margin-top: 30px;
}
   .volledig-overzicht:hover a {
      background: #0094aa !important;
      text-decoration: none;
   }

.diensten-wrap {}
   .diensten-wrap .dienst {margin-bottom: 30px;}
      .diensten-wrap .dienst .dienst-title h2 {
         font-size: 20px;
         font-weight: 700;
         position: relative;
         margin-top: 0;
         color: #000;
         margin-top: 10px;
      }
      .diensten-wrap .dienst .dienst-title h2:after {
         	content: "";
         	width: 65px;
         	height: 3px;
         	background-color: #0094aa;
         	display: block;
         	margin-top: 10px;
         }
            .diensten-wrap a {
               text-decoration: none;
            }
               .diensten-wrap .dienst .dienst-intro {
                  color: #878787;
               }

.dienst-lijn-setup {
   background-color: #0094aa;
   position: relative;
   z-index: 2;
   padding-right: 20px;
   text-align: right;
   padding: 4px !important;
}
   .diensten-lijn .dienst {display: inline-block;}
      .diensten-lijn a {
         color: #ffffff;
         padding: 2px 6px;
         display: block;
         font-size: 12px;
         font-weight: 600;
         -webkit-transition: all .15s linear;
         -o-transition: all .15s linear;
         transition: all .15s linear;
      }
         .diensten-lijn a:hover {
            background-color: #068497;
            text-decoration: none;
         }

.subdienst-wrap {}
   .subdienst-wrap .dienst {}
      .subdienst-wrap .dienst a {
         display: block;
         padding: 5px 20px;
         background: #0094aa; /* Old browsers */
         background: -moz-linear-gradient(top,  #0094aa 0%, #026776 100%); /* FF3.6-15 */
         background: -webkit-linear-gradient(top,  #0094aa 0%,#026776 100%); /* Chrome10-25,Safari5.1-6 */
         background: linear-gradient(to bottom,  #0094aa 0%,#026776 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094aa', endColorstr='#026776',GradientType=0 ); /* IE6-9 */
         font-size: 13px;
         font-weight: 800;
         text-transform: uppercase;
         color: #ffffff;
         margin-bottom: 30px;
         -webkit-transition: all .15s linear;
         -o-transition: all .15s linear;
         transition: all .15s linear;
      }
         .subdienst-wrap .dienst a:hover {
            background: #0094aa;
         }

.diensten-zoek {
   text-align: center;
   width: 100%;
   margin-bottom: 30px;
}
.diensten-zoek .top-search {}
	.diensten-zoek .top-search input[type="text"] {
      padding: 10px;
      border-radius: 2px;
      background: #ffffff;
      border: 1px solid #dfdfdf;
      width: 80%;
      color: #000000;
	}
	.diensten-zoek .top-search button {
		border-radius: 2px;
		background: transparent;
		border: 1px solid #dfdfdf;
		width: 18%;
		position: relative;
      padding: 10px;
      -webkit-transition: all .15s linear;
      -o-transition: all .15s linear;
      transition: all .15s linear;
	}
      .diensten-zoek .top-search button:hover {
         background-color: #fff;
      }
         .diensten-zoek .top-search button:hover .glyphicon-search:before {
            color: #0094aa;
         }

.foto-wrap {

}
   .foto-wrap .fotos {
      margin-bottom: 30px
   }
.bottom-logo-wrap {

}
.bottom-logo-wrap a { display: block; }
.bottom-logo-wrap .brand-logo img { max-width: 100%; max-height: 80px; margin: 0 auto; display: block;}

.footer {
   padding: 30px 0;
   background-color: #1d1d1b;
   color: #ffffff;
   font-size: 14px;
}
   .footer .footer-logo {
      margin-bottom: 20px;
   }
.footer i {margin-right: 5px;}

.footer input[type="text"] {
   background: none;
   border: 1px solid #ffffff;
   border-radius: 3px;
   padding: 5px 7px;
}
.footer textarea {
   background: none;
   border: 1px solid #ffffff;
   border-radius: 3px;
   padding: 5px 7px;
}
.footer input[type="submit"] {
   padding: 10px 20px;
   background-color: #0094aa;
   text-transform: uppercase;
   color: #ffffff;
   border: 0 none;
   font-weight: 800;
}

.footer-menu {
   width: 100%;
   padding: 0 15px;
   color: #ffffff;
}
.footer-menu .footer-link-kop {
   font-size: 13px;
   font-weight: 800;
   margin-bottom: 10px;
   text-transform: uppercase;
   }
.footer-menu .footer-link-kop a {
   color: #fff;
}
.footer-menu .footer-link-sub {
   font-size: 14px;
   margin-bottom: 20px;
}
.footer-menu .footer-link-sub a {
   color: #a6a6a6;
}

/* CONTACTFORMULIER*/

.contactformulier{

}
 .contactformulier input[type="text"] {
 }
    .contactformulier .cms-form-type-text {
       position: static !important;
       width: 49% !important;
       float: left !important;
       clear: none !important;
    }
       .contactformulier .cms-form-type-email {
          position: static !important;
          width: 49% !important;
          float: left !important;
          clear: none !important;
       }
          .contactformulier textarea {
             border: 1px solid #CCCCCC;
          }
             .contactformulier input[type="submit"] {
                padding: 10px 20px;
                background-color: #0094aa;
                text-transform: uppercase;
                color: #ffffff;
                border: 0 none;
                font-weight: 800;
             }

.ketelwijzerformulier { display: none; }
.home-ketelkiezer {
	height: 410px;
}
	.home-ketelkiezer .content-right {
		width: 100%;
		height: 410px;
		float: left;
      padding: 15px;
      background: #f7f7f7;
      border: 1px solid #eee;
	}

		#ketelkiezer-form {
			position: relative;
		}
			#ketelkiezer-form .stepprogress {
				width: 100%;
				display: block;
			}
				#ketelkiezer-form .stepprogress ul {
					width: 100%;
					padding: 0;
					margin: 0;
					list-style: none;
				}
					#ketelkiezer-form .stepprogress ul li {
						text-transform: uppercase;
						color: #b8b7b7;
						font-size: 14px;
						float: left;
						margin-right: 13px;
					}
                      #ketelkiezer-form .stepprogress ul li:before {
                          content: "";
                      }
						#ketelkiezer-form .stepprogress ul li.active {
							color: #0094aa;
							font-weight: bold;
						}
         .ketelkiezer-form-wrap {
            width: 100%;
         }
			#ketelkiezer-form .stepuitleg {
				font-size: 14px;
				color: #000000;
				margin-top: 40px;
            width: 100%;
            border-bottom: 1px solid #000;
            padding-bottom: 20px;
			}

			#ketelkiezer-form fieldset {
				position: absolute;
				width: 100%;
				height: 230px;
			}
				#ketelkiezer-form fieldset:not(:first-of-type) {
					display: none;
				}

			#ketelkiezer-form .fields {
				margin-top: 20px;
			}
				#ketelkiezer-form .field label {
					text-align: center;
					position: relative;
					padding: 10px;
					border-radius: 3px;
					height: 150px;
					font-weight: normal;
					width: 100%;
					display: block;
					cursor: pointer;
					font-size: 13px;
                  background: #fff;
				}
				#ketelkiezer-form .field label .radioform-check {
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					border: 1px solid #cccccc;
					border-radius: 3px;
				}
				#ketelkiezer-form .field label input[type=radio]:checked ~ .radioform-check, #ketelkiezer-form .field label input[type=checkbox]:checked ~ .radioform-check {
					border: 1px solid #0094aa;
				}
				#ketelkiezer-form .field label img {
					display: block;
					margin: 0 auto;
				}
				#ketelkiezer-form .field input[type="radio"] {
					display: none;
				}
				#ketelkiezer-form .field input[type="checkbox"] {
					display: none;
				}
				#ketelkiezer-form .field label .ketelkiezer-label-img {
					height: 100px;
					margin-bottom: 10px;
				}
				#ketelkiezer-form .radiofield {
					margin-bottom: 10px;
				}
				#ketelkiezer-form .radiofield label {
					font-weight: normal;
					cursor: pointer;
				}
				#ketelkiezer-form .last-step-fields label .ketelkiezer-label-img {
					height: 80px;
				}
				#ketelkiezer-form input.previous {
					padding: 6px 12px;
					border: 1px solid #cccccc;
					color: #848484;
					background: transparent;
					border-radius: 2px;
					margin-top: 10px;
				}
				#ketelkiezer-form input[type="submit"] {
					padding: 6px 12px;
					border: 1px solid #0094aa;
					color: #ffffff;
					font-weight: bold;
					background: #0094aa;
					border-radius: 2px;
					margin-top: 10px;
					float: right;
				}

.affix {
    z-index: 99;
    width: 262px;
    top: 25px;
    display: inline-block;
}
.affix-bottom {
    position: relative;
}

.top-search {}
	.top-search input[type="text"] {
      padding: 0px 5px;
      border-radius: 2px;
      background: #ffffff;
      border: 1px solid #dfdfdf;
      width: 215px;
      color: #000000;
	}
	.top-search button {
		border-radius: 2px;
		background: transparent;
		border: 1px solid #dfdfdf;
		width: 31px;
		position: relative;
      padding: 0;
      -webkit-transition: all .15s linear;
      -o-transition: all .15s linear;
      transition: all .15s linear;
	}
      .top-search button:hover {
         background-color: #fff;
      }
         .top-search button:hover .glyphicon-search:before {
            color: #0094aa;
         }

	.zoeken-wrap h3 {
		margin-bottom: 15px;
	}
	.search-result {
		padding-bottom: 30px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 30px;
	}

	.search-result h3 {
		font-size: 18px;
		margin-bottom: 5px;
	}
		.search-result h3 a {
			text-decoration: none;
		}

	.search-result p {
		margin-top: 0;
	}

@media (max-width:600px) {
   #homeslider {
      display: none;
   }
   .dienst-lijn-setup {
      padding: 0 !important;
   }
   .dienst-inner {
      margin-right: 10px;
   }
   .home-dienst-wrap .dienst .dienst-title h2 {
      font-size: 12px;
   }
   .top-menu {
      display: none;
   }
   .diensten-lijn {
      display: none;
   }
   .top .top-menu-wrap {
      padding: 0;
   }
   .slick-prev {
      top: -10% !important;
      left: 30% !important;
   }
   .slick-next {
      top: -10% !important;
      left: 60% !important;
   }
   .slick-prev:before, .slick-next:before {
       color: #00899e !important;
   }
   .top .top-menu-wrap ul li {
      width: 100%;
   }
      .top .top-menu-wrap ul li a {
         padding: 10px 15px;
      }
         .top .top-menu-wrap ul ul {
            display: none;
         }
            .top .top-menu-wrap ul li:hover ul {
               display: none;
            }
   .diensten-lijn .dienst {
      width: 100%;
   }
      .diensten-lijn .dienst a {
         padding: 10px 15px;
         text-align: left;
      }
   .content {
      padding: 5px 0;
   }
   .bottom-logo-wrap .brand-logo {
      margin-bottom: 20px;
   }
   .brand-logo img { max-width: 100% !important; }
   .affix {
      position: static;
      z-index: 99;
      width: 100%;
      top: 25px;
   }

   .top-search {
      display: none;
   }
   .diensten-zoek .top-search {display: block; margin-top: 20px;}
   	.diensten-zoek .top-search input[type="text"] {
         padding: 10px;
         border-radius: 2px;
         background: #ffffff;
         border: 1px solid #dfdfdf;
         width: 80%;
         color: #000000;
   	}
   	.diensten-zoek .top-search button {
   		border-radius: 2px;
   		background: transparent;
   		border: 1px solid #dfdfdf;
   		width: 18%;
   		position: relative;
         padding: 10px;
         -webkit-transition: all .15s linear;
         -o-transition: all .15s linear;
         transition: all .15s linear;
   	}
}
.onderhoudscontract {}
   .onderhoudscontract .row {
      letter-spacing: 0;
   }
   .onderhoudscontract fieldset {
      border: 0 none;
   }
   .onderhoudscontract tr:first-child th {
      color: #0094aa;
   }
   .onderhoudscontract table th {
      font-size: 18px;
      text-align: center;
      padding: 14px 6px !important;
   }
   .onderhoudscontract tr:first-child th:nth-child(2) {
      background: #0094aa !important;
      color: #ffffff;
   }
   .onderhoudscontract table tr .shadow {
      position: relative;
   }
   .onderhoudscontract table tr .shadow:before {
      content: "";
      position: absolute;
      width: 20px;
      height: 100%;
      top: 0;
      left: -20px;
      box-shadow: inset -10px 0 20px -8px rgba(0,0,0,.1);
   }
   .onderhoudscontract table tr .shadow:after {
      content: "";
      position: absolute;
      width: 20px;
      height: 100%;
      top: 0;
      right: -20px;
      box-shadow: inset 10px 0 20px -8px rgba(0,0,0,.1);
   }
   .onderhoudscontract table td {
      padding: 14px 22px !important;
   }

   .onderhoudscontract fieldset.pakketten {}
      .onderhoudscontract fieldset.pakketten input[type="radio"] { display: none; }
      .onderhoudscontract fieldset.pakketten label {
         font-size: 14px;
         text-transform: uppercase;
         font-weight: 600;
         display: block;
         padding: 6px;
         width: 151px;
         margin: 0 auto;
         cursor: pointer;
         -webkit-transition: all .15s linear;
         -o-transition: all .15s linear;
         transition: all .15s linear;
         text-align: center;
      }
         .onderhoudscontract fieldset.pakketten label:hover {
            color: #009295;
         }
      .onderhoudscontract fieldset.pakketten table tr:last-child label {
         background: #0094aa;
         border-radius: 3px;
         color: #ffffff;
         padding: 4px 16px;
         border-top: 2px solid #0094aa;
      }
         .onderhoudscontract fieldset.pakketten table tr:last-child label:hover {
            background: #009295;
         }

.onderhoudscontract fieldset.naw {}
   .onderhoudscontract fieldset.naw .field {
      margin-bottom: 10px;
   }
   .onderhoudscontract fieldset.naw h2 {
      margin-bottom: 15px;
   }
   .onderhoudscontract fieldset.naw label {
      display: block;
      width: 100%;
      font-weight: 600;
      font-size: 14px;
      margin-bottom: 5px;
   }
   .onderhoudscontract fieldset.naw label span.redText {
      color: #0094aa;
   }
   .onderhoudscontract fieldset.naw input[type="text"] {
      width: 100%;
      padding: 8px 6px;
      background: #ffffff;
      border: 1px solid #ccc;
      border-radius: 2px;
   }
   .onderhoudscontract fieldset.naw input[type="submit"] {
      float: right;
      background: #0094aa;
      border-radius: 3px;
      color: #ffffff;
      padding: 8px 16px;
      border: 0 none;
      border-top: 2px solid #0094aa;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      -webkit-transition: all .15s linear;
      -o-transition: all .15s linear;
      transition: all .15s linear;
   }
      .onderhoudscontract fieldset.naw input[type="submit"]:hover {
         background: #009295;
      }
      .onderhoudscontract fieldset.naw .result {
         display: none;
      }
      .onderhoudscontract h3 {
          font-size: 16px;
          text-transform: uppercase;
      }

.onderhoudscontract fieldset:not(:first-of-type) { display: none; }

.downloads {}
   .downloads .brochure-ketel-item {
      margin-bottom: 30px;
      padding-bottom: 20px;
      border: 1px solid #ddd;
      display: block;
      padding: 20px;
      background-color: #f1f1f1;
   }
      .downloads .brochure-ketel-item h3 {
         font-size: 13px;
         font-weight: 700;
         margin-top: 0px;
      }
      .downloads .brochure-ketel-item a {
         color: #0094aa;
         text-decoration: none;
         font-weight: 600;
      }
   .downloads .nav>ul {}
      .downloads .nav>ul>li {}
         .downloads .nav-tabs>li>a{
					color: #1b1b1b;
					font-size: 12px;
					padding: 14px 32px;
					font-weight: 600;
					font-size: 15px;
         }
         .downloads h2 {
            font-size: 25px;
            color: #0094aa;
						margin-top: 30px;
						margin-bottom: 10px;
            font-weight: 800;
         }