/********************************	
	Developed by AXA Studios
	The Creative Engine
	http://www.axastudios.com
*********************************/

/* MAIN STYLES *****************************/

html {
	overflow-y: scroll;
	margin: 0;
	padding: 0;
}
body {
	background-color: #FFFFFF;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #3c3c3c;
	margin: 0;
	padding: 0;
	overflow: hidden;
	line-height: 1.6;
}

/* TEXT STYLES *****************************/
h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	margin: 0px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #dc9904;
	line-height: 0.9;
}
h1, h2{
	display: inline-block;
	font-weight: 700;
	font-size: 44px;
	letter-spacing: -2px;
	margin-bottom: 30px;
	text-transform: uppercase;
}
h1 span, h2 span{
	position: relative;
	color: #444444;
}
h1 span:after, h2 span:after{
	content:'';
	display: block;
	position: absolute;
	bottom: 0;
	left:0.5%;
	height:6px;
	width:100%;
	background: #444444;
}
h3{
	font-size: 30px;
	letter-spacing: -2px;
	text-transform: uppercase;
}
:focus{
	-moz-outline-style:none;
	outline: 0;
}
::selection{
	background-color:#333333;
	color:#fff;
}	
::-moz-selection{
	background-color:#333333;
	color:#fff;
}
p.lead{
	font-size: 20px;
	letter-spacing: -1px;
}
p{
	margin: 0px 0px 20px 0px;
}
p.sub{
	color:#6b6b6b;
}
a {
    color: rgba(0,0,0,0.87);
    text-decoration: none;
	outline: 0!important;
}
a:hover, a:focus {
    color: #de0b0b;
    text-decoration: none;
}	
a img {
	border: none;
	outline:0;
}
a.button, input.button{
	cursor: pointer;
	color: #dc9904;
	line-height: 20px;
	font-size: 20px;
	font-weight: 700;
	background: #FFFFFF;
	border-radius: 2px;
	border: 2px solid #dc9904;
	outline: none;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: -1px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
a.button {
	display: inline-block;
	text-decoration: none;
	padding: 15px 50px 15px 50px;
	max-width: 300px;
}
input.button{
	line-height: 20px;
	margin: 0;
	height: 50px;
	padding: 0px 50px 0px 50px;
}
.w-button, a.w-button{
	background: #3C4542;
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
}
a.button:hover, input.button:hover, .btn-primary:hover, .btn:hover, 
a.button:focus, input.button:focus, .btn-primary:focus, .btn:focus {
	outline:0;
	color: #444444;
	border: 2px solid #444444;
/*	background: #444444;*/
/*	-webkit-animation: btn-animate 0.2s ease-in-out;
	animation: btn-animate 0.2s ease-in-out;
*/
}
.w-button:hover, a.w-button:hover{
	background: #de0b0b;
	color: #FFF;
	border: 2px solid #de0b0b;
}

/* FORM STYLES *****************************/

button:focus, button:active {
	outline:0!important;
}
.form-group {
    margin-bottom: 30px;
}
.form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 3px;
    box-shadow:none;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.form-control:focus {
    border-color: #de0b0b;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 5px rgba(210, 0, 0, 0.6);
}
select.form-control {
	cursor: pointer;
}
select.form-control option:first-child{
	color: #CCCCCC;
}

/* MODAL STYLES *****************************/

body.modal-open  {
	padding: 0px!important;
}
.modal-backdrop {
    background-color: #FFF;
}
.modal-backdrop.in {
    opacity: 0.6;
}
.modal{
	z-index: 9999;
}
.modal-dialog {
    width: 30%;
	min-width: 300px;
    margin: 10% auto 40px auto;
}
.modal-content {
    position: relative;
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    outline: 0px none;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.4);
}
.modal-content .close {
}
.modal-header {
}
.modal-header h4{
}
.modal-body {
}
.modal-footer {
}

/* HEADER STYLES *****************************/

