/*-------------------------------------------------------------
		Table Of Contents
		--------------------

		1.1. Typography
		1.2. Helper Classes
		2. Header Section
		3. Cover Section
		4. Content Section
		5. Extra Field Section
		6. Footer Section

---------------------------------------------------------------*/
/*-------------------------- 1. Typography --------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
body{
	font-family: 'Open Sans', sans-serif;
	color: #444;
	padding-top: 90px;
}
a{
    color: #339966;
    font-weight:bold;
}
.zekerheden-text
{
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
}
.zekerheden-icon
{
    color: #339966;
    font-weight:bold;
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
}

a.name
{
    color: #444;
}
h1{
	color: #FFF;
	font-size: 40px;
	font-weight: 600;
}
h2{
	margin-top: 5px;
}
h4{
	font-size: 22px;
}
address{
	font-size: 16px;
}
span{
	color: #999;
	font-size: .8em;
}
/*-------------------------- 1. Helper Classes --------------------------------*/
.no-padding{
	padding: 0 !important;
}
.no-margin{
	margin: 0 !important;
}
a:focus, a:active{
	outline: 0px;
}
.btn{
	border-radius: 0;
}
.btn:active, .btn:focus{
	outline: 0;
}
.col-cus-5{
	width: 19%;
	min-width: 178px;
	float: left;
	overflow: hidden;
	margin-right: 1%;
	box-sizing: border-box;
	margin-bottom: 15px;
	margin-top: 15px;
}
.col-cus-5:last-child{
	margin-right: 0.5%;
}
.col-cus-5:first-child{
	margin-left: 0.5%;
}
section{
	margin-bottom: 40px;
}

