html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body{
	font:14px/18px 'Lato', Helvetica, sans-serif;
	color:#fff;
	background:#fff;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
	text-decoration:none;
	color:#fff;
}
::-moz-selection { background: #51838f; color: #fff; text-shadow: none; }
::selection { background: #51838f; color: #fff; text-shadow: none; }
@font-face{
	font-family: 'MyriadPro-Regular';
	src:url('../fonts/MyriadPro-Regular.eot');
	src:url('../fonts/MyriadPro-Regulard41d.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MyriadPro-Regular.woff') format('woff'),
		url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
		url('../fonts/MyriadPro-Regular.svg#LucidaSansDemibold') format('svg');
}
#wrapper {padding:13px 0;}
/* header */
#header {
	overflow:hidden;
	padding:0 0 7px 34px;
	max-width:964px;
	margin:0 auto;
}

#header .logo {
	float:left;
	background-image:url(../images/logo_2x.png);
	background-repeat: no-repeat;
	background-size: 250px 85px;
	width:250px;
	height:85px;
	text-indent:-9999px;
	overflow:hidden;
}
#header .logo a {
	display:block;
	height:100%;
}
#main-nav {
	float:right;
	text-transform:uppercase;
	font-size:12px;
	padding:23px 0 0;
	font-family:'Montserrat', serif;
}
#main-nav li {
	float:left;
	padding:10px 32px 8px 0;
}
#main-nav a {
	float:left;
	color:#2c2627;
}
#main-nav .active a,
#main-nav a:hover {
	text-decoration:none;
	color:#939393;
}
#main-nav .contact {
	font-weight:bold;
	padding:10px 36px 8px 26px;
	border-left:1px solid #d8d8d8;
	margin:0 0 0 -6px;
}
#main-nav .contact a {color:#00CC00;}
#main-nav .contact .active a,
#main-nav .contact a:hover {color:#33CC00;}
/* end header */
.container {position:relative;}
/* gallery */
.gallery {
	position:relative;
	width:100%;
}
.gallery img {
	display:block;
	width:100%;
}
.gallery .slides {overflow:hidden;}
.gallery .slides li {
	display:none;
	float:left;
	position:relative;
}
.gallery .desc {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:url(../images/bg-desc.png) repeat;
	font-family:'Montserrat', serif;
}
.gallery .desc .holder {
	padding:19px 10px 19px 186px;
	max-width:802px;
	margin:0 auto;
}
.gallery .desc .links {
	display:block;
	color:#646464;
	text-transform:uppercase;
}
.gallery .desc .links a {
	font-weight:bold;
	font-size:11px;
}
.gallery .flex-control-nav {display:none;}
.gallery .flex-direction-nav {
	position:absolute;
	z-index:100;
	left:50%;
	bottom:14px;
	margin:0 0 0 -465px;
}
.gallery .flex-direction-nav li {
	float:left;
	padding:0 1px 0 0;
}
.gallery .flex-direction-nav .flex-next,
.gallery .flex-direction-nav .flex-prev {
	float:left;
	width:44px;
	height:44px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/arrow-01.png) no-repeat;
}
.gallery .flex-direction-nav .flex-next {background-position:-45px 0;}
.gallery .counter {
	position:absolute;
	bottom:14px;
	left:50%;
	width:44px;
	height:44px;
	background:url(../images/bg-counter.png) repeat;
	text-align:center;
	line-height:44px;
	z-index:100;
	margin:0 0 0 -375px;
}
/* end gallery */
h1 {
	font:bold 24px/28px 'Montserrat', Helvetica, sans-serif;
	margin:0 0 10px;
}
h2 {
	font:bold 22px/26px 'Montserrat', Helvetica, sans-serif;
	margin:0 0 10px;
}
h3 {
	font:bold 20px/24px 'Montserrat', Helvetica, sans-serif;
	margin:0 0 10px;
}
h4 {
	font:bold 18px/22px 'Montserrat', Helvetica, sans-serif;
	margin:0 0 10px;
}
h5 {
	font:bold 16px/20px 'Montserrat', Helvetica, sans-serif;
	margin:0 0 10px;
}
h6 {
	font:bold 14px/18px 'Montserrat', Helvetica, sans-serif;
	margin:0 0 10px;
}
/* welcome */
.welcome {
	display:none;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(../images/bg-welcome.png) repeat;
}
.welcome .holder {
	padding:53px 13px;
	overflow:hidden;
	max-width:930px;
	margin:0 auto;
}
.welcome .video {
	float:left;
	margin:4px 40px 0 0;
	width:359px;
}
.welcome .video img {
	display:block;
	width:100%;
}
.welcome .block {overflow:hidden;}
.welcome .block h1 {
	text-transform:uppercase;
	margin:0 0 16px;
}
.welcome .block p {margin:0 0 19px;}
.welcome .block p strong {font-weight:bold;}
.realizations-btn,
.newsletter-btn,
.contactus-btn {
	display:block;
	width:225px;
	font:bold 12px/16px 'Montserrat', Helvetica, sans-serif;
	background:#00CC00 url(../images/ico-01.png) no-repeat 9px 3px;
	padding:13px 5px 11px 53px;
	text-transform:uppercase;
	margin:0 0 7px;
}
.newsletter-btn {
	margin:0;
	background:#51838f url(../images/ico-02.png) no-repeat 13px 5px;
}
.welcome .top-btn {
	position:absolute;
	bottom:15px;
	right:16px;
	font:bold 11px/15px 'Montserrat', Helvetica, sans-serif;
	border:1px solid #686868;
	width:63px;
	padding:8px 0 8px 34px;
	text-transform:uppercase;
	background:url(../images/arrow-02.png) no-repeat 16px 8px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
#wrapper .contactus-btn:hover {background-color:#7dddf4;}
#wrapper .newsletter-btn:hover {background-color:#69aab9;}
#wrapper .realizations-btn:hover {background-color:#e4e4e4;}
/* end welcome */
.contact-list {
	background:#0a0e12;
	text-align:center;
	padding:22px 0 32px;
	display:none;
	font-weight:bold;
}
.contact-list a {color:#57b9d1;}
/* footer */
#footer {
	padding:9px 35px;
	overflow:hidden;
	text-transform:uppercase;
	color:#797979;
	font-size:10px;
	font-family:'Montserrat', Helvetica, sans-serif;
	max-width:928px;
	margin:0 auto;
}
#footer .by {
	float:right;
	font-size:9px;
	color:#b1b1b1;
	font-family:'MyriadPro-Regular', Helvetica, sans-serif;
}
#footer .by a {color:#b1b1b1;}
#footer a {color:#797979;}
/* end footer */
/* about-us */
#main {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../images/bg-main-01.jpg");
	background-origin: padding-box;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding:19px 13px;
	overflow:hidden;
}
.main-holder {
	max-width:928px;
	margin:0 auto;
}
.sub-nav {
	position:relative;
	overflow:hidden;
	padding:0 0 30px 10px;
	font-family:'Montserrat', Helvetica, sans-serif;
}
.sub-nav ul {
	position:relative;
	float:left;
	left:50%;
	font-size:12px;
	text-align:center;
	text-transform:uppercase;
}
.sub-nav ul li {
	float:left;
	position:relative;
	left:-50%;
	padding:0 1px;
}
.sub-nav ul a {
	float:left;
	width:138px;
	border-bottom:1px solid #dbd5d0;
	padding:0 0 10px;
	font-weight:bold;
}
.sub-nav ul .active a,
.sub-nav ul a:hover {
	text-decoration:none;
	border-bottom:3px solid #00CC00;
	padding-bottom:8px;
}
#main h1 {
	margin:0 0 27px;
	text-align:center;
	text-transform:uppercase;
}
#main h1 span {display:block;}
.info-section {
	overflow:hidden;
	text-align:justify;
	padding:0 67px 5px;
}
.info-section .block {
	float:left;
	width:35.6%;
}
.info-section p {margin:0 0 18px;}
.info-section h2 {
	text-transform:uppercase;
	font-size:14px;
	line-height:18px;
	margin:0;
}
.info-section .realizations-btn,
.info-section .newsletter-btn,
.info-section .contactus-btn {
	width:auto;
	text-align:left;
}
.info-section .newsletter-btn {margin:0 0 7px;}
.info-section .realizations-btn {
	background:#fff url(../images/ico-03.png) no-repeat 14px 7px;
	color:#33CC00;
}
.info-section .section {
	float:right;
	width:61.4%;
}
.info-section .visual {padding:4px 0 32px;}
.info-section .visual img {
	display:block;
	width:100%;
}
.visual .open{
	position: absolute;
	right: 4px;
	bottom: 5px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/bg-open.png) no-repeat;
}
.visual .frame,.visual .frame2,.visual .frame3{
	position: relative;
}
.visual .frame2{
	width: 60%; float:left;
}
.visual .frame3{
	width: 40%; float:left;
}
.info-section .section p span {
	background: #51838f;
	color: #fff;
}
/* end about-us */
/* projects */
#main.main-1 {background-image: url("../images/bg-main-02.jpg");}
#main .images {padding:2px 0 33px; height:370px;}
#main .images img {
	display:block;width:100%;
}
#main .images .left{
	width: 79.741379310345%;float: left;
}
#main .images .img{
	float:left; overflow: hidden;
}
#main .images .img-01{
	width: 24.324324324324%;
}
#main .images .img-02{
	margin-left:1.351351351351%;width: 48.648648648649%;
}
#main .images .img-03{
	width: 24.324324324324%;margin-left: 1.351351351351%;
}
#main .images .img-04{
	width: 24.324324324324%;margin-left: 1.351351351351%;margin-top: 10px;
}
#main .images .img-05{
	width: 48.648648648649%;margin-left: 1.351351351351%;margin-top: 10px;
}
#main .images .img-06{
	width:100%;float:none;
}
#main .images .right{
	float: left;width: 19.181034482759%;margin-left: 1.077586206897%;
}
.portfolio {
	background:#fff;
	padding:23px 26px 21px;
	margin:0 0 34px; clear: both;
}
.portfolio .block {
	overflow:hidden;
	padding:30px 0 25px;
	border-top:1px solid #ddd8d3;
}
.portfolio .block:first-child {
	border:0;
	padding-top:0;
}
.portfolio .block .box {
	float:left;
	width:25%;
}
.portfolio h2 {
	height:90px;
	border-right:1px solid #dfdfdf;
	padding:4px 0 0 17px;
	text-transform:uppercase;
	color:#989898;
	font:14px/18px 'Montserrat', Helvetica, sans-serif;
	margin:0;
}
.portfolio h2 strong {
	display:block;
	font-weight:bold;
	margin:0 0 2px;
}
.portfolio h2 em {
	display:block;
	font:20px/24px 'Montserrat', Helvetica, sans-serif;
	color:#383838;
	margin:0 0 -2px;
}
.portfolio h2 span {display:block;}
.portfolio .block .more {
	display:block;
	font:bold 10px/25px 'Montserrat', Helvetica, sans-serif;
	color:#00CC00;
	text-transform:uppercase;
	text-indent:18px;
	padding:0 0 9px;
	position:relative;
	cursor:pointer;
	overflow: hidden;
}
.portfolio .block .more span {display:block;}
.portfolio .row .img img,
.portfolio .block .more img {
	display:block;
}
.portfolio .block .more:hover {
	background:#00CC00;
	color:#fff;
	text-decoration:none;
}
.portfolio .last h2 {border:0;}
.portfolio .rows {
	border-top:1px solid #ddd8d3;
	padding:14px 0 17px;
}
.portfolio .row {
	border-top:1px solid #ddd8d3;
	padding:12px 0;
	overflow:hidden;
}
.portfolio .row:first-child {border:0;}
.portfolio .row h2 {
	border:0;
	width:25%;
	padding:0;
	float:left;
	position:relative;
}
.portfolio h2 a {
	color:#989898;
	display:block;
	padding:6px 0 0 19px;
	position:relative;
	z-index:10;
}
.portfolio h2 .view {
	font:bold 10px/25px 'Montserrat', Helvetica, sans-serif;
	color:#57b9d1;
}
.portfolio h2:hover a {
	text-decoration:none;
	color:#fff;
}
.portfolio .row h2:hover em,
.portfolio .row h2:hover .view {color:#fff;}
.portfolio .row .img {
	float:left;
	width:25%; overflow: hidden;
}
.portfolio .row h2 .bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	display:none;
}
.portfolio h2:hover .bg {display:block;}


