body {
	background-color: #fff;
	font-family:'Source Sans Pro', 'Open Sans', Arial, sans-serif;
	font-size: 1.5em;
	line-height:1.5em;
	color:#000;
	margin: 0;
	font-weight: 400;
	position: relative;
    -webkit-font-smoothing: antialiased;
	text-align:justify;
}

.offertesection
{
	background: #ca1013;
	color: #FFFFFF;
	text-align: center;
	padding:10px 10px;
}

.offertesection h2, .offertesection a:hover h2
{
	color:#FFFFFF;
	display:inline;
	text-decoration:none;
}

a {
	color:#ff9000
}

@media(max-width:768px)
{
	.no-container-mobile
	{
		width:100%;
		max-width:100%;
		padding:0;
		margin:0;
	}
	.paddingTopMobile img
	{
		margin-top:20px;
	}
}

.usps
{
	position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9;
    background: rgba(255,255,255, 0.7);
    padding:5px;
}

.usps ul
{
	margin:0;
	padding:0;
	list-style:none;
	text-align: center;
}

.usps ul li 
{
	list-style: none;
	display:inline;
	margin-right:15px;
}

@media(min-width:768px) and (max-width:992px)
{
	.usps
	{
		padding:5px 3px;
	}

	.usps ul li 
	{
		list-style: none;
		display:inline;
		margin-right:10px;
		font-size:14px;
	}

}

.usps ul li::before
{
	font:normal normal normal 14px/1 FontAwesome;
	content: "\f00c";
	color: #cb1013;
}

#offerteWizard h3
{
	font-size:18px;
}

#offerteWizard .fa
{
	color:#19488e;
}

#offerteWizard .input-group-addon, #offerteWizard .input-group-addon .fa
{
	color:#CB1013;
	font-weight:400;
}

#offerteWizard .btn .fa 
{
	color:#FFFFFF;
}

#offerteWizard .fa-info-circle
{
	color: #19488e;
	font-size: 20px;
}

#offerteWizard .fa-info-circle:hover
{
	color:#6dadff
}

.logo{
	margin-top:15px;	
	margin-bottom:15px;	
}

#offerteWizard .infolinkje
{
	color: #848484;
	font-size:13px;
}

.infolinkje
{
	position:relative;
	display:inline;
	padding-left: 25px;
	width:100%;
	color:gray;
}

.infolinkje .fa 
{
	position:absolute;
	left:0px;
	top: -3px;
	font-size:25px;
	color:#19488e;
}

.kozijnTitel
{
	color: #ca1013;
	text-align: center;
	font-size: 22px;
}

.navbar{
	margin-bottom:15px;	
	margin-top:15px;	
	background:transparent;
	border:0;
}

.navbar-default .navbar-nav>li>a {
	color: #000;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background:transparent;
	border:0;
}

.navbar-toggle
{
	background-color:#FFFFFF;
	font-size:12px;
	background: #1f5081;
	margin: 15px 0 0 0;
	width: 60px;
	color: #fff;
	padding: 0;
}

.navbar-collapse
{
	max-height:none !important;	
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img
{
	margin:auto;
}

/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
}

/* Set the fixed height of the footer here */
#footer {
  padding-top:10px;
  min-height: 150px;
  background:#505050;
  padding-bottom:10px;
  color:#fff;
}

#footer  a {
	color:#fff;
}

.spacer
{
	height:30px;
}

.spacer2 {
	height: 15px;
}