#header-main{
	position: fixed;
	padding: 3px 0px;
	top: 0px;
	width: 100%;
	z-index: 9998;
}
#header-main .container{
	position: relative;
}
.logo-main{
	position: relative;
	float: left;
	display:block;
	margin: 10px 0px;
	opacity: 1;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.logo-main:hover{
	opacity: 0.5;
}
.logo-main img{
/*	max-width: 173px;*/
	height: 30px;
	width: auto;
}
.logo-main:after{
	content: '';
	display: block;
	clear: both;
}
#home-wrapper #header-main.bg-on, #main-wrapper #header-main{
	background: #dc9904;
	background: #444444;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
}
#nav-main.bg-on{
}
#nav-main {
	position: relative;
	display: block;
	float: right;
	z-index: 99;
	overflow: hidden;
}
#nav-main ul{
	position: relative;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#nav-main ul li{
	position: relative;
	display: inline-block;
	padding: 0px 20px 0px 20px;
	margin: 0px;
	text-align: right;
}
#nav-main ul li a{
	position: relative;
	display: inline-block;
	padding: 15px 0px 15px 0px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	text-transform: uppercase;
	color: #FFFFFF;
}
#nav-main ul li a:after{
	content:'';
	display: block;
	position: absolute;
	right:0px;
	bottom:10px;
	height: 2px;
	background: #444444;
	width: 0%;
}
#nav-main ul li a:hover:after{
	width:100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
#bg-wrapper {
	position: fixed;
	content:'';
	display: block;
	opacity: 0;
	width:100%;
	height: 0;
	background: rgba(42,53,87,0.8);
	z-index: 10;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.menu-open #bg-wrapper {
	opacity: 1;
	height:100%;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
	
/* HOME STYLES *****************************/

#home-wrapper, #main-wrapper{
	position: relative;
	overflow: hidden;
}
#home-banner{
	position: relative;
}
#home-img{
	position: absolute;
	display: block;
	width:100%;
	height: 100%;
	z-index: 1;
}
#home-img:before{
	position: absolute;
	content: '';
	display: block;
	width:100%;
	height: 25%;
	top:0;
	left: 0;
	z-index: 1;
	background: rgba(34,34,34,1);
	background: -moz-linear-gradient(top, rgba(34,34,34,1) 20%, rgba(34,34,34,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(20%, rgba(34,34,34,1)), color-stop(100%, rgba(34,34,34,0)));
	background: -webkit-linear-gradient(top, rgba(34,34,34,1) 20%, rgba(34,34,34,0) 100%);
	background: -o-linear-gradient(top, rgba(34,34,34,1) 20%, rgba(34,34,34,0) 100%);
	background: -ms-linear-gradient(top, rgba(34,34,34,1) 20%, rgba(34,34,34,0) 100%);
	background: linear-gradient(to bottom, rgba(34,34,34,1) 20%, rgba(34,34,34,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222', GradientType=0 );
}
#home-img:after{
	position: absolute;
	content: '';
	display: block;
	width:100%;
	height: 20%;
	bottom:0;
	left: 0;
	z-index: 1;
	background: rgba(34,34,34,0);
	background: -moz-linear-gradient(top, rgba(34,34,34,0) 0%, rgba(34,34,34,1) 75%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(34,34,34,0)), color-stop(75%, rgba(34,34,34,1)));
	background: -webkit-linear-gradient(top, rgba(34,34,34,0) 0%, rgba(34,34,34,1) 75%);
	background: -o-linear-gradient(top, rgba(34,34,34,0) 0%, rgba(34,34,34,1) 75%);
	background: -ms-linear-gradient(top, rgba(34,34,34,0) 0%, rgba(34,34,34,1) 75%);
	background: linear-gradient(to bottom, rgba(34,34,34,0) 0%, rgba(34,34,34,1) 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222', GradientType=0 );
}
#home-img span{
	position: relative;
	display: block;
	width:100%;
	height: 100%;
	background: url(../images/home-banner.jpg) top center no-repeat;
	background-size: cover;
}
#home-banner .container{
	position: relative;
	z-index: 2;
	text-align: center;
}
#home-banner .banner-logo{
	position: relative;
	display: inline-block;
	margin: 25% 0 0 0;
}
#home-banner .banner-logo:after{
	position: absolute;
	content: '';
	display: block;
	width:200%;
	height: 180%;
	top:-20%;
	left: -50%;
	border-radius: 50%;
	z-index: 1;
	background: rgba(34,34,34,0);
	background: -moz-radial-gradient(center, ellipse cover, rgba(34,34,34,1) 0%, rgba(34,34,34,0) 70%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(34,34,34,1)), color-stop(70%, rgba(34,34,34,0)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(34,34,34,1) 0%, rgba(34,34,34,0) 70%);
	background: -o-radial-gradient(center, ellipse cover, rgba(34,34,34,1) 0%, rgba(34,34,34,0) 70%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(34,34,34,1) 0%, rgba(34,34,34,0) 70%);
	background: radial-gradient(ellipse at center, rgba(34,34,34,1) 0%, rgba(34,34,34,0) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222', GradientType=1 );
}
#home-banner .banner-logo span{
	position: relative;
	display: block;
	z-index: 2;
}
#home-banner .banner-logo img{
	height: 240px;

}
#home-banner .banner-txt{
	position: relative;
	display: block;
	margin: 20% 20% 120px 0%;
	font-weight: 300;
	font-size: 26px;
	text-align: left;
	color: #FFF;
	line-height: 1.4;
}
.banner-txt .bt-1{
	font-size: 66px;
	font-weight: 700;
	letter-spacing: -2px;
	text-transform: uppercase;
}
.banner-txt .bt-1{
	opacity: 0;
	-webkit-animation: title1-animate 1.5s ease-out;
	animation: title1-animate 1.5s ease-out;
	-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}