.portfolio .block .more .open-contact {
	width:100%;
	position:absolute;
	top:37px;
	left:0;
	text-align:center;
	font:bold 12px/18px 'Montserrat', Helvetica, sans-serif;
	color:#fff;
	text-indent:0;
	background:url(../images/ico-01.png) no-repeat 50% 100%;
	padding:0 0 40px;
}
.portfolio .block .your-project .more:hover {background:none;}
.portfolio .block .your-project h2 em,
.portfolio .block .your-project h2 {
	color:#00CC00;
	border:0;
}
.portfolio .block .your-project h2 span {font-weight:bold;}
/* end projects */
/* project-detail */
.paging {
	overflow:hidden;
	padding:0 0 12px;
	font:bold 12px/18px 'Montserrat', Helvetica, sans-serif;
	text-transform:uppercase;
	margin:-13px 0 0;
	position:relative;
	z-index:100;
}
.paging .prev {
	float:left;
	color:#a9a9a9;
	background:url(../images/arrow-04.png) no-repeat 0 5px;
	padding:0 0 0 23px;
	position: relative; z-index: 2;
}
.paging .next {
	float:right;
	color:#a9a9a9;
	background:url(../images/arrow-05.png) no-repeat 100% 5px;
	padding:0 23px 0 0;
	position: relative; z-index: 2;
}
.paging .top {
	display:block;
	overflow:hidden;
	text-align:center;
	padding:0 0 0 20px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1;
}
.paging .top a {
	color:#00CC00;
	background:url(../images/arrow-06.png) no-repeat 100% 0;
	padding:0 15px;
}
.paging-bottom .top a {background:url(../images/arrow-07.png) no-repeat 100% 0;}
.paging-bottom {
	padding-bottom:4px;
	margin:0;
}
.detail {
	background:#fff;
	overflow:hidden;
	padding:19px 23px 19px 46px;
	margin:0 0 10px;
}
.detail .heading {
	overflow:hidden;
	border-bottom:1px solid #dcdcdc;
	padding:0 0 14px;
	font:10px/16px 'Montserrat', Helvetica, sans-serif;
	text-transform:uppercase;
	color:#989898;
	margin:0 0 23px;
}
.detail .heading strong {float:left;}
.breadcrumbs {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	color:#525252;
}
.breadcrumbs li {
	float:left;
	background:url(../images/sep-01.gif) no-repeat 0 2px;
	padding:0 3px 0 10px;
}
.breadcrumbs li:first-child {
	background:none;
	padding-left:4px;
}
.breadcrumbs a {color:#525252;}
.detail .holder {
	overflow:hidden;
	text-align:justify;
	line-height:20px;
	color:#303130;
}
.detail .block {
	float:left;
	width:32.6%;
}
.detail h2 {
	text-transform:uppercase;
	color:#989898;
	font:14px/18px 'Montserrat', Helvetica, sans-serif;
	margin:0 0 4px;
	text-align:left;
}
.detail h2 strong {
	display:block;
	font-weight:bold;
	margin:0 0 2px;
}
.detail h2 em {
	display:block;
	font:20px/24px 'Montserrat', Helvetica, sans-serif;
	color:#383838;
	margin:0 0 -2px;
}
.detail .link {
	display:block;
	font:bold 10px/16px 'Montserrat', Helvetica, sans-serif;
	padding:0 0 20px;
	text-transform:uppercase;
}
.detail .link a {color:#33CC00;}
.detail p {margin:0 0 25px;}
.detail h3 {
	font:bold 14px/18px 'Montserrat', Helvetica, sans-serif;
	margin:0 0 20px;
	text-transform:uppercase;
}
.detail blockquote {line-height:22px;}
.detail blockquote q {
	display:block;
	font-style:italic;
	margin:0 0 23px;
}
.detail blockquote cite {
	display:block;
	font-size:11px;
	font-style:normal;
}
.detail blockquote cite span {
	font-style:italic;
	display:block;
}
.detail .section {
	float:right;
	width:63.8%;
}
.images-section {padding:0 0 13px;}
.images-section .frame {
	position:relative;
	margin:0 0 10px;
	overflow:hidden;
}
.images-section img {
	display:block;
	width:100%;
}
.images-section .img-01 {
	float:left;
	width:65.8%;
	position:relative;
}
.images-section .open {
	position:absolute;
	right:4px;
	bottom:5px;
	width:16px;
	height:16px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/bg-open.png) no-repeat;
}
.images-section .img-02 {
	float:right;
	width:32.8%;
	position:relative;
}
.images-section .img-03 {
	float:left;
	width:32.8%;
	position:relative;
}
.images-section .img-04 {
	float:right;
	width:65.8%;
	position:relative;
}
.detail .section .box {
	border:solid #989898;
	border-width:1px 0;
	padding:13px 0;
	text-align:center;
	text-transform:uppercase;
	line-height:24px;
	color:#989898;
	margin:0 0 21px;
	font-family:'Montserrat', Helvetica, sans-serif;
}
.detail .section .box strong {
	display:block;
	font-weight:bold;
}
.detail .section .box h3 {
	font:20px/24px 'Montserrat', Helvetica, sans-serif;
	color:#383838;
	margin:0;
}
.detail .section .box a {color:#2d9bb6;}
.detail .section .box p {margin:0;}
.detail .section .widget {
	position:relative;
	overflow:hidden;
	padding:0 0 0 16px;
}
.detail .section .widget img {vertical-align:top;}
.detail .section .widget .w1 {
	position:relative;
	float:left;
	left:50%;
}
.detail .section .widget .frame {
	position:relative;
	float:left;
	left:-50%;
}
/* end project-detail */
/* contact */
.contact-section .heading {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../images/bg-heading.jpg");
	background-origin: padding-box;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding:38px 20px 40px;
	text-align:center;
	text-transform:uppercase;
	margin:0 0 7px;
	overflow:hidden;
}
.contact-section .heading h1 {margin:0;}
.contact-section .section {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../images/bg-section.jpg");
	background-origin: padding-box;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding:27px 36px 23px 35px;
	overflow:hidden;
	margin:0 0 7px;
}
.contact-form {
	float:left;
	width:55.8%;
	font-size:16px;
}
.contact-form fieldset{
	width: 100%;
}
.contact-section .section h2 {
	font:bold 14px/18px 'Montserrat', Helvetica, sans-serif;
	margin:0 0 19px;
	text-transform:uppercase;
}
.contact-form p {margin:0 0 13px;}
.contact-form .row {
	overflow:hidden;
	border-bottom:1px solid #646463;
	padding:0 0 19px;
	margin:0 0 12px;
	line-height:19px;
}
.contact-form .row label {
	float:left;
	padding:0 19px 0 0;
	font-size:16px;
	font-style:normal;
}
.contact-form .row span {
	float:left;
	padding:0 5px 0 0;
}
.contact-form .error{float:left; width:50%;display: none; color:#efb740}
.contact-form .row .postplaats{
	float: right; width: 68.55%;
}
.contact-form .second{display: none;}
.contact-form .second .row .postcode{float: left;width: 30%;margin-right: 2%;box-sizing: border-box;}
.contact-form .second .row .plaats{float: left; width: 62%;}
.contact-form label {
	font-size:14px;
	font-style:italic;
	display:block;
	padding:0 0 10px;
}
.contact-form .textarea {
	background:url(../images/bg-textarea.png) repeat;
	padding:5px 10px;
	overflow:hidden;
	margin:0 0 7px;
}
.contact-form .textarea textarea {
	float:left;
	width:100%;
	height:102px;
	overflow:auto;
	background:none;
	border:0;
	max-width:497px;
	min-width:497px;
	max-height:102px;
	min-height:102px;
	color:#fff;
	font:14px/18px 'Lato', Helvetica, sans-serif;
}
.contact-form .submit {
	display:block;
	width:188px;
	height:32px;
	background:#33CC33;
	border:0;
	cursor:pointer;
	padding:0 0 1px;
	font:bold 12px/31px 'Montserrat', Helvetica, sans-serif;
	color:#fff;
	margin:0;
	float: right;
	text-transform:uppercase;
	margin-left: 5px;
	-webkit-appearance:none;
	border-radius: 0;
}
.contact-form .submit:hover {background-color:#66CC33;}

.contact-form .second label{padding-top: 4px;}
.contact-form .second input[type=text], .contact-form .second input[type=tel], .contact-form .second input[type=email]{
	background: url(../images/bg-textarea.png) repeat; padding: 5px 10px; border:none;
	color: #fff;font: 14px/18px 'Lato', Helvetica, sans-serif;width:65%; float: right;
}
.contact-form .second .last{border: none;}
.contact-section .aside {
	float:right;
	width:37.5%;
}
.contact-section .aside h2 {margin-bottom:10px;}
.contact-section .aside address {font-style:normal;}
.contact-section .aside address span {display:block;}
.contact-section .aside dl {
	overflow:hidden;
	margin:0 0 26px;
}
.contact-section .aside dl dt {
	float:left;
	padding:0 2px 0 0;
}
.contact-section .aside a {color:#66CC33;}
.contact-section .aside img {vertical-align:top; margin-top: 20px;}
#map{height:550px;}
.maps .nav-holder {
	background:#151515;
}
.maps .map img {
	width:100%;
	display:block;
}
.maps .nav {
	max-width:928px;
	margin:0 auto;
	font-weight:bold;
	overflow:hidden;
	text-transform:uppercase;
	padding:15px 35px;
	font-family:'Montserrat', Helvetica, sans-serif;
}
.maps .nav li {
	float:left;
	padding:0 20px 0 0;
}
.maps .nav a {float:left;}
.maps .nav .active a {
	font-weight:normal;
	color:#66CC33;
	font-family:'Lato', Helvetica, sans-serif;
}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

	.newsmail{
		background: #66CC66;
		border: none;
		color: #fff;
		font: bold 12px/16px 'Montserrat', Helvetica, sans-serif;
		padding: 13px 5px 11px 13px;
		margin: 0;
		width: 217px;
		float: left;
		outline: none;
		font-weight: normal;
		display: none;
	}
	.welcome .sendnewsmail{
		margin-right: 10px;padding: 13px 6px 11px 7px;
	}
	.sendnewsmail{
		display: block;
		float: left;
		font: bold 12px/16px 'Montserrat', Helvetica, sans-serif;
		background: #66CC33 ;
		padding: 13px 6px 11px 6px; display: none;text-transform: uppercase;
	}
	::-webkit-input-placeholder {
	   font: italic 12px/16px 'Montserrat', Helvetica, sans-serif; text-transform: uppercase; color: #fff;font-weight: normal;
	}
	
	:-moz-placeholder { /* Firefox 18- */
	   font: italic 12px/16px 'Montserrat', Helvetica, sans-serif; text-transform: uppercase; color: #fff;font-weight: normal;
	}
	
	::-moz-placeholder {  /* Firefox 19+ */
	   font: italic 12px/16px 'Montserrat', Helvetica, sans-serif; text-transform: uppercase; color: #fff; font-weight: normal;
	}
	
	:-ms-input-placeholder {  
	   font: italic 12px/16px 'Montserrat', Helvetica, sans-serif; text-transform: uppercase; color: #fff; font-weight: normal;
	}

/* end contact */
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	#header {padding-bottom:11px;}
	#header .logo {
		width:138px;
		height:52px;
		background:url(../images/logo_2x.png) no-repeat;
				background-size: 138px 52px;
		margin-top:8px;
	}
	#main-nav {font-size:11px;}
	#main-nav li {padding-right:16px;}
	#main-nav .contact {
		padding:10px 19px 8px 16px;
		margin:0;
	}
	.gallery {margin:0 0 14px;}
	.gallery .desc .holder {padding:12px 10px 12px 162px;}
	.gallery .flex-direction-nav {
		left:12px;
		bottom:9px; margin: 0;
	}
	.gallery .counter {
		bottom:9px;
		left:102px;
	}
	.welcome {
		position:relative;
		left:auto;
		top:auto;
		background-attachment: scroll;
		background-clip: border-box;
		background-color: transparent;
		background-image: url("../images/bg-welcome-02.jpg");
		background-origin: padding-box;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.welcome .top-btn {display:none;}
	.welcome .hide-text {display:none;}
	.welcome .holder {
		position:relative;
		padding:136px 30px 30px;
		background:url(../images/bg-welcome-01.png) repeat;
	}
	.welcome .video {
		width:338px;
		margin-right:30px;
	}
	.welcome h1 {
		position:absolute;
		left:0;
		top:41px;
		width:100%;
		text-align:center;
	}
	#footer {padding:9px 0;}
	.info-section {
		padding-left:0;
		padding-right:0;
	}
	.info-section .realizations-btn,
	.info-section .newsletter-btn,
	.info-section .contactus-btn {font-size:11px;}
	
	

}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#header {padding:0 0 10px;}
	#header .logo {
		display:block;
		float:none;
		margin:0 auto 20px;
	}
	#main-nav {
		padding:0;
		width:292px;
		margin:0 auto;
		float:none;
		text-align:center;
		font-size:12px;
	}
	#main-nav li {
		float:none;
		padding:8px 0;
		border-top:1px solid #d2d2d2;
		font-size:12px;
	}
	#main-nav a {float:none;}
	#main-nav .contact {
		padding:11px 0;
		border-left:0;
	}
	.gallery .counter,
	.gallery .desc,
	.welcome {display:none !important;}
	.gallery .flex-direction-nav {
		top:54px;
		right:20px;
		left:auto;
	}
	.gallery .flex-direction-nav li {
		float:none;
		padding:0 0 1px;
	}
	.gallery .flex-direction-nav .flex-next,
	.gallery .flex-direction-nav .flex-prev {
		position:absolute;
		top:46px;
		right:0;
		width:45px;
		height:45px;
		background:url(../images/arrow-03.png) no-repeat 0 -46px;
	}
	.gallery .flex-direction-nav .flex-next {
		background-position:0 0;
		top:0;
	}
	.gallery {margin:0;}
	.contact-list {display:block;}
	#footer {
		text-align:center;
		line-height:14px;
	}
	#footer p .sep,
	#footer .by {display:none;}
	#footer p span {display:block;}
	#header .logo {
		background-image:url(../images/logo_2x.png);
		background-repeat: no-repeat;
		background-size: 169px 64px;
		width:169px;
		height:64px;
	}
	#main {padding:15px 20px;}
	.sub-nav {
		padding-left:0;
		padding-bottom:10px;
	}
	.sub-nav ul {
		float:none;
		left:auto;
		width:232px;
		margin:0 auto;
	}
	.sub-nav ul li {
		float:none;
		left:auto;
		padding:0 0 10px;
	}
	.sub-nav ul a {
		float:none;
		display:block;
		width:232px;
	}
	#main h1 {
		font-size:18px;
		line-height:22px;
		margin:0 0 15px;
	}
	.info-section .block {
		float:none;
		width:auto;
		padding:0 0 18px;
	}
	.info-section .section {
		width:auto;
		float:none;
	}
	.info-section .visual {padding-bottom:18px;}
	.info-section .realizations-btn,
	.info-section .newsletter-btn,
	.info-section .contactus-btn {font-size:12px;}
	
	.contact-form{width:88%; float:none; margin: 0 6%;}
	.contact-form .textarea textarea{
		min-width: auto;
	}
	.contact-section .aside{
		float:none;width: 88%;margin: 40px auto;text-align: center;
	}
	
	.detail .section{
		float:none; width: 100%;margin-top: 20px;
	}
	.detail .block{
		float:none; width: 100%;
	}
	.paging{margin-top: 0}
	.paging .top{
		padding: 5px 0 0 0px;clear: both;position: static;
	}
	.detail .heading strong{float:none;}
	.breadcrumbs{float: none;}
	.breadcrumbs li:first-child{padding-left: 0;}
	
	.portfolio .block{padding-bottom: 0;}
	.portfolio .block .box{
		float: left;width: 50%;margin-bottom: 20px;
	}
	.portfolio .block .box:nth-child(even) h2{border:none;}
	.portfolio .row h2{width:100%}
	.portfolio .row .img {
		float: left; width: 33.333%;
	}
	/*.portfolio .row h2 a{padding-left: 0}*/
	.portfolio .row .view{position: absolute; top:26px; right:20px;}
	.portfolio .row h2:hover .bg{display: none;}
	.portfolio .row h2:hover{background:#57b9d1;}
	
	#map{height:300px;}
	.row .rad-area{
		clear: left;
		margin: -5px 10px 0 0;
		padding: 7px 0;
	}
	.contact-form .row .postplaats {
		float: none;width: 100%;clear: both;
	}
	.contact-form .second .row .postcode {width: 29%;}
}