/* ------------------------ 2. Header Section ----------------------------- */
header{
	padding: 20px 0;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 999;
	background: rgba(255, 255, 255, 0.8);
}
.logo{
	width: 16em;
	float: left;
	overflow: hidden;
}
.social-icons li{
	padding: 0 1px;
}
.social-icons a{
	text-decoration: none;
}
.social-icons a .fa{
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: white;
	text-align: center;
	font-size: 20px;
	background: #336699;
	line-height: 2em;
	transition: 0.6s;
}
.social-icons a .fa-adn{background-color:#504e54;}
.social-icons a .fa-apple{background-color:#aeb5c5;}
.social-icons a .fa-android{background-color:#A5C63B;}
.social-icons a .fa-bitbucket,.social-icons a .fa-bitbucket-square{background-color:#003366;}
.social-icons a .fa-bitcoin,.social-icons a .fa-btc{background-color:#F7931A;}
.social-icons a .fa-css3{background-color:#1572B7;}
.social-icons a .fa-dribbble{background-color:#F46899;}
.social-icons a .fa-dropbox{background-color:#018BD3;}
.social-icons a .fa-facebook,.social-icons a .fa-facebook-square{background-color:#3C599F;}
.social-icons a .fa-flickr{background-color:#FF0084;}
.social-icons a .fa-foursquare{background-color:#0086BE;}
.social-icons a .fa-github,.social-icons a .fa-github-alt,.social-icons a .fa-github-square{background-color:#070709;}
.social-icons a .fa-google-plus,.social-icons a .fa-google-plus-square{background-color:#CF3D2E;}
.social-icons a .fa-html5{background-color:#E54D26;}
.social-icons a .fa-instagram{background-color:#A1755C;}
.social-icons a .fa-linkedin,.social-icons a .fa-linkedin-square{background-color:#0085AE;}
.social-icons a .fa-linux{background-color:#FBC002;color:#333;}
.social-icons a .fa-maxcdn{background-color:#F6AE1C;}
.social-icons a .fa-pagelines{background-color:#241E20;color:#3984EA;}
.social-icons a .fa-pinterest,.social-icons a .fa-pinterest-square{background-color:#CC2127;}
.social-icons a .fa-renren{background-color:#025DAC;}
.social-icons a .fa-skype{background-color:#01AEF2;}
.social-icons a .fa-stack-exchange{background-color:#245590;}
.social-icons a .fa-stack-overflow{background-color:#FF7300;}
.social-icons a .fa-trello{background-color:#265A7F;}
.social-icons a .fa-tumblr,.social-icons a .fa-tumblr-square{background-color:#314E6C;}
.social-icons a .fa-twitter,.social-icons a .fa-twitter-square{background-color:#32CCFE;}
.social-icons a .fa-vimeo-square{background-color:#229ACC;}
.social-icons a .fa-vk{background-color:#375474;}
.social-icons a .fa-weibo{background-color:#D72B2B;}
.social-icons a .fa-windows{background-color:#12B6F3;}
.social-icons a .fa-xing,.social-icons a .fa-xing-square{background-color:#00555C;}
.social-icons a .fa-youtube,.social-icons a .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#C52F30;}
.social-icons a:hover .fa{
	background: #259A65;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
    background-image: none;
	border-radius: 0px;
	box-shadow: none;
	margin-bottom: 0px;
}
.navbar{
	border: 0px;
}
.navbar-default .navbar-toggle{
	border: 0px transparent;
	border-radius: 0px;
	background: #339966;
	padding: 9px 10px;
	transition: 0.2s;
}
.navbar-default .navbar-toggle:hover{
	background: #336949;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #336949;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}
.navbar-default .clicked{
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	padding: 12px 6px;
	margin-bottom: 0px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
    background: #339966;
}
.navbar-default .navbar-nav > li > a {
    color: #FFF;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #FFF;
    background-color: #336949;
}
.navbar-default .navbar-nav > .current-menu-item > a, .navbar-default .navbar-nav > .current-menu-item > a:focus, .navbar-default .navbar-nav > .current-menu-item
 > a:hover {
    color: #FFF;
    background: #336949;
    box-shadow: none;

}
.navbar-default .navbar-collapse{
	min-width: 400px;
	width: 60%;
	position: fixed;
	right: 20%;
	top: 90px;
	z-index: 999;
	border: 1px solid #339966;
	box-shadow: 0px 0px 10px 2px #FFF;
}
.location{
    margin-left: 60px;
    margin-top: 5px;
}
.location ul li a{
	color: #339966;
	font-size: 25px;

	margin: auto 5px;
}
.location ul li:hover a{
	color: #336949;
}
.navbar-custom ul{
	text-align: center;
}
/* ------------------------ 3. Cover Section ------------------------------ */
.btn-custom{
	color: #FFF;
	background-color: #339966;
	border-color: #339966;
}
.btn-custom:hover, .btn-custom:focus, .btn-custom:active{
	background-color: #336949;
	border-color: #336949;
	color: #FFF;
}

.btn-custom2{
	color: #FFF;
	background-color: #ff5705;
	border-color: #ff5705;
}
.btn-custom2:hover, .btn-custom2:focus, .btn-custom2:active{
	background-color: #c01717;
	border-color: #c01717;
	color: #FFF;
}


.cover{

	position: relative;
	margin-bottom: 70px;
}
.search-bar{
	width: 300px;
	margin-top: 60px;
	display: block;
	margin-right: 10%;
}
.search-bar .input-group .form-control{
	font-size: 16px;
	color: #336949;
	padding: 12px 15px;
	border-radius: 0px;
	height: auto;

}
.form-control:focus, .form-control:active{
	border-color: #016C12;
	outline: 0px none;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(0, 165, 25, 0.6);
}
.search-bar .input-group .btn{
	padding: 9px 20px;
	font-size: 20px;
}
.form-control::-moz-placeholder {
    color: rgba(74, 164, 81, 0.78);
    opacity: 1;
}
.form-control::-webkit-input-placeholder {
    color: rgba(74, 164, 81, 0.78);
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: rgba(74, 164, 81, 0.78);
    opacity: 1;
}
.cover h1{
	margin-top: 220px;
	margin-bottom: 90px;
	color: #FFF;
	text-align: center;
	background: rgba(51,153,102,0.7);
	padding: 20px;
	font-size: 40px;
	font-weight: 600;
}
.cover .cta-btn{
	position: absolute;
	right: 10%;
	bottom: -30px;
	font-size: 28px;
	border: 5px solid #FFF;

}
/* ------------------------ 4. Content Section ------------------------------ */
.content-image{
	border: 1px solid #CCC;
}
.content-image img{
	display: block;
	margin: auto;
}
.image-2{
	width: 48%;
	margin-right: 2%;
	margin-top: 15px;
}
.image-3{
	width: 48%;
	margin-left: 2%;
	margin-top: 15px;
}

.zekerhedencontent{
	margin-top: 15px;
}

.image-4{
	margin-left: 5%;
	margin-bottom: 15px;
	text-align: center;
	height: 178px;
}
.image-4:last-child{
	margin-bottom: 0;
}
.content .content-btn{
	font-size: 26px;
	padding: 20px;
	font-weight: 600;
	margin-top: 40px;
}
.content h2, .content h3{
	color: #339966;
}
/* ------------------------ 5. Extra Field Section ------------------------------ */
.products .container{
	text-align: center;
}
.item-details{
	border: 1px solid #ccc;
	overflow: hidden;
	height: 430px;
}
.item-image{
	width: 100%;
	height: 250px;
	overflow: hidden;
	line-height: 250px;
}
.item-image img{
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}
.item-details+.btn{
	display: block;
	margin-top: 10px;
}
.item-details .item-text{
	padding-left: 15px;
	padding-bottom: 15px;
	text-align: left;
}
.item-text p{
	margin-bottom: .5em;
	line-height: 1.1em;
	font-weight: 600;
}
.item-text .name{
	line-height: 1.4em;
	padding-right: 12px;
}
.item-text ul li:last-child{
	color: #cc0000;
}
.kopen-btn{
	font-weight: 600;
	padding: 20px;
}
/* ------------------------ 6. Footer Section ------------------------------ */
footer{
	background: #339966;
	color: #FFF;
	padding-top: 20px;
	padding-bottom: 5px;
	overflow: hidden;
	margin-top: 60px;
}
footer .widget:last-child{
	float: right;
	overflow: hidden;
}
footer .widget a{
    color: #FFF;
	text-decoration: none;
	font-weight:normal;
	font-size: 16px !important;
	line-height: 1.5em;
    }
footer ul{
    list-style: none;
    }
footer .widget .tagcloud a{
	color: #FFF;
	text-decoration: none;
	font-size: 16px !important;
	line-height: 1.5em;
	text-transform: capitalize;
}footer .widget .tagcloud a:after{
	content: ',';
}
footer .widget .tagcloud a:hover{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

@media all and (max-width: 992px){
	.col-cus-5{
		float: none;
		display: inline-block;
	}
}
@media all and (max-width: 768px){
	.cover .cta-btn{
		width: 80%;
	}
}
@media all and (max-width: 590px){
	.image-4{
		height: auto;
		max-height: 178px;
	}
	.logo{
		width: 40%;
		min-width: 130px;
        margin-top:10px;
	}
}
@media all and (max-width: 500px){
	.navbar-default .navbar-collapse{
		right: 5%;
	}
	.content .content-btn {
	    font-size: 20px;
	}
	.cover h1 {
	    margin-top: 60px;
	    margin-bottom: 81px;
	    background: rgba(51, 153, 102, 0.7) none repeat scroll 0% 0%;
	    padding: 11px;
	    font-size: 25px;
	}
	.cover .cta-btn {
	    font-size: 18px;
	    border: 3px solid #FFF;
	}


	/* ------------------------  Artikelen ------------------------------ */

	.bedragstreep
	{
		text-decoration: line-through;
	}

	/*------------------------ SLOGAN -----------------------*/
	.slogan
	{
		color:#339966;
		text-align:center;
	}

}