.banner-txt .bt-2{
	opacity: 0;
	-webkit-animation: title1-animate 1.5s ease-out;
	animation: title1-animate 1.5s ease-out;
	-webkit-animation-delay: 1.25s;
    animation-delay: 1.25s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}
/*
.banner-txt .bt-3{
	opacity: 0;
	-webkit-animation: title1-animate 1.5s ease-out;
	animation: title1-animate 1.5s ease-out;
	-webkit-animation-delay: 2.0s;
    animation-delay: 2.0s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}
*/
/*
.scroll-down{
	position: absolute;
	display: block;
	bottom: 60px;
	left:50%;
	margin-left: -20px;
	width:40px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	color: #3c3c3c;
	font-size: 34px;
	border: 1px solid #3c3c3c;
	z-index: 9;
}
.scroll-down:hover{
	border: 1px solid #de0b0b;	
}
*/

.home-banner-blks{
	position: relative;
	margin: 0px 0px 60px 0px;
	padding: 0px 0px 60px 0px;
}
.home-banner-blks:after{
	content: '';
	display: block;
	clear: both;
}
.banner-blk-sm{
	position: relative;
	display: inline-block;
	float: left;
	width: 25%;
	text-align: center;
}
.banner-blk-sm a{
	display: block;
}
.banner-blk-sm img{
	position: relative;
	max-width: 100%;
}
.banner-blk-sm a:after{
	content: '';
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	height:40%;
	width:100%;
	background: rgba(0,0,0,0.5);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
	z-index: 1;
}
.banner-blk-sm h3{
	position: absolute;
	display: block;
	bottom: 30px;
	width: 100%;
	padding: 0px 30px;
	color: #FFF;
	font-size: 40px;
	z-index: 2;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.banner-blk-sm a:hover h3{
/*	color: #444444;*/
	bottom: 50px;
	-webkit-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

/* CONTENT STYLES *****************************/

#content-main{
	position: relative;
	padding: 120px 0px 40px 0px;
	margin-top: 80px;
}
#home-wrapper #content-main, #content-main.contact-page{
	margin-top: 0px;
}
#content-main.no-banner{
	margin-top: 120px;
}
.content{
	position: relative;
	margin: 0px 0px 120px 0px;
}
.content.content-padding{
	padding-top: 120px;
}
.content-header{
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}
#content-main.no-banner .content-header{
/*	margin-bottom: 40px;*/
}
.content-blk-wrap{
	position: relative;
	margin: 0px -30px;
}
.content-blk-wrap:after{
	content: '';
	display: block;
	clear: both;
}
.content-blk, .content-blk-sub{
	position: relative;
	display: block;
	float: left;
	width: 50%;
	padding: 0px 30px;
}
.center-button{
	position: relative;
	display: block;
	margin: 30px 0px 0px 0px;
	text-align: center;
}
.content-banner-dark, .sub-banner{
	position: relative;
	margin: 0px;
	padding: 60px 0px;
	background: #dc9904;
	color: #FFF;
}
.content-banner-dark h2, .sub-banner h2{
	color: #FFFFFF;
}
.content-banner-dark-blk, .content-banner-dark-small{
	position: relative;
	display: block;
	float: left;
	padding: 0px 30px;
	width: 60%;
}
.content-banner-dark-small{
	width: 40%;
	color: #FFFFFF;
}
.contact-adres{
	position: relative;
	list-style: none;
	margin: 0px 40px;
	padding: 0px;
}
.contact-adres li{
	position: relative;
	margin: 0px 0px 30px 0px;
	padding-left: 40px;
	line-height: 30px;
}
.contact-adres li:last-child{
	margin-bottom: 0px;	
}
.contact-adres i{
	position: absolute;
	display: block;
	width:30px;
	height: 30px;
	left:0;
	top:0;
	font-size: 30px;
}
.contact-adres li:last-child i{
	font-size: 25px;	
}
.contact-adres a{
	color: #FFFFFF;
}
.contact-adres a:hover{
	color: #444444;
}
.content dl, .content dt, .content dd{
	position: relative;
}
.content dt{
	position: relative;
	font-size: 18px;
	font-weight: 500;
	margin-top: 0px;
}
#map-canvas {
    position: relative;
    width: 100%;
    height: 450px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

