/*
	Theme Name: Penta
	Author: Friks Web & Marketing
	Version: 1.0
*/

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body, html{ height: 100%; position:relative; }

html { overflow-y: scroll;  }

body { font: normal 16px/1.5 'Lato', Arial, Helvetica, Verdana, sans-serif; color: #282828; background: #fff; -webkit-font-smoothing: antialiased; }

h1, .h1 { font-size: 30px; }
h2, .h2 { font-size: 26px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 18px; }
h1, h2, h3, h4, .h1, .h2, .h3, .h4 { margin: 0 0 7px; line-height: 1.25; color: #282828; font-weight: normal; font-family: 'Ubuntu Condensed', 'Lato', Arial, Helvetica, Verdana, sans-serif; text-transform: uppercase; }
.h1, .h2, .h3, .h4 { display: block; }
h1, .h1 { margin: 0; }

.ub { font-family: 'Ubuntu Condensed', 'Lato', Arial, Helvetica, Verdana, sans-serif; }

ul, li { margin: 0; padding: 0; }
li { list-style: none; }
em { font-style: italic; }
strong { font-weight: bold; }
p { margin: 0 0 1.75em; }

a:visited,
a { color: #ab0f17; }
a { text-decoration: none; }

blockquote { border-left: 1px solid #464646; margin: 1.5em 1em 1.5em 1.5em; padding-left: 1em; font-style: italic; }

article ul,
article ol { margin: 1em 1.5em; }
article li { list-style: disc; }

.table { width: 100%; table-layout: fixed; display: table; }
.table-cell { display: table-cell; vertical-align: middle; }
.table-row { display: table-row; vertical-align: middle; }

.clear { clear: both; }
.inline { display: inline; }

.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.alignleft { float: left; margin: 1em 1em 1em 0; }
.alignright { float: right; margin: 1em 0 1em 1em; }
.aligncenter { clear: both; display: block; margin: 1em auto; }
.alignnone { clear: both; display: block; margin: 1em 0; }

img { max-width: 100%; height: auto; }

.hide { display: none; }

/* - Band - */

.band { width: 100%; }
.container { max-width: 740px; margin-left: auto; margin-right: auto; *zoom: 1; height: 100%; max-height:100vh; overflow:auto; background: rgba(255,255,255,.85); position: relative; z-index: 50; }
.container:before,
.container:after { content: " "; display: table; }
.container:after { clear: both; }

/* - Buttons - */

a.btn:visited { color: #919191; }
a.btn { display: inline-block; *zoom: 1; *display: inline; padding: .75em 1.75em; border: 1px solid #e3e3e3; color: #919191; font-size: 14px; background: #fff; text-transform: uppercase; }
a.btn span { background: url(images/arrow-right.png) right center no-repeat; padding-right: 2em; }
a.btn:hover {
	color: #730a0f;
    border-color: #730a0f;
}
span.btn{ display: inline-block; *zoom: 1; *display: inline; padding: .75em 1.75em; border: 1px solid #e3e3e3; color: #919191; font-size: 14px; background: #fff; text-transform: uppercase;}

a.btn {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

/* - Header - */

.mobile-icon-phone { position: absolute; right: 5em; top: 2.1em; width: 17px; display: none; }

header { /*height: 92px;*/ height:0; position: fixed; left: 0; z-index: 100;
	-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.1);
	box-shadow: 0 0 0 0 rgba(0,0,0,.1);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.not-home header{ height: 92px;}

header .logo { display: block; float: left; margin-left: 1.75em; background: url(images/logo-white.png) no-repeat; background-size:contain;  width: 120px; height: 42px; margin-top: 1.6em; }
header .open-menu { float: right; padding-right: 1.75em;  cursor: pointer; padding-top: 2.1em; padding-bottom: 2.1em; }
header .open-menu span { font-weight: 700; text-transform: uppercase; padding-right: 2.5em; color: #282828; background: url(images/hamburger-grey.png) right center no-repeat; background-repeat: no-repeat !important; }

body.alternative header .open-menu.active span,
header .open-menu.active span { background-image: url(images/close.png); }

body.alternative header .open-menu span,
body.menu-visible header .open-menu span { color: #282828; }

header.white .open-menu span { background-image: url(images/hamburger-grey.png); }
header.white .open-menu span { color: #282828; }
header.white .open-menu.active span { background-image: url(images/close.png); z-index:99999; }
header.white .logo { background: url(images/logo.png) no-repeat; background-size:contain; }

/* - Slider - */

#bg,
.bx-viewport,
.bx-wrapper {
    position: fixed;
    z-index: 5;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
}
.single-post.not-full .bx-wrapper {
	 width:75%;
 }
#slides,
.bx-viewport .slide {
    height: 100%;
}
#bg,
.bx-viewport .slide {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* - - */

.aside { background-color: rgba(255,255,255,.85); width: 25%; padding: 10em 3.5em 3.5em; border-left: 1px solid #efefef; overflow: scroll;}
nav.aside{ width:25%; }

.nav-bumper{ position: absolute; width: 100px; height: 100%; left: -101px; top: 0; z-index: 999; }

.nav-area { position: fixed; right: 0; top: 0; bottom: 0; width: 100px; z-index: 70;  }

.single-project.feautured .aside.visible,
nav.visible { right: 0; }
.single-project.feautured .aside,
nav { position: fixed; right: -100%; top: 0; bottom: 0; z-index: 75;
	-webkit-transition: right 300ms ease;
	-moz-transition: right 300ms ease;
	-ms-transition: right 300ms ease;
	-o-transition: right 300ms ease;
	transition: right 300ms ease;
}
nav.aside { padding-bottom: 13.5em; background:#fff; /*border-left:100px solid transparent;*/  background-clip: padding-box !important; }
.home nav.aside { background: rgba(255,255,255,.85); }
nav li a:visited,
nav li a { color: #919191; }
nav li a { font-size: 20px; text-transform: uppercase; }
nav li.current-menu-item > a:visited,
nav li.current-menu-item > a { color: #282828; }
nav li a:hover { color: #ab0f17; }
nav li + li { margin-top: 1.25em; }

nav li .sub-menu{ margin-left:10px;}
nav li .sub-menu li{ margin-top: 10px}
nav li .sub-menu li a{ font-size: 16px;}
nav li .sub-menu li a:hover { color: #ab0f17; }

nav .bottom { position: absolute; left: auto; bottom: -200px; }
@media screen and (max-width: 768px) {
	nav .bottom { bottom: 0; }
}
nav .bottom .facebook,
nav .bottom .twitter,
nav .bottom .youtube,
nav .bottom .instagram { display: block; float: left; background-repeat: no-repeat; width: 40px; height: 40px; }
nav .bottom .twitter,
nav .bottom .youtube,
nav .bottom .instagram { margin-left: .75em; }
nav .bottom .facebook { background-image: url(images/facebook.jpg) }
nav .bottom .twitter { background-image: url(images/twitter.jpg) }
nav .bottom .instagram { background-image: url(images/instagram.jpg) }
nav .bottom .youtube { background-image: url(images/youtube.jpg) }
/* nav .bottom p { margin: 0; padding-top: 2em; padding-bottom: 3em; } */
nav .bottom a:visited,
nav .bottom a { color: #ab0f17 }

/* - - */

.container article { padding: 9em 3.5em 3.5em; }

.page-title { padding-bottom: 2.5em; }
.page-title span { color: #919191; font-size: 14px; text-transform: uppercase; letter-spacing: .35em; }

/* - Projects - */

.mix { display: none; }

.projects { padding: 102px 10px 10px; overflow: hidden; background-color: /*#f8f8f8*/ #FFF; }
.projects .block { width: 33.3%; float: left; height: 310px; position: relative; z-index: 5; overflow:hidden; background-color: /*#f8f8f8*/ #FFF;}
.projects .block .inner {  background-color: #eee; background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; }
.projects .block:hover { z-index: 10; }
.projects .block:hover .content { opacity:1; bottom:0; }
.projects .block .content { position:absolute; width:100%; background-color: rgba(255,255,255,.8); text-align:center; bottom:-25%; opacity:0;
transition:all 0.5s; }
.projects .block .content .ub:visited { color: #282828; }
.projects .block .content .ub { display: block; font-size: 26px; color: #282828; line-height:1.5; }
.projects .block .content .location { font-size: 17px; line-height:17px; color: #919191; /* text-transform: uppercase; */ letter-spacing: .25em; display: block; }
.projects .block .content .btn { margin-top: 2.5em; }
.projects .block .content-inner { padding:10px; }

.filter-open-menu {display: none;}
.page-id-11 .submenu-open-menu, .parent-pageid-11 .submenu-open-menu {display: none;}
.filter-wrapper { float: left; margin: 1.25em 0 0 2.5em; position: relative; overflow: hidden; width: 940px; top: 5px;}
.filter-wrapper span { float: left; color: #919191; border: 1px solid #c9c9c9; padding: 1em 0.75em; font-weight: 700; font-size: 12px; background: #fff; text-transform: uppercase; cursor: pointer;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.filter-wrapper span[data-filter="all"] { padding-left: 3.5em; background: url(images/all.png) 1em center no-repeat }
.filter-wrapper span + span { margin-left: .75em; }
.filter-wrapper span.default-active,
.filter-wrapper span.active,
.filter-wrapper span:hover { color: #730a0f; border-color: #730a0f; }
.filter-wrapper span[data-filter="all"].active,
.filter-wrapper span[data-filter="all"]:hover { background-image: url(images/all-active.png); }

.filter-wrapper .default-filter { padding-left: 3.5em; background: url(images/all.png) 1em center no-repeat }
.filter-wrapper .default-filter.active,
.filter-wrapper .default-filter.default-active { background-image: url(images/all-active.png); }

.filter-wrapper .back { float: left; margin: 1em 1.75em 0 0 }
.filter-wrapper .sub-filter { position: absolute; left: 0; right: 0; bottom: 100%; background-color: #fff; z-index: 10;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.filter-wrapper .sub-filter.active { bottom: 0; }

/* - - */

.single-project { height: 100%; position: relative; /* z-index: 25; */ }
.single-project .info { width: 40px; height: 40px; background: url(images/info.png) no-repeat; cursor: pointer; position: absolute; right: 1.25em; top: 130px; margin-top: 1.5em; z-index: 74;
  -webkit-transition: right 300ms ease;
	-moz-transition: right 300ms ease;
	-ms-transition: right 300ms ease;
	-o-transition: right 300ms ease;
	transition: right 300ms ease;
}
.logged-in .single-project .info {top: 100px;}
.single-project .info.move { /* margin-right: 440px; */ display: none; }

.logged-in .single-project .go_back {top: 170px;}
.single-project .go_back { width: 40px; height: 40px; background:rgba(50,50,50,0.8); cursor: pointer; position: absolute; right: 1.25em; top: 200px; z-index: 74; text-align:center; }
.single-project .go_back i { color:#fff; font-size:20px; line-height:40px; }

.single-project .cross{ background-image: url(images/close.png); width: 21px;height: 21px; cursor: pointer; position: absolute; top: 130px; margin-top: -0.5em; border: solid 10px #fff; box-sizing: content-box; background-color: #fff; right: 0; margin: 25px 4px 20px 20px;}
.single-project .cross.close{ }
.single-project .aside {  }

.single-project.alt .table-cell,
.single-project.alt .table-row { vertical-align: top; }
.single-project.alt .aside { padding-top: 5.5em; }

.single-project.alt .block { display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.single-project.alt .col-1 { width: 75%; float: left; }
.single-project.alt .col-2 { width: 25%; float: right; }
.single-project.alt .col-1 .block { width: 50%; }
.single-project.alt .col-1 .block-1,
.single-project.alt .col-1 .block-4 { height: 330px; }
.single-project.alt .col-1 .block-2,
.single-project.alt .col-1 .block-3 { height: 560px; }
.single-project.alt .col-2 .block { height: 222.5px; }
.single-project.alt .col-1 .block-1 { float: left; }
.single-project.alt .col-1 .block-2 { float: right; }
.single-project.alt .col-1 .block-3 { float: left; }
.single-project.alt .col-1 .block-4 { float: right; }

a.back:visited { color: #919191; }
a.back { display: block; font-size: 14px; color: #919191; text-transform: uppercase; background: url(images/arrow-left.png) left center no-repeat; padding-left: 2em; margin-bottom: 2.5em; margin-top: 2.5em;}

.pager-wrapper { text-align: center; position: fixed; bottom:-175px; left: 0; right: 0; z-index: 100;
	-webkit-transition: bottom 300ms ease;
	-moz-transition: bottom 300ms ease;
	-ms-transition: bottom 300ms ease;
	-o-transition: bottom 300ms ease;
	transition: bottom 300ms ease;
}
.pager-wrapper .pager-item { display: inline-block; *zoom: 1; *display: inline; vertical-align: top; }
.pager-wrapper.visible { bottom: 0; }

.pager-large { background-color: rgba(248,248,248,.9); height: 175px; padding-top: 10px; border-top: 1px solid #efefef; }
.pager-large a img { display: block; opacity: .5;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.pager-large .inner { font-size: 0 }
#volgende {position: absolute; bottom: 0px; right: 10px;}
.pager-large a:hover img { opacity: 1; }

.pager-small { font-size: 0; height: 30px; }
.pager-small a { height: 13px; width: 13px; border-radius: 50%; background-color: rgba(0,0,0,0.5); }
.pager-small a:hover,
.pager-small a.active { background-color: rgba(255,255,255,1) }
.pager-small a + a { margin-left: 7px; }

.owl-carousel-wrapper { width: 880px; margin-left: auto; margin-right: auto; }

.pager-wrapper .back { position: absolute; z-index: 25; left: 2.5em; bottom: 5.5em; margin-bottom: 0;  }

/* - Medewerkers - */
.employees { width: 75%; padding:15px; /* padding-top: 110px; */ top: 92px; left: 0; overflow: scroll; background-color: #fff; position:fixed; z-index:6; bottom:0; }
.employees article { width:33.33%; padding:10px; float:left; }
.employees article .img { width:100%; padding-top:80%; overflow:hidden; position:relative; }
.employees article .caption { background-color: #fff; /* position: absolute; bottom: 0; left: 0; right: 0; */ color: #282828; padding:20px; text-align:center; -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
.employees article .caption h3 { color: #282828; margin:0; }
.employees article .caption p { margin:-7px 0 0 0; }
.employees article:hover .caption { bottom:0; }

/* - Actueel - */
.actueel { padding:15px; padding-top: 110px; overflow: hidden; background-color: /* #f8f8f8 */ #FFF; position:relative; z-index:6; }
.actueel article { width:25%; padding:10px; float:left; }
.actueel article .inner { background:#fff; border:1px solid #e3e3e3; }
.actueel article:hover .inner { -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,.1); box-shadow: 0 0 5px 2px rgba(0,0,0,.1); }
.actueel article .img { width:100%; padding-top:60%; }
.actueel article .caption { padding:20px 25px; min-height:170px; position:relative; }
.actueel article:hover .caption h3 { color:#ab0f17; font-size:24px; }
.actueel article .caption time { font-size:12px; text-transform:uppercase; color:#919191; }
.actueel article .caption .target { position:absolute; color:#fff; background:#730a0f; padding:2px 10px; left:0; top:-25px; font-size:14px; }
.actueel article .caption .target i { margin-right:5px; }
.actueel article:hover .caption .more { color:#282828; }

.social-masonry .grid-sizer { width:25%; }

.actueel .loadOrEnd { float:left; width:100%; text-align:center; padding:60px; }
.actueel .loadOrEnd > p { font-size:20px; padding:0 30px; }
.actueel #load-more { line-height:48px; padding:0 20px;  background:#fff; border:1px solid #e3e3e3; text-transform:uppercase; display:inline-block; font-size:14px; color:#919191; }

.single-bericht .container {  }
.single-bericht .container time { text-transform:uppercase; font-size:14px; color:#919191; letter-spacing:3px; }


.page-template-template-medewerkers #bg {display: none;}

.pager-wrapper .owl-buttons .owl-prev, .pager-wrapper .owl-buttons .owl-next {background:#919191; width: 40px; height: 40px; font-size: 13px; top:50%; margin-top:-20px; position: absolute; color:#fff;}
.pager-wrapper .owl-buttons .owl-next {right:0px;}
/* - Owl - */

/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* - Forms - */

form textarea,
form input[type="password"],
form input[type="text"],
form input[type="tel"],
form input[type="email"] { border-radius: 2px; -webkit-appearance: none; border: 1px solid #e1e1e5; padding: .5em 1em; background: #f9f9fb; }

form input[type="submit"] { border-radius: 2px; -webkit-appearance: none; color: #333; background: #EBEBEB; border: 1px solid #ADADAD; border-radius: 2px; }
form input[type="submit"]:hover {  }

::-webkit-input-placeholder { color: #9f9fa0; }
:-moz-placeholder { color: #9f9fa0; }
::-moz-placeholder { color: #9f9fa0; }
:-ms-input-placeholder { color: #9f9fa0; }

form .wpcf7-not-valid-tip  { border-radius: 2px; border: 1px solid #EED3D7; background: #FFECEC; color: #A37878; font-size: 14px; line-height: 1.5; padding: 7px 14px; margin-top: 14px; }
form .wpcf7-validation-errors { border-radius: 2px; border: 1px solid #FBEED5; background: #FCF8E3; color: #C09853; font-size: 14px; line-height: 1.5; padding: 7px 14px; margin: 14px 0; }
form .wpcf7-mail-sent-ok { border-radius: 2px; border: 1px solid #D6E9C6; background: #DFF0D8; font-size: 14px; line-height: 1.5; padding: 7px 14px; margin: 14px 0; color: #7A866F; }

.wpcf7 td { padding: .5em 1em .5em 0 }
.wpcf7 h3 { margin: .75em 0 1em; }
.wpcf7 h4 { margin: .75em 0 .5em }
.wpcf7-list-item { display: block; padding: .25em 0; margin-left: 0 !important; }

/* - - */


/* ****************** */
.header-sub-menu{ float: left; margin: 2em 0 0 2.5em; }
.header-sub-menu ul li{ display: inline-block; margin-left: .75em;}
.header-sub-menu ul li:first-child{ margin-left: 0;}
.header-sub-menu ul li a{ color: #919191; border: 1px solid #c9c9c9; padding: 1em 1.75em; font-weight: 700; font-size: 12px; background: #fff; text-transform: uppercase;cursor: pointer;}
.header-sub-menu ul li a:hover{ color: #730a0f; border-color: #730a0f;}
.header-sub-menu #submenu-active{ color: #730a0f; border-color: #730a0f;}

div.page{ position: relative;}
div.page .aside.content{ background-color: rgba(255,255,255,.85); right: 0; position: fixed; top: 0; bottom: 0; z-index: 75; padding-top: 10em; width: 25%;}

body.page header.band .open-menu span { background-image: url(images/hamburger-grey.png); }
body.page header.band .open-menu span { color: #282828; }
body.page header.band .open-menu.active span { background-image: url(images/close.png); }
body.page header.band .logo { background: url(images/logo.png) no-repeat; background-size:contain; }
body.page header.band .logo, body.single header.band .logo { background: url(images/logo.png) no-repeat center; background-size:contain; }


/* ****************** */



.single-post .nav-area{ display: none;}

.bx-controls{
	position: relative;
	float: left;
	bottom: 50%;
	width: 100%;
/* 	max-width: 1170px; */
	z-index: 9999;
}

.bx-prev, .bx-next{
	color: #fff!important;
	position: absolute;
/*
	opacity: 0.4;
	filter: alpha(opacity=40);
*/
}

.bx-prev:hover, .bx-next:hover{
/*
	opacity: 1;
	filter: alpha(opacity=100);
*/
}

.bx-prev{
	width: 32px;
	left: 10px;
}

.bx-next{
	right: 2px;
	width: 32px;
}

/* - Route page - */
.contact-info{ background-color: #969696; padding: 20px; margin-bottom: 1.75em;}
.contact-info span{ color: #fff; display: block;}
.contact-info .left{ display: inline-block;}
.contact-info .right{ display: inline-block; /* margin-left: 50px; */}
.contact-title{ font-weight: bold;}

/* - Google maps - */
.acf-map {
	width: 100%;
	height: 200px;
	border: #ccc solid 1px;
	margin: 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

.page-template-template-medewerkers header,
.page-template-template-social header,
.page-template-template-actueel header,
.category-projecten header { background:#fff; }

@media( min-width: 1400px ) {
	.projects .block { width: 25%; height: 350px; }

}

@media( min-width: 2000px ) {
	.projects .block { width: 20%; height: 380px; }
}

@media (min-width: 1500px) {
	.employees article { width:33.33% !important; }

}

@media (max-width: 1400px) {
	div.page .aside.content{ width: 30% ;}
	nav.aside {width:30%;}
	.table-cell.aside {width:30%;}
	.employees{ width: 70%;}
	a.back {font-size: 12px;}
	.header-sub-menu ul li { font-size:10px; }
	.header-sub-menu ul li a { font-size: 10px; padding: 1em 0.65em; }
	.single-project.alt .col-1,
	.single-project.alt .col-2 {width:100%;}
	.single-project.alt .col-2 a {width:50%; float: left;}

	.pager-wrapper .back { display: none;}
  .social-masonry .grid-sizer { width:33.33%; }
  .actueel article { width:33.33%; }
  .filter-wrapper {width:820px;}
	.filter-wrapper span {font-size: 10px;    padding: 1em 0.65em;}
}



@media( max-width: 1180px ) and ( min-width: 768px ) {
  /*.filter-wrapper{ position: absolute; margin: 5.7em 0 0 0; background-color: #fff; width: 100%; padding-left: 2.5em; padding-bottom: 1em;}
  .filter-wrapper .sub-filter.active{ padding-left: 2.5em;}

  .aside{ padding: 11em 1em 3.5em;}
  .projects{ padding-top: 140px;}*/

}
@media( max-width: 1200px ) {

.filter-wrapper {width:580px;}
.filter-wrapper .span { font-size: 10px; padding: 1em 0.45em;}

.filter-wrapper .sub-filter span {font-size: 9px;}
.filter-wrapper .sub-filter { padding: 3px 0;}

.projects .block .content .ub { font-size:20px; }

nav.aside { width:35%; }
.table-cell.aside {width:35%;}
}


@media (min-width:768px ) and ( max-width: 1024px ) {
	.filter-wrapper { margin:1.25em 0 0 1.25em; width:660px; }
	.filter-wrapper .sub-filter a.back { padding-left:0; background-position:center bottom; padding-bottom:10px; margin:0 1em 0 0; position:relative; top:8px; }
	.filter-wrapper .default-filter{ background-size:15px 15px; }
}


@media( max-width: 1023px ) {
	.page-id-11 .header-sub-menu, .parent-pageid-11 .header-sub-menu { display: none; position: absolute; margin: 0; top: 92px; background: #fff; left:0; right:0; }
	.page-id-11 .header-sub-menu li, .parent-pageid-11 .header-sub-menu li { width:100%;margin-left:0 !important; }
	.page-id-11 .header-sub-menu li a, .parent-pageid-11 .header-sub-menu li a { display:block; width:100%; }
	.page-id-11 .header-sub-menu.social, .parent-pageid-11 .header-sub-menu.social { display: block;}

	.page-id-11 .submenu-open-menu, .parent-pageid-11 .submenu-open-menu {display: block; position: absolute;top: 35px; left: 180px; cursor: pointer; opacity: 1 !important; font-weight: bold; }
}


@media(max-width: 1010px) {
	/* .employees article { width:25%; } */
	.actueel article { width:50%; }
	.social-masonry .grid-sizer { width:50%; }

	.projects .block .content { opacity:1; bottom:0; }
}

@media(max-width: 1010px) {
	 .filter-wrapper {display: none;}
	 .filter-wrapper span{ font-size: 10px; padding: 1em 5.75em; width: 100%;}
  .filter-wrapper { margin: 5.4em 0 0 0; background-color: #fff;  width:250px; position:absolute; }
  .filter-wrapper span + span{ margin: 0 ;}
  .filter-wrapper span[data-filter="all"]{ background: url(images/all.png) 2.75em center no-repeat; padding-left: 5.75em;}
  .filter-wrapper .default-filter{ padding-left: 5.75em; background: url(images/all.png) 2.75em center no-repeat;}
  .filter-wrapper .back{ margin: 1em 1.75em 0 30px;}
  .filter-open-menu {display: block; position: absolute;top: 35px; left: 180px; cursor: pointer; opacity: 1 !important; font-weight: bold; }
  .filter-wrapper .sub-filter { height:100%; }
}


@media(min-width: 1010px) {
	.filter-wrapper {display: inline-block!important;}
}
@media(max-width: 850px) {
	.employees article { width:33.33%; }

	div.page .aside.content{ width: 50% ; padding-top:10em;}

	.employees{ width: 50%; padding-top:3em;}

	.employees article{ width: 100%;}

	header { height:92px; }
}

@media( max-width: 768px ) {
	.filter-wrapper { position: absolute;  width:100%; }


  header.band { background-color: #fff; }
	  .home header.band { background:transparent; }

  .nav-area {display: none;}
  header.band .open-menu span { background-image: url(images/hamburger-grey.png); }
  header.band .open-menu span { color: #282828; }
  header.band .open-menu.active span { background-image: url(images/close.png); }
  header.band .logo { background: url(images/logo.png) no-repeat center; background-size:contain; }

  nav.aside.visible { width: 100%; text-align: center; padding: 17em 1em 3.5em; overflow: scroll; padding-top: 120px; }

	.page-template-template-actueel .header-sub-menu,
	.page-template-template-social .header-sub-menu { display:block; width:100%; margin:5.8em 0 0 0; background-color:#fff; position:absolute; text-align:center; height:55px; }
	.page-template-template-actueel .header-sub-menu ul,
	.page-template-template-social .header-sub-menu ul { width:100%; }
	.page-template-template-actueel .header-sub-menu li,
	.page-template-template-social .header-sub-menu li { display:inline-block; }
	.social-masonry { margin-top:45px; }

  nav .bottom { margin-top: 30px; position: relative; margin-top: 50px; text-align:center; }
  nav .bottom .facebook,
  nav .bottom .twitter,
  nav .bottom .youtube,
  nav .bottom .instagram { display:inline-block; float:none; }


  .projects{padding-top: 100px;}

  .projects .block{ width: 50%;}


  nav li a{ font-size: 24px;}
  nav li .sub-menu li a{ font-size: 22px;}

  .single-project .cross{ right: 0; margin: 20px;}

  .contact-info .right{ display: block; margin: 0; margin-top: 20px;}

}

@media(max-width: 650px) {
	.actueel article { width:50%; }
}

@media (min-width:768px) and (max-width: 1010px){
	.filter-wrapper {
	    width: 50%;
	    margin-left: 180px;
    }
}

@media(max-width: 650px) {
	.employees article { width:50%; }

	div.page .aside.content{ width: 100% ; position:relative; padding-top:150px; }
	.employees{ width: 100%; position:relative; padding-top:0;}

	header.band .logo { width:80px; }
	.filter-open-menu { left:130px; }
	.page-id-11 .submenu-open-menu, .parent-pageid-11 .submenu-open-menu { left:130px; }
	.table-cell.aside {width:100%; float: left; overflow: hidden; }
	.single-project.alt .table-cell.grid {width:100%; float: left;}
}

@media( max-width: 480px ) {

	.mobile-icon-phone { display: block; }

	.submenu-open-menu,
	.filter-open-menu { font-size:14px; max-width:60px; line-height:1; margin-top:-2px; }

	.page-template-template-actueel .header-sub-menu,
	.page-template-template-social .header-sub-menu { margin:5.6em 0 0 0; }
	.actueel article { width:100%; }

  .projects .block{ width: 100%;}

  .single-project.feautured .aside.visible{ width: auto; padding: 9em 1.5em 3.5em; max-height: 100%;
    overflow: auto;}

	.employees article { width:100%; }

	.open-menu > span { height: 21px; width: 21px; overflow: hidden; display: block; font-size: 0px; }
}