.red
{
	color:red;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Carousel aanpassingen
///////////////////////////////////////
*/
	.carousel
	{
    	margin: auto;
	}

	.carousel-inner>.item>img, .carousel-inner>.item>a>img
	{
		margin:auto;
	}

	.carousel-indicators {
		bottom: -10%;
	}

	.carousel:hover .carousel-indicators {
		bottom: 2%;
	}

	.carousel-control, .carousel-indicators {
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		transition: all 300ms ease-out;
	}

	.carousel-control.left {
		left: -10%;
		opacity: 0;
	}

	.carousel:hover  .carousel-control.left {
		left: 0%;
		opacity: 0.5;
	}

	.carousel-control.right {
		right: -10%;
		opacity: 0;
	}

	.carousel:hover  .carousel-control.right {
		right: 0%;
		opacity: 0.5;
	}

	.carousel {
		overflow: hidden;
	}

	.carousel-caption {
	    left: 50%;
	    right: 0;
	    top: 0;
	    bottom: 0;
	    text-align: left !important;
	    position: absolute;
	}
	@media (min-width: 768px) {

		.carousel-caption h2 {
		    display: inline-block;
		}

		.carousel-caption p {
		    font-size: 250%;
		}
	}

	/*
	  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
	  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
	  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
	  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
	*/
	.carousel-fade .carousel-inner .item {
	  opacity: 0;
	  transition-property: opacity;
	}

	.carousel-fade .carousel-inner .active {
	  opacity: 1;
	}

	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right {
	  left: 0;
	  opacity: 0;
	  z-index: 1;
	}

	.carousel-fade .carousel-inner .next.left,
	.carousel-fade .carousel-inner .prev.right {
	  opacity: 1;
	}

	.carousel-fade .carousel-control {
	  z-index: 2;
	}

	/*
	  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
	  Need to override the 3.3 new styles for modern browsers & apply opacity
	*/
	@media all and (transform-3d), (-webkit-transform-3d) {
	    .carousel-fade .carousel-inner > .item.next,
	    .carousel-fade .carousel-inner > .item.active.right {
	      opacity: 0;
	      -webkit-transform: translate3d(0, 0, 0);
	              transform: translate3d(0, 0, 0);
	    }
	    .carousel-fade .carousel-inner > .item.prev,
	    .carousel-fade .carousel-inner > .item.active.left {
	      opacity: 0;
	      -webkit-transform: translate3d(0, 0, 0);
	              transform: translate3d(0, 0, 0);
	    }
	    .carousel-fade .carousel-inner > .item.next.left,
	    .carousel-fade .carousel-inner > .item.prev.right,
	    .carousel-fade .carousel-inner > .item.active {
	      opacity: 1;
	      -webkit-transform: translate3d(0, 0, 0);
	              transform: translate3d(0, 0, 0);
	    }
	}

	/* Chrome, Safari, Opera */
	@-webkit-keyframes entrance
	{
	from {
		opacity: 0;
		margin-left: -10px;
		}
	to {opacity: 1;
		margin-left: 0px;}
	}

	/* Standard syntax */
	@keyframes entrance
	{
	from {
		opacity: 0;
		margin-left: -10px;
		}
	to {opacity: 1;
		margin-left: 0px;}
	}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
EINDE carousel aanpassingen 
///////////////////////////////////////
*/

.blackbar {

	background: #000;
	color: #fff;
	padding: 5px;

}

.blackbar .boldText {

	font-weight: 600;
}

.blackbar a {

	color: #fff;

}

.blackbar .socialMedia,
.blackbar .smallMenu {

	float: right;

}

.blackbar .smallMenu {

	margin-right: 30px;

}

.blackbar .smallMenu div:first-child::after {

	content: "|";
	padding: 5px;

}

.blackbar .socialMedia .socialMediaIcon {

	margin-top: -5px;
	margin-bottom: -5px;
	margin-right: -6px;
	padding: 5px;
	background: #16488e;

}

.blackbar .socialMedia:hover a,
.blackbar .socialMedia:focus a {

	text-decoration: none;

}

.blackbar .socialMedia .facebookIcon {

	background: #16488e;

}

.blackbar .socialMedia .googleIcon {

	background: #cb1013;

}

.blackbar .socialMedia .googleIcon:hover .fa-google-plus,
.blackbar .socialMedia .facebookIcon:hover .fa-facebook {

	transform: scale(1.1);

}

.blackbar span,
.blackbar div {

	display: inline-block;

}

.blackbar .container {

	display: block;

}

/*
*Header and navbar
*/

.absoluteHeader {

	width: auto;
	top: 0;
	z-index: 1;
	background: #fff;

}

.navbar-default .navbar-nav li>.active {

	background: #cb1013;
	color: #fff;

}

.navbar-default .navbar-nav li:hover>.active {

	background: #cb1013;
	color: #fff;

}

@media(min-width: 768px) {

	.navbar-nav>li>a {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}

}

/*
*Toolkit & Texting
*/

.spacer {
	height: 30px;
}

.spacer2 {
	height: 15px;
}

.spacer3 {

	height: 60px;

}

.nopads {

	padding: 0;

}

.cflex{
	display:-ms-flex;display:flex;align-items:center;justify-content:center;
}

.cflex .iflex{
	flex-basis:100%;
}

.noAbsolute {

	position: static !important;

}

h1,h2,h3,h4,h5,p,b,u,i {

/* margin: 0; */
}

h2
{
	color:#cb1013;
	font-size:22px;
}

h3 {

	color: #cb1013;
	font-size: 27.5px;
	font-weight: 400;

}

h1 {

	color: #cb1013;
	font-size: 25.5px;
	font-weight:600;
	margin-bottom: 15px;

}

.redText {

/* font-weight: 700; */

font-size: 120%;

color: #cb1013;
}

/*
*Home
*/

.home h2 {

	font-size: 26px;

}

.houselabel
{
	cursor: pointer !important;
	display: block;
	margin: 5px;
	padding: 25px 5px;
}

#pakkettenbox div:nth-child(odd) .houselabel
{
	background: #efefef;
}

#pakkettenbox div:nth-child(even) .houselabel
{
	background: #f9f9f9;
}

.houselabel h3 {

text-transform: uppercase;

font-size: 14px !important;

font-weight: 600;

margin: 0;
}

.houselabel h2 {

font-size: 21px;

margin: 0;

font-weight: 600;
}

.home .firstSection .blockRow {

	border: 1px solid #ebebeb;

}

div.checkBox
{
	position:relative;
	float:left;
	display: block;
	width:100%;
}

#offerteWizard h2
{
	color:#000;
	margin: 0px;
}

#offerteWizard .checkBoxImage {
	max-width: 100%;
	max-height: 100px;
}