/* SUB CONTENT STYLES *****************************/

.sub-banner.banner-team{
	background: url(../images/banner-blok-ons-team.jpg) left center no-repeat #dc9904;
}
.sub-banner.banner-waarom{
	background: url(../images/banner-blok-waarom.jpg) left center no-repeat #dc9904;
}
.sub-banner.banner-zzp{
	background: url(../images/banner-blok-zzpr.jpg) left center no-repeat #dc9904;
}
.sub-banner{
	background-size: contain;
}
.sub-banner .content-blk{
	float: right;
}
.content-blk-sub{
	margin-bottom: 120px;
}
.content-img-sub{
	position: relative;
	display: block;
	margin-bottom: 60px;
}
.content-img-sub img{
	max-width: 100%;
}
.content-blk ul, .content-blk-sub ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.content-blk ul li, .content-blk-sub ul li{
	position: relative;
	padding-left: 25px;
	line-height: 28px;
}
.content-blk ul li:before, .content-blk-sub ul li:before{
	display: block;
	content:'';
	position: absolute;
	left:0;
	top:11px;
	width:6px;
	height:6px;
	background: #444444;
	border-radius: 50%;
}
.banner-contact{
	margin-top: 80px;
}
.contact-blk-wrap{
	position: relative;
	margin: 0px -40px 40px -40px;
}
.contact-blk-wrap:after{
	content: '';
	display: block;
	clear: both;
}
.contact-details, .contact-blk{
	position: relative;
	display: block;
	float: left;
	width: 33.3333%;
	padding: 0px 40px;
}
.contact-blk{
	 width:66.6666%;
 }
.contact-details{
	margin-top: 90px;
}
.contact-details ul{
	position: relative;
	float: right;
	list-style: none;
	padding: 0px;
	margin: 5px 0px 20px 0px;
	line-height: 30px;
}
.contact-details ul.contact-icon li{
	position: relative;
	padding-left: 30px;
}
.contact-details ul.contact-icon i{
	position: absolute;
	left:0;
	top:5px;
	font-size: 18px;
}
/* FOOTER STYLES *****************************/	