@media only screen and (max-width: 480px) {
	.portfolio .block .box{
		float: none;width: 100%;padding-bottom: 10px;border-bottom: 1px solid #dfdfdf;margin-bottom: 10px;
	}
	.portfolio .block .box:last-child{
		border:none; padding-bottom: 0; margin-bottom: 0;
	}
	.portfolio h2{height: auto; border: none;}
	.portfolio .rows{border: none; padding: 0;}
	.portfolio .row{
		border-top: none; border-bottom: 1px solid #ddd8d3;padding: 0px 0 20px;margin-bottom: 10px;
	}
	.portfolio .row:first-child{border-bottom: 1px solid #ddd8d3;}
	.portfolio .row .view {position: static;}
	.portfolio .row h2{float:none;}
	.portfolio .row .img{float:none;width:100%;}
	.portfolio .block{padding: 0; border: none;}
	#map{height:200px;}
	
	.contact-form .second label {float: none;}
	.contact-form .second input[type="text"], .contact-form .second input[type="tel"], .contact-form .second input[type="email"] {
		float:none; width:100%;box-sizing: border-box;
	}
	.contact-form .second .row .plaats {float: left;width: 68%;	}
	.contact-section .aside img{width:100%;}
	.contact-form .submit{margin-top: 5px;}
}