.plaatsingLabel {
	margin-left: 10px;
	font-size: 17px;
	font-weight: 600;
}

@media(max-width:768px)
{
	#offerteWizard .checkBoxImage {
		max-width: 70%;
		max-height: 80px;
	}

	#offerteWizard .houselabel
	{
		padding:10px;
		font-size:10px;
	}

	.plaatsingLabel {
		margin-left: 10px;
		margin-bottom:10px;
		font-size: 17px;
		font-weight: 600;
	}
}

.secondSection {
	position: relative;
	background: #ebebeb;
}

/*
*Third section
*/

.thirdSection {

	color: #484848;
	background: #fff;
	font-weight: 600;

}

.voorwaarden.customList ul li 
{
	line-height: 26px;
	margin: 0;
	padding: 0;
	display: inline-block;
	clear: both;
	float: left;
}

.thirdSection .customList ul {

	margin-top: 10px;
	list-style-type: none;
	padding: 0;

}

.thirdSection .customList li:before {

	font:normal normal normal 14px/1 FontAwesome;
	content: "\f00c";
	color: #cb1013;
	margin-right: 15px;
	font-size: 16px;

}

/*
*Fourthsection
*/

.fourthSection {

	background: url('../templates/img/fourthbg.png');
	background-size: contain;
	color: #484848;
	font-weight: 600;

}

/*
*Fifth
*/

.fifthSection {

	color: #484848;
	background: #fff;
	font-weight: 600;

}

.customList ul {

	margin-top: 10px;
	list-style-type: none;
	padding: 0;
}

.customList li:before {
	font:normal normal normal 14px/1 FontAwesome;
	content: "\f00c";
	color: #484848;
	margin-right: 15px;
	font-size: 16px;
	color: #cb1013;
}

/*
*Btns
*/

.btn-custom1 { 
  color: #FFFFFF; 
  background-color: #CB1013; 
  border-color: #CB1013; 
  padding: 7.5px 15px;
} 
 
.btn-custom1:hover, 
.btn-custom1:focus, 
.btn-custom1:active, 
.btn-custom1.active, 
.open .dropdown-toggle.btn-custom1 { 
  color: #FFFFFF; 
  background-color: #DB1417; 
  border-color: #CB1013; 
} 
 
.btn-custom1:active, 
.btn-custom1.active, 
.open .dropdown-toggle.btn-custom1 { 
  background-image: none; 
} 
 
