/* 
==========================================================================
=0. GLOBAL		
==========================================================================
*/
 
header, nav, section, article, aside, footer {
   display:block;
}

/* ### COLORS ### */

/*
	248,198,13 		// RGB main color
	231,48,41		// RGB sub color

	#f8c60d			// main color
	#e73029			// sub color
	white			// text color

*/

/* ### OWN CLASSES ### */

.no-padding { padding: 0px; }
.no-padding-left { padding-left: 0px; }
.no-padding-right { padding-left: 0px; }
.clear { clear: both; }
.content-box { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.border-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.holder {  width: 100%; text-align: center; }
.holder div { width: 33.33%; text-align: left; display: inline-block; margin-left: -4px;  }
.m-t-15 { 
	margin-top: 10px;
}
.p-l-15 { 
	padding-left: 15px;
}
.p-r-15 { 
	padding-right: 15px;
}

/* ### DEFAULT ### */
html,
body,
* { font-size: 15px; font-family: 'Open Sans', Times New Roman, Sans-serif;  }
body { padding-top: 145px; }
body.home { padding-top: 0;  } 
html::selection,
body::selection,
*::selection { background-color: rgba(231,48,41,0.2); }

img {
	max-width: 100%; 
}

h1,
h2,
h3,
h4, 
h5,
h6,
a h1,
a h2,
a h3,
a h4, 
a h5,
a h6,
h1 strong,
h2 strong,
h3 strong,
h4 strong, 
h5 strong,
h6 strong,
h1 a,
h2 a,
h3 a,
h4 a, 
h5 a,
h6 a { font-family: 'Montserrat', Times New Roman, Sans-serif; line-height: normal; margin-top: 0; font-weight: 500; font-size: inherit; }

h2 {
	margin-bottom: 20px;
}

h1,
h1 a,
h1 a:hover,
h1 a:focus, 
a h1,
a h1:hover,
a h1:focus { font-size: 45px; color: #e73029; margin-bottom: 15px; }
h1 {
    margin-top: 25px;
    margin-bottom: 20px;
}
h2, 
h2 a,
h2 a:hover,
h2 a:focus, 
a h2,
a h2:hover,
a h2:focus { font-size: 22px; color: #000; } 


h3, 
h3 a,
h3 a:hover,
h3 a:focus,
a h3,
a h3:hover,
a h3:focus { font-size: 22px; color: #706f6f; } 

a h2,
h2 a { color: black; } 
a { color: #e73029; text-decoration: none; cursor: pointer;}
a:hover { color: #e73029; text-decoration: underline; cursor: pointer;}

article img {  max-width: 100%; height: auto; padding-bottom: 15px; display: block;}
article p {  }
article ul { padding-left: 22px; }

table td {
	padding: 0 10px 5px 0;   
}

ul li,
p {
	word-spacing: 2px;
	line-height: 24px; 
}

ul,
.footer ul { padding-left: 0; }

.header ul li {  margin-bottom: 0!important; margin-right: 0!important;  }

ul.nav li,
.footer ul li { list-style: none; margin-bottom: 5px; margin-right: 5px;  }
.socialmedia a { display: inline-block; margin-right: 5px; }

.fa { font-size: 23px; }

textarea, form input[type="phone"], form input[type="email"], form input[type="password"], form input[type="text"] {
    width: 100%;
    border: 1px solid #bebebe;
    margin: 5px 10px 5px 0;
	padding: 3px 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	max-width: 100%;
}
textarea {min-height: 150px;}

@media (max-width: 767px) {
	.img { margin: 0 0 15px 0; }
	
textarea, form input[type="phone"], form input[type="email"], form input[type="password"], form input[type="text"] {
	width: 100%;
}
}

.btn {margin-top: 15px;background: #e73029!important; color: white!important}
.btn.focus, .btn:focus, .btn:hover {background: #078dcb}
	
/* 
==========================================================================
=1. HEADER		
==========================================================================
*/

header {  }
header .container { position: relative; }

/* ### NAVBAR ### */

	.navbar { border-radius: 0; margin-bottom: 0; background: rgba(0, 0, 0, 0.35 ); border: 0px solid transparent; width: 100%; position: fixed; top: 0	; z-index: 999; height:145px;	 }
	.navbar-default .navbar-nav { margin-top: 90px; }
	.navbar-default .navbar-nav>li>a { color: white;/*  border-bottom: 4px solid transparent; */padding-top: 16px; cursor: pointer!important; font-family: "Montserrat"; text-transform: lowercase;  } 
	.navbar-default .navbar-nav>li>a.active{ /* border-bottom: 4px solid #e73029; */ color: #e73029; } 
	.navbar-default .navbar-nav>li>a:hover, 
	.navbar-default .navbar-nav>li>a:focus { color: white; /* border-bottom: 4px solid #e73029; */cursor: pointer!important; }
	.navbar-brand { height: 145px; padding: 10px 15px ;} 
	.navbar-brand>img {
		max-height: 100%;
	}

.navbar-default .navbar-nav>li>a.btn {   
	margin: 7px 0 0 14px;
    background: #e73029;
    color: #111!important;
    padding: 5px 10px 10px 10px;
    border: 0px!important;
	color: white!important;
	position: relative; 
}

i.kingConnect {
	position: relative;
	width: 24px;
	height: 20px;
	margin-right: 7px;
	display: inline-block;
	background: url("../images/key.png") bottom center no-repeat ;
	-webkit-background-size: contain; 
	   -moz-background-size: contain;
		 -o-background-size: contain;
			background-size: contain;
	
}
@media (max-width: 767px) {
		.navbar-default .navbar-nav { 
			margin-top: 0; 
		}
		.navbar-default .navbar-nav>li>a.btn {
				margin-bottom: 7px;
				width: auto;
				float: left;
			padding-top: 9px;
		}
	i.kingConnect {
		float: right;
		margin-right: 0;
		background: url("../images/key.png") center no-repeat;
		margin-left: 7px;
		-webkit-background-size: contain; 
	   -moz-background-size: contain;
		 -o-background-size: contain;
			background-size: contain;
	}
}

/* 
==========================================================================
=2. CONTENT		
==========================================================================
*/

/* 
-2.0 [pagina]-[sectie]		
*/


.content ul {
	padding-left: 40px;
} 

.blog-author,
.blog-author .text-muted { color: #e73029 } 

.extra { background: #e73029;margin-top: 15px;margin-bottom: 15px; }
	.blog-tags { margin: 0 0 0 0!important; padding: 12px 15px 5px 15px!important;  color: #e73029 }
	.blog-tags .text-muted { color: #e73029 }
	.addthis_default_style { padding: 30px 0 45px 0!important; } 
	.addthis_default_style .at300b, 
	.addthis_default_style .at300bo, 
	.addthis_default_style .at300m { padding: 0 4px 0 0!important; }

section.content {
	padding: 45px 0; 
}
section.content ul li {
	margin-bottom: 5px;
}


.pagination {
	position: static; 
	border-radius: 0px; margin-bottom: 40px ;
}
.pagination * {
	position: relative; 
	border-radius: 0px; 
	color: black;
}
.pagination>li>a, 
.pagination>li>span {
	background: rgba(248,198,13, 0.2)!important;
	border-color: #e73029!important;
	color: #111!important;
}

.pagination>li.active>a, 
.pagination>li.active>span,
.pagination>li>a:focus,
.pagination>li>a:hover {
	border-color: #e73029!important;
	background:#e73029!important;
	color: white!important;
}

	/* 
	--------------------------------------------------------------------------
	-2.1 home-blogs		
	--------------------------------------------------------------------------
	*/

	.home section.blogs { padding: 30px 0 45px 0; }
	.home section.blogs article { position: relative; }
	.home section.blogs h2 { font-size: 19px;position: absolute; top: 130px; background: rgba(248,198,13,0.8); padding: 5px 20px 8px 20px; color: black; height: 41px; max-height: 41px; line-height: 30px; overflow: hidden; max-width: 90%; }
	.home section.blogs .img { height: 200px; width: 100%; margin-bottom: 15px }
	.home section.blogs p { height: 100px; max-height: 100px; overflow: hidden; clear: both; padding-top: 5px; }
	.home section.blogs .blog-date,
	.home section.blogs .blog-author { margin-bottom: 6px; margin-right: 0; float: left; }
	.home section.blogs .blog-date { float: right; }
	.home section.blogs .blog-author .glyphicon { margin-right: 2px; }
	.home section.blogs .blog-date .glyphicon { margin-right: 1px; }



	/* 
	--------------------------------------------------------------------------
	-2.2 home-BLOKKEN		
	--------------------------------------------------------------------------
	*/

	.home .home-block {	
	}
		.home .intro-block{
			margin-left: -15px;
		}
	.home .intro-block *,
	.home .home-block * {
		color: white;
	}
	.home .home-block article { padding:0 15px 15px 15px; }

	.home .intro-block { padding: 15px; height: 250px;   }
	.home section.content { padding: 45px 0;  }
	.home .imgHolder {
		position: relative; 
		width: 100%;
		height: 200px;  
		overflow: hidden; 
		margin-bottom: 15px;
		display: block; 
	}
	.home .intro .imgHolder {
		position: relative; 
		width: 100%;
		height: 250px;  
		overflow: hidden; 
		margin-bottom: 15px;
		display: block; 
	}

	.home .imgHolder img,
	.home .imgHolder .background{
		position: absolute; 
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		width: 100%; 

	}
	.home .intro-block {
		margin-bottom: 30px;
		overflow: hidden;
	}


	@media (max-width: 768px) {
		.home .intro-block{
			margin-left: 0;
		}
		.home .intro{
			margin: 0;
		}
		.home .intro-block {
			height: auto;			
		}
		.intro .col-xs-12 {
			margin-bottom: 0;
		}
		.intro .intro-block {
			margin-bottom: 45px;
		}
	}
	/* 
	--------------------------------------------------------------------------
	-2.3 page-fullArticle		
	--------------------------------------------------------------------------
	*/
	
	section.fullArticle { padding: 30px 0;}
	div.fullArticle .blog-author { margin-top: 45px; margin-bottom: 5px;}
	div.fullArticle .blog-date { margin-bottom: 10px; }

	/* 
	--------------------------------------------------------------------------
	-2.4 contact-CONTACT		
	--------------------------------------------------------------------------
	*/
		
	body.contact section.contact { padding: 45px 0; }
	body.contact section.contact .maps { margin-top: -64px; float: right }
	body.contact .contact-row-2 {margin-top: 15px;}

.control-group { padding: 0 15px; width: 100%; float: left; }
.form-actions { clear: both; padding: 0 15px; width: 100%; float: left; }
.bedankt {
    background: white;
    position: absolute;
    top: 0;
    bottom: 0;
}

	/* 
	--------------------------------------------------------------------------
	-2.5 contact-PERSONEN		
	--------------------------------------------------------------------------
	*/
		
	section.personen .persoon{ padding: 35px 0; background: rgba(0,0,0,0.05);}
	section.personen .persoon h2{ margin-top: 5px; }
	section.personen .persoon.odd { background: white;}
	section.personen .persoon .img { height: 150px; width: 100%; }
	section.personen .persoon .details p { height: 110px; max-height: 110px; overflow: hidden; margin: 0;  }
	section.personen .persoon .details a h2 { height: 26px; }
	section.personen .persoon .details ul li { list-style: none; }
	section.personen .persoon .details ul li a { margin-right: 10px; } 

	/* 
	--------------------------------------------------------------------------
	-2.6 blogs-blogs		
	--------------------------------------------------------------------------
	*/
	section.blogs { padding: 45px 0 0 0; } 

	section.blogs .article{ padding: 45px 0;  background: rgba(0,0,0, 0.05);  }
	
	.fade { margin-top: 30px; opacity: 0; } 
	.fadein { margin-top: 0; opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} 
	

	section.blogs  h1 { text-transform: lowercase;  }
	section.blogs .article.odd { background: white;}
	section.blogs .article .img { height: 150px; width: 100%; display: block;  }
	section.blogs .article .details p { height: 110px; max-height: 110px; overflow: hidden; margin: 0; clear: both; font-size: 1.15em; line-height: 1.6em; }
	section.blogs .article .blog-date { margin-bottom: 10px; margin-top: 0px; }
	section.blogs .article .blog-date,
	section.blogs .article .blog-author { float: right; } 

	section.blogs .article .details a { display: inline-block; color: black; }
.img div { overflow: visible!important; }

/* 
==========================================================================
=3. FOOTER		
==========================================================================
*/

.footer { padding: 45px 0 60px 0; background: #e73029; color: white; }
.footer h2 { height: 40px; max-height: 40px; overflow: hidden; color: white!important }
.footer *{
	color: white!important;
}
.footer a:focus,
.footer a:hover {
	text-decoration: underline; 	
}

/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~I. SWIPE CAROUSEL		
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.swipeSlider  { overflow: hidden;  position: relative;  }
.swipeSlider .slide { position: absolute; text-align: right;}

.swipeSlider .swiper-slide .text { font-size: 18px; max-height: 74px;   background: rgba(255,255,255,0.8); display: inline-block; position: relative; margin-top: 190px; margin-right: 24px;  }

.swipeSlider .swiper-slide .text:before { width: 15px; position: absolute; right: -15px; top: 0; bottom: 0;  background: rgba(0, 0, 0, 0.35 ); display: block; content:""}
.swipeSlider .swiper-slide .text p { font-family: 'Montserrat', Times New Roman, Sans-serif; margin: 7px 10px 10px 15px;  }

.swipeSlider .swiper-container{ height: 380px;}		
.swipeSlider .swiper-slide img { height: 380px; }
.swipeSlider .swiper-slide { text-align: right; position: relative; }

.swipeSlider .pagination { z-index: 3; bottom: 0; margin: 10px 0; position: absolute;  }
.swipeSlider .arrow-left,
.swipeSlider .arrow-right { z-index: 3; position: absolute; top: 0px; bottom: 0px; margin: auto; width: 20px; height: 30px; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;  }
.swipeSlider .arrow-left {/* background: url('../Images/SwipeSlider/arrow-left.png') no-repeat; */ left: 5px; }
.swipeSlider .arrow-right {/* background: url('../Images/swipeSlider/arrow-right.png') no-repeat; */ right: 5px;}

.swiper-pagination-switch { box-shadow: none; background: transparent; border: 2px solid white; border-radius: 9px  }

.swiper-pagination-switch.swiper-active-switch { box-shadow: none; background: white; border: 0px solid white;  }

/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~II. GOOGLE MAPS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.google-maps { position: relative; height: 304px; overflow: hidden; }
.google-maps iframe { position: absolute; left: 0; right: 0; width: 100%!important; height: 294px; margin-top: 10px }


/* 
==========================================================================
=4. RESPONSIVE		
==========================================================================
*/

/* ### LG ### */
@media (min-width: 1200px) {

}
/* ### MD ### */
@media (max-width: 1200px) {

}
/* ### SM ### */
@media (max-width: 992px) {
.google-maps { margin-top: 15px; }
}

@media (min-width: 767px) and (max-width: 992px) {
.navbar-default .navbar-nav {
    margin-top: 45px;
    position: absolute;
    right: 15px;
}

.nav>li>a { padding: 15px 10px; }
}
/* ### XS ### */
@media (max-width: 767px) {
	.navbar-default .navbar-collapse {
		position: relative; 
    overflow: visible;
	}
	.navbar-brand {
		height: 95px!important; 
	}

.home .col-xs-12 { padding-bottom: 15px; } 
body { padding-top: 80px; } 

body.home { padding-top:  100px;  } 
section.contact .maps { margin-top: 0; }

.navbar-brand { left: 15px; } 
.navbar { z-index: 999; min-height: 0px; background: white; width: 100%; position: relative; border: 0px solid transparent; height: auto!important; }
.navbar .navbar-nav { position: fixed; top: 100px; z-index: 999; width: 100%; margin: 0 -15px 7.5px -15px!important; background: #e73029;  float: none!important; }
body.home .navbar .navbar-nav { top: 100px; }
.navbar .navbar-header { position: fixed; top:0px; width: 100%; z-index: 999; background: #e73029; }

.navbar-toggle.collapsed { border: 1px solid white!important; background: #e73029!important;  }
.navbar-toggle.collapsed span{ background: white!important; }
.navbar-toggle { border: 1px solid #e73029!important; background: white!important; margin: 33px 10px!important;  }
.navbar-toggle span{ background: #e73029!important; }
body.home .navbar-toggle {  margin: 33px 10px!important;  }

	
.navbar-default .navbar-nav>li>a { background: white; color: black; border-bottom: 1px solid white; } 
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus {  }
.navbar-default .navbar-nav>li>a.active { font-weight: bold;  }

.swipeSlider { display: none; } 
	
div[class^="col"] { 
	margin-bottom: 45px;
}

}

/* ### CUSTOM ### */

@media (min-width: 767px) and (max-width: 992px) { 
	.home section.blogs .blog-date,
	.home section.blogs .blog-author { float: none; } 
}


@media (max-width: 420px) {
	body.home .navbar .navbar-nav {
		top: 100px;
	}
	.navbar-brand {
		height: 95px!important 
	}
	body.home .navbar-toggle {
		margin: 33px 10px!important;
	}
}