#footer{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 60px 0px;
}
#home-wrapper #footer{
	position: relative;
	margin: 0px;
	z-index: 2;
}
.footer{
	position: relative;
}
.footer:after, #footer .copyright:after{
	content: '';
	display: block;
	clear: both;
}
#footer .copyright{
	position: relative;
	display: block;
	float: left;
	font-size: 14px;
	line-height: 38px;
	color: #999999;
/*	width:80%;*/
}
.footer-logo{
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 60px;
}
.footer-logo a{
	padding: 0px 0px 0px 0px;
	display: inline-block;
	color: #999999;
}
.footer-logo img{
	height: 30px;
	width: 150px;
}
#footer .copyright-content{
	position: relative;
	display: block;
	float: left;
}
#footer a{
	color: #999999;
}
#footer  a:hover{
	color: #444444;
}
#footer .nav-footer{
	position: relative;
	list-style: none;
	float:left;
	margin:0px 0px 5px 0px;
	padding: 0px;
}
#footer .nav-footer li{
	display: inline-block;
	margin-right: 60px;
	font-size: 16px;
}
.footer-social{
	position: relative;
	list-style: none;
	float: right;
	margin: 0px;
	padding: 0px;
}
.footer-social li{
	display: inline-block;
	padding: 0px;
	margin:0px 0px 0px 10px;
}
.footer-social li a{
	display: block;
	height: 40px;
	width: 40px;
	line-height: 42px;
	font-size: 30px;
	text-align: center;
	background: #dc9904;
	color: #FFF;
}
.footer-social li a:hover{
	background: #444444;
}
	
/* OTHER STYLES *****************************/


/* ANIMATIONS *****************************/