.btn-custom1.disabled, 
.btn-custom1[disabled], 
fieldset[disabled] .btn-custom1, 
.btn-custom1.disabled:hover, 
.btn-custom1[disabled]:hover, 
fieldset[disabled] .btn-custom1:hover, 
.btn-custom1.disabled:focus, 
.btn-custom1[disabled]:focus, 
fieldset[disabled] .btn-custom1:focus, 
.btn-custom1.disabled:active, 
.btn-custom1[disabled]:active, 
fieldset[disabled] .btn-custom1:active, 
.btn-custom1.disabled.active, 
.btn-custom1[disabled].active, 
fieldset[disabled] .btn-custom1.active { 
  background-color: #CB1013; 
  border-color: #CB1013; 
} 
 
.btn-custom1 .badge { 
  color: #CB1013; 
  background-color: #FFFFFF; 
}

/*
*Footer
*/

#footer {

	background: #ebebeb;
	color: #484848;
	font-weight: 600;
	padding: 30px;

}

#footer a {

	color: #484848;

}

#footer h4 {

	color: #cb1013;
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 10px;

}

#footer .footerLogo {

	width: 100%;
	margin: 30px 0;

}

#footer .seperator {

	padding: 0px 5px;
	display: inline-block;

}

.hiddenContentFooter {

	display: inline-block;
}
#offerteWizard
{
	position:relative;
}

#offerteLoader
{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background:rgba(255,255,255, 0.6);
    z-index: 9999;
    display:none;
}

#offerteLoader .fa-refresh
{
	position: absolute;
	left: calc(50% - 25px);
	top: 40%;
	color:#000;
}

#offerteWizard .innerstep
{
	min-height: 320px;
}

#offerteWizard label
{
	cursor: pointer !important;
	display: block;
}

@media(max-width: 768px) {

	.hiddenContentFooter {
		display: none;
	}

	#offerteWizard .offerteBox h2
	{
		font-size: 26px;
	}

	#offerteWizard h2
	{
		font-size: 14px;
		margin-bottom: 0px;
	}

	#offerteWizard h3
	{
		font-size: 13px;
	}
}

/*
*Vrijblijvende offerte (Zwevend)
*/

.offerteBox {
    color: #484848;
    position: relative;
    /* top: 0; */
}

@media(min-width:768px)
{
	.offerteBox
	{
		-webkit-box-shadow: 3px 3px 10px 0 rgba(148,149,150,0.91);
		box-shadow: 3px 3px 10px 0 rgba(148,149,150,0.91);
		max-width: 330px;
		padding: 10px;
	}
}

.offerteBox ul {
	list-style-type: none;
	padding: 0;
	margin: 15px 0;
}

.offerteBox li {
	font-weight: 600;
	font-size: 16px;
	margin: 2.5px 0;
}

.offerteBox ul.status li, .offerteBox ul.status li a 
{
	min-height: 25px;
	color: #8e8e8e;
	text-decoration: none;
}

.offerteBox ul.status li.active
{
	color: #3e3e3e;
	font-weight:600;
}

.offerteBox ul.status li.active .fa
{
	color:#ca1013 !important;
	padding-right: 5px;
}

.offerteBox li .price,
.offerteBox .total {

	font-size: 18px;
	font-weight: 700;

}

.offerteBox h3 {
	margin-top:0px;
	color: #484848;
}

.offerteBox small
{
	font-weight: 300;
    color: gray;
}

.offerteBox.reverse
{
	background: #a7090b;
	color: #FFFFFF;
	padding: 15px;
}

.offerteBox.reverse h2, .offerteBox.reverse h3, .offerteBox.reverse .redText
{
	color: #FFFFFF;
}

.offerteBox.reverse small
{
	color:#ececec;
	font-size: 94%;
}

.offerteBox.reverse h3
{
	font-size:130%;
	font-weight:800;
}

.fullwidthbtn {

	width: 100%;

}

.btn {

	border-radius: 0;
	font-weight: 700;

}

.editheader {

	left: 15%;

}

.carousel-inner {



}

.fadeHeaderTitle {

margin-top: 50px;

padding: 15px;

background-color: #252525;

font-size: 24px !important;

max-width: 480px;

color: #FFFFFF;
}

