/* CSS Document */

.main.wrapper { color: #fff; }
.custom_background  .main-container { position: relative;}
.main.wrapper #breadcrumbs { color: #222; }
.main.wrapper h1 { color: #fff; font-size: 38px; line-height: 50px; }
.main.wrapper h2 { color: #fff; font-size: 22px; line-height: 28px; }
.main.wrapper a.call-btn { background:#bc0054; color: #fff !important; text-decoration: none; display: inline-block; padding: 10px 20px; font-weight: bold; font-size: 18px; transition:all .2s ease;}
.main.wrapper a.call-btn:hover { background:#960847; transition:all .2s ease; }
.main.wrapper .intro a {  color: #fff !important; text-decoration: none;font-weight: bold; font-size: 18px;}
.main.wrapper .intro a.call-btn { margin: 0; margin:0 20px;  margin-left: 20px; }

.custom_background { position: relative;}
	.custom_background_header { height:450px; position: absolute; left: 0; top: 0; width: 100%;}
	.custom_background .hasHeader .intro { min-height: 430px;}
	.custom_background.imageFixed .intro { min-height: 430px;}

.main.wrapper .highlight { color: #000; margin-bottom:20px; }
.main.wrapper .highlight a { color: #000; }
.main.wrapper .highlight a:hover { text-decoration: underline;}
.main.wrapper .highlight .background { background: rgba(255,255,255,0.9); display: block; padding:30px; border-radius:3px;  font-size: 13px; }
.main.wrapper .highlight .background img { max-width: 100%; height: auto !important;}

.main.wrapper .highlight h2 { color:#bc0054;  }
.main.wrapper .highlight ul li { line-height: 200%;}


.campaignColor-black .main.wrapper { color: #000; }

.campaignColor-black .main.wrapper h1 { color: #bc0054; font-size: 38px; line-height: 50px; }
.campaignColor-black .main.wrapper h2 { color: #bc0054; font-size: 22px; line-height: 28px; }
.campaignColor-black .main.wrapper .intro a {  color: #000 !important; text-decoration: none;font-weight: bold; font-size: 18px;}
.campaignColor-black .main.wrapper a.call-btn { background:#bc0054; color: #fff !important;}

.campaignColor-black .main.wrapper .intro a.call-btn {margin:0; }
.fa.fa-star-half,
.fa.fa-star-half-o,
.fa.fa-star {color:#e9cd4a; font-size:22px; }


/* Form opmaak */
.formFileField 	{ width:92%;}
.formField		{ width:92%; height:28px; border:1px solid #ddd; margin:0; padding:3px 0 1.5%; font-size:12px; }
textarea.formField	{ width:92%; max-width: 420px; height:80px; border:1px solid #ddd; margin:0; padding:3px; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.formCheckbox 	{ width:auto; }
.formRadio 		{ width:auto; border:none; }
.formError 		{  border-color:#f00; }
.formHover		{ border-color:#bc0054; }
.formPulldown	{ width:96%; color:#bc0054; } 
.formSubmit 	{ color:#fff; background:#bc0054; border:none; font-weight: bold; margin: 5px 5px 0 0 ; padding: 10px 20px; }

	/* Mod-form */
	.customerForm { padding:3px;}
	.customerForm table {}
	.customerForm table td { padding:2px 0;}
	.customerForm table td.fieldname { font-weight:bold; /*white-space:nowrap;*/}
	.customerForm table td.td_error { color:#f00; }
	.customerForm table td.linebreak label { display:block; text-align:left; }
	.customerForm table td h1 { font-size:22px; margin:0; padding:0;}
	.customerForm table td h2 { font-size:18px; margin:0; padding:0;}

@media (max-width: 986px){
	.main.wrapper h1 { text-align: right !important; font-size: 30px; }
	.main.wrapper h2 { font-size: 18px; }
	.main.wrapper .intro { text-align: right !important;}
	.main.wrapper .intro p { text-align: right !important;}
	.main.wrapper a.call-btn { margin: 0; margin-right: 10px; margin-bottom: 10px;}
	.main.wrapper .intro .col-md-5 { max-height: 28vh; text-align: center; width: 100%;}
	.main.wrapper .intro .col-md-5 img { display: block; margin: auto; float: none !important; }
	
	.main.wrapper .left { max-width: 200px; margin: 10px; } 
}

@media (max-height: 570px){
	.main.wrapper .intro .col-md-5 { max-height: 22vh; text-align: center; width: 100%;}
}
@media (max-height: 400px){
	.main.wrapper .intro .col-md-5 { max-height: 20vh; float: left; width: 30%;}
	.main.wrapper .intro .col-md-7 { float: left; width: 70%;}
	.main.wrapper .intro .col-md-7 h1 {  margin-top: 0;}
	
}

@media (max-width: 687px){
	.main.wrapper h1 { text-align: left !important; font-size: 22px; line-height: 25px;}
	.main.wrapper h2 { font-size: 18px; }
	
	.main.wrapper a.call-btn { font-size: 15px; display: block; margin: 5px 0 !important;}
	.main.wrapper .intro p {text-align: left !important;}
	.main.wrapper .intro { border-bottom: 1px solid #fff; text-align: left !important; }
	
	.main.wrapper .customerForm table td { display: block;}
	
	
	.custom_background_header { position: relative; width: 100%; padding-bottom: 40%; height: auto; background-size: cover !important; }
	.custom_background .hasHeader .intro { min-height: 0;}
	
	.custom_background.imageFixed { padding-top: 80px; background-size: 170% !important;}
	.custom_background.imageFixed .intro { min-height: 200px; margin-top:150px; }
}

@media (max-width: 550px){
	.custom_background.imageFixed .intro { margin-top:80px; }

}

@media (max-width:400px){
	.custom_background.imageFixed .intro { margin-top:40px; }
	.main.wrapper .highlight .background { padding-left: 0; padding-right: 0; }
	
	.campaignColor-black .main.wrapper h1 { font-size: 26px; line-height: 32px; color: #fff; text-shadow: 0 0 5px #333; }
	.campaignColor-black .main.wrapper h2 { color: #fff; text-shadow: 0 0 5px #333; }
	
	.campaignColor-black .main.wrapper .background  h1 { color: #bc0054; text-shadow: none; }
	.campaignColor-black .main.wrapper .background  h2 { color: #bc0054; text-shadow: none; }
}


/* 5 Columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}