@-webkit-keyframes btn-animate {
	0%, 100% { -webkit-transform:scale(1); }
	50% { -webkit-transform:scale(1.1); }
}
@keyframes btn-animate {
	0%, 100% { transform:scale(1); }
	50% { transform:scale(1.1); }
}
@-webkit-keyframes rotate-animate {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(180deg); }
}
@keyframes rotate-animate {
	0% { transform:rotate(0deg); }
	100% { transform:rotate(180deg); }
}
@-webkit-keyframes opacity-animate {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes opacity-animate {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
/*
@-webkit-keyframes alpha-animate {
	0% { opacity: 1; }
	100% { opacity: 0.6; }
}
@keyframes alpha-animate {
	0% { opacity: 1; }
	100% { opacity: 0.6; }
}
*/
@-webkit-keyframes title1-animate {
	0% { opacity: 0;
	-webkit-transform: translateY(20%);}
	100% { opacity: 1;
	-webkit-transform: translateY(0%);}
}
@keyframes title1-animate {
	0% { opacity: 0;
		transform: translateY(20%);}
	100% { opacity: 1;
		transform: translateY(0%);}
}


/* RESPONSIVE STYLES *****************************/
.nav-toggle {
	position: relative;
	display: none;
	float: right;
	width: 30px;
	height: 30px;
	padding: 0px 4px;
	margin: 5px 0px 0px 0px;
	background: none;
	border: 0;
	outline: 0;
	color: #FFFFFF;
	font-size: 22px;
}
.nav-toggle .icon-bar{
	float: left;
	display: block;
	width:22px;
	height: 3px;
	margin: 2px 0px;
	background: #FFFFFF;
}
.nav-toggle:hover .icon-bar, .nav-toggle:focus .icon-bar, .nav-toggle:active .icon-bar{
	background:#ed1c24;
}


@media (max-width: 1440px) {
	
	.banner-blk-sm h3 {
		font-size: 34px;	
	}
}

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

	.banner-blk-sm {
    	width: 50%;
	}
	.banner-blk-sm h3 {
		font-size: 40px;	
	}
}
	
@media (min-width: 768px) and (max-width: 991px) {

	.banner-blk-sm {
    	width: 50%;
	}
	.banner-blk-sm h3 {
		font-size: 40px;	
	}
}

@media (max-width: 767px) {
	
	body{
		font-size: 14px;
	}
	.logo-main {

	}
	.logo-main img{
		width: 130px;
		height: 30px;
	}
	.nav-toggle{
		display: block;
	}
	#nav-main {
		position: absolute;
		display: block;
		top: 50px;
		right: 20px;
		width: 0px;
		z-index: 99;
		overflow: hidden;
	}
	.menu-open #nav-main {
		width: 200px;
	}
	#nav-main ul{
		float: right;
		margin: 0px;
		padding: 0px 0px 0px 20px;
		list-style: none;
		width: 180px;
	}
	#nav-main ul li{
		display: block;
		padding: 0px 0px 0px 10px;
		margin: 0px;
		text-align: right;
		opacity:0;
		-webkit-transition:-webkit-transform 0.25s ease-in,opacity 0.5s;
		transition:transform 0.25s ease-in,opacity 0.5s;
		-webkit-transform:translateY(100%);
		transform:translateY(100%)
	}
	.menu-open #nav-main ul li{
		opacity:1;
		-webkit-transition:-webkit-transform 0.5s,opacity 0.5s;
		transition:transform 0.5s,opacity 0.5s;
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
	.menu-open #nav-main ul li:nth-child(2){
		-webkit-transition-delay:0.1s;
		transition-delay:0.1s;
	}
	.menu-open #nav-main ul li:nth-child(3){
		-webkit-transition-delay:0.2s;
		transition-delay:0.2s;
	}
	.menu-open #nav-main ul li:nth-child(4){
		-webkit-transition-delay:0.3s;
		transition-delay:0.3s
	}
	.menu-open #nav-main ul li:nth-child(5){
		-webkit-transition-delay:0.4s;
		transition-delay:0.4s
	}
	#nav-main ul li a{

	}	
	.button, a.button, input.button{
		width: 100%;
		max-width: 100%;
	}
	h1, h2{
		font-size: 30px;
	}
	#content-main {
		position: relative;
		margin: 60px 0px;
		padding: 60px 0px;
	}
	#home-wrapper #content-main {
		margin-top: 0;
	}
	#home-banner .banner-txt{
		margin: 90% 0% 60px;
		font-size: 30px;
		line-height: 1.1;
	}
	.banner-txt .bt-3 span {
		font-size: 40px;
		line-height: 20px;	
	}
	.content{
		margin-bottom: 60px;
	}
	.content.content-padding {
		padding-top: 60px;	
	}
	.center-btn {
		margin-bottom: 20px;
	}
	.content-blk, .content-banner-blk, .content-banner-dark-blk, .content-banner-dark-small, .rechten-blks dl, .banner-blk-sm {
        float: none;
    	width: 100%;
	}
	.home-banner-blks {
		margin: 0px;	
	}
	.banner-blk-sm h3 {
		font-size: 32px;	
	}
	.sub-banner{
		background-image: none!important;
	}
	.sub-banner p{
		margin-bottom: 0px;	
	}
	.content-blk-sub {
		float: none;
		width: 100%;
		margin-bottom: 60px;
	}	
	.contact-blk, .contact-details{
		float: none;
    	width: 100%;
	}
	.content-blk-wrap .content-blk:last-child p:last-child {
		margin-bottom: 0px;
	}
	.contact-details{
		margin-top: 30px;	
	}
	.contact-details ul{
		float: none;	
	}
	.contact-adres {
		margin: 40px 0px 0px 0px;	
	}
	.contact-form{
		margin-bottom: 60px;
	}
	.form-group {
		position: relative;
		float: none;
		width: 100%;
	}
	#captcha-box{
		position: relative;
		display: block;
		max-width: 80%;
	}
	#g-recaptcha {
		position: relative;
		transform: scale(0.8);
		transform-origin: 0px 0px;
	}
	#map-canvas {
        height: 300px;
	}
	#footer{
		clear: both;
		padding: 30px 0px;
	}
	#footer .copyright {
		float: none;
		width: 100%;
	}
	.footer-logo{
		display: block;
		float: none;
		margin: 0px 0px 20px 0px;
	}
	.footer-social {
		position: absolute;
		top:0px;
		right:0px;
	}
	.footer-social li a {
		height: 30px;
		width: 30px;
		line-height: 30px;
		font-size: 20px;
	}

}