.carousel-inner .btn {

/* position: relative; */

/* display: inline-block; */

/* clear: both; */

/* top: 60%; */

/* right: 10%; */
}

@media(max-width: 1400px) {

	.carousel-inner .btn {

top: -16%;

}

}

/*
*Mobilemenu
*/

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover,
.mobielmenu {
	background:#484848;
	color: #fff;
}

.mobielmenu a {
	color:#fff;
}

.mobielmenu .dropdown-menu>li>a {

	color: #fff;

}

.mobielmenu .dropdown-menu>li>a:before {

	content: "> ";
	margin-right: 10px;

}

.callUsButton {

	margin-bottom: -3px;
	padding: 7.5px 15px;

}

@media (max-width: 767px) {

	.setToLeft {

		float: left !important;
	}
	.btn-mobile-normal
	{
		font-size:13px !important;
		padding:6.5 10px !important;
	}
	.btn-mobile-block
	{
		display:block;
		width:100%;
		clear:both;
		margin-bottom:10px;
	}
}

.moreInfo {
 transition: .300s all linear;
 text-align: right;
 position: fixed;
 bottom: 20%;
 right: 0;
 opacity: 0;
 background: #fff;
 z-index: 10;
 padding: 10px;
 width: auto;
 -webkit-box-shadow: 5px 5px 10px 0 rgba(148,149,150,0.91);
 box-shadow: 5px 5px 10px 0 rgba(148,149,150,0.91);
}

.customlist h3
{
	margin-top:0px;
}

.dikkeknopholder
{
	display:block;
	padding-top: 105px;
	padding-right:60px;
	background-image:url('img/offertepijl.png?v2');
	background-repeat:no-repeat;
	background-size: 90% auto;
	background-position: right top;
	margin-top: 45px;
}

.dikkeofferteknop
{
	clear:both;
	position:relative;
	font-size: 22px;
	padding:15px;
	padding-right: 55px;
	color:#FFFFFF;
	background: #ca1013;
	border-radius: 5px;
	border: 1px #000 solid;
	display:inline-block;
}

@media(min-width:992px) and (max-width:1200px)
{
	.dikkeofferteknop
	{
		font-size: 20px;
		padding:10px;
		padding-right: 55px;
	}
	.dikkeknopholder
	{
		padding-top:60px;
	}
	.dikkeofferteknop::after
	{
		font-size:28px !important;
		padding-top:7px !important;
	}
}

@media(min-width:1200px)
{
	.dikkeofferteknop
	{
		font-size: 22px;
		padding:15px;
		padding-right: 55px;
	}

	.dikkeknopholder
	{
		padding-top:60px !important;
	}
}

.dikkeofferteknop::after
{
	font:normal normal normal 14px/1 FontAwesome;
	content: "\f0a9";
	position:absolute;
	right: 10px;
	bottom:0px;
	font-size: 36px;
	border-left: 1px gray solid;
	top: 0px;
	padding-top: 8px;
	padding-left: 10px;
}

.dikkeofferteknop:hover
{
	text-decoration: none !important;
	color:#FFFFFF;
}

@media(max-width:768px)
{
	.dikkeknopholder
	{
		background-image: none !important; 
		padding:0px !important;
		margin:0px !important;
	}

	.dikkeofferteknop
	{
		padding:10px;
		font-size:18px;
		padding-right: 50px;
		display:block;
	}

	.dikkeofferteknop::after
	{
		font-size:30px;
		padding-top:7px;
	}
}

.moreInfo i {
 margin: 0;
 padding: 0;
 color: #ca1013;
}

.moreInfo h3{

margin: 0;

padding: 0;

font-size:140%;

color: #19488e;

margin-top:5px;
}

.moreInfo h4{
 margin: 0;
 padding: 0;
}

.moreInfo h4{
 font-size:130%;
}

.kozijnVergroting
{
	position:relative;
	display:block;
	/* margin:auto; */
	max-height: 250px;
}

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

	.footerLogo {

		float: left;
		width: 50% !important;
	}

}

#footer .contact li {

	list-style-type: none;
	padding: 0;
	margin: 0;

	font-size: 17px;
	font-weight: 400;

}