/*----------------------------------MAIN BODY STYLE----------------------------------*/
*{padding: 0px;	margin: 0px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000; background-color: #fff; -webkit-animation: bugfix infinite 1s; position: relative;}
a{outline: none; text-decoration: none; color: #000;}
a:hover{text-decoration: underline;}
a img{outline:none; border: none;}
li{list-style: none;}

#wrapper{width: 100%; height: auto; overflow: hidden; position: relative;}
.new-line{display: block;}
.cf:before,
.cf:after{content: " "; display: table;}
.cf:after{clear: both;}
.cf{*zoom: 1;}
.inner{max-width: 1200px; position: relative;}

/* input{background: none; border: none; outline: none; border-radius: 0;} */
/*----------------------------------
	HEADER STYLES
	---------------------------------------------------------------------------------*/
.site-header{width: 100%; height:auto; position:relative;}
.site-header .inner{height:100%; }
.mobile-nav-button{display:none;}
.mobile-nav-button span{display:none;}
.mobile-nav{display:none;}
.mobile-nav-overlay{display:none;}

header .dropdown .dropdownlast{float: left !important; border-bottom: 0;}
header .dropdown {position: relative;display: inline-block;}

header .dropdown-content {display: none;position: absolute;background-color: rgba(174, 204, 69, 0.9);width: 204px;z-index:20;text-align: left;margin-left:-30px;margin-top:0px;}
header .dropdown-content li{padding:10px;line-height:35px;border-bottom: 1px solid #fff;font-size:17px;width:150px;text-transform:lowercase;font-weight:500;display:block;margin-right:0!important;float:left;margin-left:30px;padding-left:23px;}
header .dropdown-content li:first-child{ height:65px; padding-top:20px;}
header .dropdown-content li:first-child::before{content: ''; position: absolute; height: 21px; width: 15px; top:27px; left:0;right:100%; background: url(/mvc/public/frontend/images/whitearrow.png) no-repeat center center;}
header .dropdown-content li::before{content: ''; position: absolute; height: 21px; width: 15px; top:18px; left:0;right:100%; background: url(/mvc/public/frontend/images/whitearrow.png) no-repeat center center;}
header .dropdown:hover .dropdown-content {display: block;color:#fff;}
header .menu a:hover{color:#fff;}
header .blackbar{width:100%; height:9px; background:#000;}
header .blackbar::after{content:""; width:1000px; position: absolute; top: 0; bottom: 0; left:100%; background-color: inherit; height:inherit;}
header .blackbar::before{content:""; width:1000px; position: absolute; top: 0; bottom: 0; right:100%; background-color: inherit; height:inherit;}
header .site-logo{margin-top:17px; width:16.583333%; height:184px; background: url("/mvc/public/frontend/images/site-logo.png") no-repeat center center; background-size: contain; float: left; position:relative;}
header .site-logo a{width: 100%; height: 100%; display: block;}
header .name{float:left; margin-top:55px; margin-left:8.833333%;}
header .name h1 {font-size:49px; font-weight:700; color:#1d8db4; }
header .socialmedia{float:right; margin-top:68px;}
header .socialmedia img{margin-right:2px;}
header .socialmedia img:not(:last-child){margin-right:7px;}
header .menu{width: 90%; background:#aecc45;  margin-top:50px; float:right; position:relative; font-weight:700; font-size:17px; padding:13.5px; text-transform:uppercase; bottom:0;}
header .menu::before{content: ''; position: absolute; height: 50px; width: 43px; top: 0; right:100%; background:url(/mvc/public/frontend/images/carve-green.png) no-repeat center center;}
header .menu::after{content:""; width:1000px; position: absolute; top: 0; bottom: 0; left:100%; background-color: inherit; height:inherit;}
header .menu ul{z-index:20;}
header .menu li{display:inline-block; z-index:30; position:relative;}
header .menu li:not(:last-child){margin-right:25px;}
header .menu li:last-child{float:right;}
header .menu li.active a{color: #1D8DB4}
header .menu li.active ul li a {color: #000}
header .header-second{height:273px;background: url("/mvc/public/frontend/images/header-secondbg.png") center center; width:100%; position:relative;}
header .header-second .second-headertxt h2{color:#fff; font-size:47px; margin-top:40px; font-weight:500; position: relative;}
header .header-second .second-headertxt h2::before{content: ''; position: absolute; height: 52px; width: 63px; top: 6px; right:100%; background:url(/mvc/public/frontend/images/beforearrow.png) no-repeat center center; background-size: contain;}
header .header-second .overlay{position:absolute; width:100%; height:100%; background-color:rgba(6,118,157,0.8); top: 0; left:0;}
header .header-second .second-headertxt{float:left; clear:left; width:510px; position:relative; margin-left:40px;}
header .header-second .blue-bar{width: 74.666666%; background:#1d8db4; float:right; position:relative; font-weight:700; height:50px;  text-transform:uppercase;}
header .header-second .blue-bar::before{content: ''; position: absolute; height: 50px; width: 43px; top: 0; right:100%; background:url(/mvc/public/frontend/images/carve-blue.png) no-repeat center center;}
header .header-second .blue-bar::after{content:""; width:1000px; position: absolute; top: 0; bottom: 0; left:100%; background-color: inherit; height:inherit;}
header .header-second .car{ height:421px; width:612px; background: url("/mvc/public/frontend/images/car.png") center center; position:absolute; z-index:10; top:-88px; right:38px;}

.site-main{margin-top:15px;}
.site-main .text-block-left{width:49.416666%; height:auto; float:left; padding:56px 26px 26px 26px; position:relative;background: #ededed; /* For browsers that do not support gradients */background: -webkit-linear-gradient(#fefefe, #ededed); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(#fefefe, #ededed); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#fefefe, #ededed); /* For Firefox 3.6 to 15 */background: linear-gradient(#fefefe, #ededed); /* Standard syntax */}
.site-main .text-block-left h2{font-size:36px; color:#1d8db4; font-weight:500; }
.site-main .text-block-left p{margin-top:45px; font-size:17px; }
.site-main .text-block-left button{margin-top:30px;margin-right:20px;float:right;font-size:18px; text-transform:uppercase; font-weight:700;border: 1px solid #1d8db4; color:#1d8db4;background-color:initial; height:39px; width:165px;}
.site-main .text-block-left button img{vertical-align: middle;}
.site-main .text-block-left .clouds{ background:url("/mvc/public/frontend/images/cloudsbg.png") repeat-x; left:0; right:0; height:58px; position:absolute; top:0;}

.site-main .text-block-right{width:49.166666%; height:auto; float:right;background: #ededed; /* For browsers that do not support gradients */background: -webkit-linear-gradient(#ededed, #fff); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(#ededed, #fff); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#ededed, #fff); /* For Firefox 3.6 to 15 */background: linear-gradient(#ededed, #fff); /* Standard syntax */position: relative;}
.site-main .text-block-right h2{font-size:36px; color:#1d8db4; font-weight:500; padding:56px 26px 26px 26px;}
.site-main .text-block-right .grass{ background:url("/mvc/public/frontend/images/grass.png")  repeat-x; left:0; right:0; height:58px; position:absolute; bottom:0;}
.site-main .text-block-right .makelaarsbordenlist{width:100%; height:100%; min-height:300px; background:  url("/mvc/public/frontend/images/tekoopbord.png") no-repeat;  background-position:20px;}
.site-main .text-block-right .makelaarsbordenlist ul{float:right; font-size:24px; margin-right:48px; margin-top:20px;}
.site-main .text-block-right .makelaarsbordenlist li{position:relative;}
.site-main .text-block-right .makelaarsbordenlist li::before{content: ''; height: 21px; width: 25px; position: relative; display: inline-block; background: url(/mvc/public/frontend/images/greenarrow.png) no-repeat center center; background-size: contain;}

.maintwo{width:100%; background:#aecc45; color:#fff; margin-top:15px; position:relative;}
.maintwo p{font-size:17px; margin-top:22px;}
.maintwo h2{color:#fff; font-size:36px; font-weight:500;}
.maintwo button{background-color:initial;border: 1px solid #fff; color:#fff; text-transform:uppercase;font-size:14px; font-weight:700;padding:12px; width:131; margin-top:10px; margin-bottom:10px;}
.maintwo .arrowdown{background:url("/mvc/public/frontend/images/arrowdown.png")center top; width:62px; height:29px; position:absolute; top:0; left:0; right:0; margin-left:auto; margin-right:auto;}
.maintwo-left{width:31.833333%; float:left; margin-right:2.166666%; margin-top:34px; position:relative;}
.maintwo-left img{width:100%; margin-top:25px;}
.maintwo-middle{width:31.833333%; float:left; margin-right:2.166666%; margin-top:34px; min-height:380px;position:relative;}
.maintwo-middle img{width:100%; margin-top:25px;}
.maintwo-right{width:31.833333%; float:left; margin-top:34px; min-height:380px;position:relative;}
.maintwo-right img{width:100%; margin-top:25px;}

.textarea-left-side{ width: 74.833333%; height:auto; float:left; padding:40px;background: #ededed; /* For browsers that do not support gradients */background: -webkit-linear-gradient(#ededed, #fff); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(#ededed, #fff); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#ededed, #fff); /* For Firefox 3.6 to 15 */background: linear-gradient(#ededed, #fff); /* Standard syntax */}

.textarea-left-side h3{ font-size:36px; color:#1d8db4;}
.textarea-left-side p{ font-size:17px; margin-top:20px;}
.textarea-left-side .imagesblock{margin-top:30px; text-align:center; width:100%;}
.textarea-left-side .imagesblock img{ margin-bottom:20px; float: left; width: 32%; margin-right:2%;}
.textarea-left-side .imagesblock img.last_image{margin-right: 0}
.aside-right{width:24.25%; float:right;}

.makelaarsbordensmall{width:100%; height:auto;  min-height:642px;padding:20px; padding-bottom:0px;background:#aecc45;background: -webkit-linear-gradient(#aecc45, #c5e458, #d9ea9f, #fff); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(#aecc45, #c5e458, #d9ea9f, #fff); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#aecc45, #c5e458, #d9ea9f, #fff); /* For Firefox 3.6 to 15 */background: linear-gradient(#aecc45, #c5e458, #d9ea9f, #fff); /* Standard syntax */}
.makelaarsbordensmall h2{color:#fff; font-size:30px; margin-top:20px;}

.makelaarsbordensmall .makelaarsbordenlist{width:100%; height:100%; min-height:300px; position:relative;}
.makelaarsbordensmall .makelaarsbordenlist ul{float:right; font-size:22px; margin-right:48px; margin-top:20px; }
.makelaarsbordensmall .makelaarsbordenlist li{position:relative; margin-left:25px; width:100%;}
.makelaarsbordensmall .makelaarsbordenlist li::before{content: ''; position: absolute; height: 21px; width: 35px; top:7px; right:100%; background: url(/mvc/public/frontend/images/whitearrow.png) no-repeat center center;}
.makelaarsbordensmall .makelaarsbordensmallbottom {width:116%; margin-left:-20px; height:330px; position:absolute; bottom:0; top:170px;margin-top:30px; background: url("/mvc/public/frontend/images/tekoopbord2.png") no-repeat center bottom; background-size:contain;}

.aside-right .aside-right-bottom{ width:100%; height:auto; padding:18px; text-align:center; margin-top:-15px;background:#1d8db4;background: -webkit-linear-gradient(#1d8db4,#feffff); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(#1d8db4, #feffff); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#1d8db4,#feffff); /* For Firefox 3.6 to 15 */background: linear-gradient(#1d8db4,#feffff); /* Standard syntax */}
.aside-right .aside-right-bottom h2{color:#fff; font-size:30px; margin-top:20px; text-align:left;}
.aside-right .aside-right-bottom p{margin-top:25px; font-size:17px; text-align:left; width:100%;}
.aside-right .aside-right-bottom button{ margin-top:20px;padding: 15px 25px 15px 25px;background:initial; text transform:uppercase;color:#50a3c2; border:0; font-size:18px; font-weight:bold; border:1px solid #1d8db4;}

footer .footertop {width:100%; background:#ddeef4;}
footer h2{ position:absolute; color:#1d8db4; font-size:36px; font-weight:500;  margin-left:38px; margin-top:33px; }

footer .footertop p{font-size:17px; margin-left:42px; margin-top:40px; float:left; margin-top:100px; margin-bottom:40px;}
footer .footertop input{ padding-left:10px;background-color:#fff; height:28px; -webkit-box-shadow: inset 2px 2px 4px 0px rgba(179,183,183,0.9); -moz-box-shadow: inset 2px 2px 4px 0px rgba(179,183,183,0.9); box-shadow: inset 2px 2px 4px 0px rgba(179,183,183,0.9); float:left; margin-bottom:11px;}
footer .footertop textarea{ padding:0 10px;color:#898b8b;height:67px!important;resize: none; background-color:#fff; height:28px; -webkit-box-shadow: inset 2px 2px 4px 0px rgba(179,183,183,0.9); -moz-box-shadow: inset 2px 2px 4px 0px rgba(179,183,183,0.9); box-shadow: inset 2px 2px 4px 0px rgba(179,183,183,0.9); float:left;
width:100%; margin-bottom:11px; border:0; }
footer .footertop form{margin-top:43px; margin-left:40px;}
footer .footertop input.inputone{width:100%;}
footer .footertop input.inputtwo{width:49%;}
footer .footertop input.marginright13{margin-right:2%;}
footer .footertop .formleft{width:49%; float:left;}
footer .footertop .formright{width:49%; float:right;}
footer .bluebar{width: 54.333333%; background:#1d8db4; float:left; position:relative;height:50px; margin-top:30px;}
footer .bluebar::before{content:""; width:1000px; position: absolute; top: 0; bottom: 0; right:100%; background-color: inherit; height:inherit;}
footer .bluebar::after{content: ''; position: absolute; height: 50px; width: 43px; top: 0; left:100%; background:url(/mvc/public/frontend/images/carve-blue2.png) no-repeat center center;}
footer .bluebar button{background:initial; color:#fff; border:0; font-size:19px; font-weight:bold; float:right; margin-right:20px;margin-top:16px; cursor: pointer}
footer h2::before{content: ''; position: absolute; height: 52px; width: 45px; top:0; right:100%; background: url(/mvc/public/frontend/images/bluearrowl.png) no-repeat center center;}

footer .footersecond .contactgegevens{float:left; width:33%; clear:left;}
footer .footersecond .sitemap{float:left; width:33%;}
footer .footersecond .totslot{float:left; width:33%;}
footer .footersecond .greenbar{width:  55.75%; background:#aecc45; float:left; position:relative;height:50px; }
footer .footersecond .greenbar::before{content:""; width:1000px; position: absolute; top: 0; bottom: 0; right:100%; background-color: inherit; height:inherit;}
footer .footersecond .greenbar::after{content: ''; position: absolute; height: 50px; width: 43px; top: 0; left:100%; background:url(/mvc/public/frontend/images/carve-green2.png) no-repeat center center;}
footer .footersecond p{margin-top:100px; font-size:17px; margin-left:40px;}
footer .footersecond ul{margin-left:40px; font-size:17px;}
b {font-weight:700;}

footer .footerbottom{width:100%; border-top:9px solid #000; background:#dadada; min-height:220px; text-align:center;}
footer .footerbottom li{display: inline-block;}
footer .footerbottom a{color:#000;}
footer .footerbottom li:not(:last-child){border-right: 1px solid #000; padding:0 7px 0 0;}
footer .footerbottom li:not(:first-child){border-right: 1px solid #000; padding:0 7px 0 7px;}

footer .footerbottom .coppyright {float: left; margin-top:24px;}
footer .footerbottom .credits {float: right; color:#000; margin-top:24px;}
footer .footerbottom .credits a{ color:#000;}

.contact_row { width: 100%; float: left; }
.contact_row label { width: 100%; float: left; padding-left: 0; position: inherit; font-size: 14px; padding: 10px 0 5px 0; }
.contact_row label:before { position: absolute; border: 0;}
.contact_row input { width: 50%; height: 30px; padding-left: 5px; }
.contact_row textarea { width: 50%; padding-left: 5px; padding-top: 10px; }
.contact_row .button {  margin-right: 0; float: left; font-weight: 600;  font-size: 14px; width: 50%; margin-top: 20px; display: block; color: #FFF; background: #1D8DB4; border:0; height: 30px; }
.contact_row .button:hover { cursor: pointer; text-decoration: underline; }
.error_massage {color: red;}
.error_border {border: 1px solid red}
.clear {clear: both}

input, textarea {font-size: 14px; font-family: 'Open Sans', sans-serif; border: 0px; border-radius: 0; -webkit-appearance: none;}
.fancybox-skin {padding: 3px!important;}

.site-main .textarea-left-side ul {margin-top: 20px; margin-left: 30px;}
.site-main .textarea-left-side ul li {list-style-image: url(/mvc/public/frontend/images/done_small.png); font-size: 17px;}

.social-media {position: absolute; top: 20px; right: 20px;}
.social-media img{ width: 35px}

/***** Opdrachtgevers *****/
.opdrachtgevers { width: 100%}
.opdrachtgevers img {max-width: 100%}
.opdrachtgevers .item {margin-right: 2%; margin-bottom: 2%; border: 2px solid #1D8DB4; padding: 10px 10px 10px 10px; border-radius: 5px; background: #fff}
.opdrachtgevers .item.no-right {margin-right: 0; }
.opdrachtgevers .title {text-align: center; font-size: 17px; font-weight: 600; color: #1D8DB4; padding-bottom: 9px; height: 60px}
.opdrachtgevers .image-container {display: table; height: 190px; vertical-align:middle}
.opdrachtgevers .item {display: table-cell; vertical-align:middle}
.opdrachtgevers a:hover {text-decoration:none; transform: scale(1.05)}
.left {float: left}
.opdrachtgevers .span30 {width: 31%; min-height: 250px}