html,
body { height:100%; padding: 0; margin: 0; color: #000000; }

body { font-size: 13px; font-family: HelveticaNeueLT-Roman; }

a:hover { text-decoration: none; }

h1,h2,h3,h4,h5 { font-family: HelveticaNeueLT-Roman; }

/*****
	Tools
*****/

.equal,
.equal > div[class*='span']{display:-webkit-box;display:-webkit-flex;display:flex;flex:1 0 auto}

/*****
	Global elements
*****/

.page-header { padding: 0; margin: 0; height: 80px; border: none; }
.page-header h2 { padding: 18px 0 0 0; margin: 0; font-family: HelveticaNeueLTStd-Bd; font-size: 17px; font-size: 1.4vw; }

.container-fluid-outer { max-width: 1400px; margin: 0 auto; }

/*****
	Layout
*****/

.wrapper { min-width: 996px; min-height: 100%; }
.wrapper .main-container { padding-bottom: 80px; }
.wrapper .main-container .main {  }

/* HEADER */

header.pageheader { height: 80px; }
header.pageheader h1.logo { padding: 20px 0 0 0; margin: 0; }
header.pageheader h1.logo a { display: block; width: 65%; }

/* mainmenu -  Joomla menu */

.mainmenu ul.nav > li {  }
.mainmenu ul.nav > li.item-101 { display: none; }
.mainmenu ul.nav > li.item-119 { margin-bottom: 18px; }
.mainmenu ul.nav > li.active > a { color: #000000; }
.mainmenu ul.nav > li > ul.nav-child { padding: 0; margin: 2px 0 0 0; list-style-type: none; }
.mainmenu ul.nav > li > ul.nav-child > li > a { color: #B1B3B4; font-size: 13px; font-weight: normal;  }
.mainmenu ul.nav > li > ul.nav-child > li > a:hover,
.mainmenu ul.nav > li > ul.nav-child > li.active > a { color: #000000; }

.mainmenu ul.nav > li > ul.nav-child > li > ul.nav-child { padding: 0 0 0 14px; list-style-type: none; }
.mainmenu ul.nav > li > ul.nav-child > li > ul.nav-child > li > a { color: #B1B3B4; font-size: 13px; font-weight: normal; }
.mainmenu ul.nav > li > ul.nav-child > li > ul.nav-child > li > a:hover,
.mainmenu ul.nav > li > ul.nav-child > li > ul.nav-child > li.active > a { color: #000000; }

/* categorymenu -  Joomla menu */

.categorymenu { display: none; margin: 2px 0; }

.categorymenu-subject {  }	
.categorymenu-type { margin-top: 10px !important; }

.categorymenu-switch .nav > li > a { color: #B1B3B4; font-size: 13px; font-family: HelveticaNeueLTStd-Bd; font-weight: normal; }
.categorymenu-switch .nav > li > a:hover { color: #FFF; text-decoration: none; }
body.com-zoo .categorymenu-switch .nav > li { display: none; }

.categorymenu .nav > li.active > a { color: #000000; }

/* categoriesmenu -  ZOO categories */


body.com-zoo .categorymenu { display: block; }

.categoriesmenu .nav > li > a { color: #B1B3B4; font-size: 13px; font-family: HelveticaNeueLT-Roman; font-weight: normal; }
.categoriesmenu .nav > li > a:hover,
.categoriesmenu .nav > li.active > a { color: #000000; }

/* languagemenu -  ZOO categories */

.languagemenu { height: 80px; }


/* FOOTER */

.pagefooter { padding: 18px 0 12px; background: #ffffff; }
body.com-zoo .pagefooter { background: #000000; }
.pagefooter * { color: #000000 !important; }
body.com-zoo .pagefooter * { color: #ffffff !important; }

.pagefooter .pagefooter-inner { position: relative; }
.pagefooter .toplink { position: absolute; right: 0; top: -48px; }
.pagefooter .toplink a { color: #b1b2b4; }
.pagefooter .toplink a:hover { text-decoration: underline; }

.pagefooter .module .title h4 { margin: 0 0 14px 0; color: #000; font-size: 13px; font-family: HelveticaNeueLTStd-Bd; }

.module-footer-footermenu .nav > li { margin-bottom: 3px; }
.module-footer-footermenu .nav > li > a { color: #FFF; font-family: HelveticaNeueLT-Roman; font-weight: normal; }
.module-footer-footermenu .nav > li > a:hover { text-decoration: underline; }
.module-footer-footermenu .nav > li.divider { height: 20px; }
.module-footer-footermenu .nav > li.divider span.separator { display: none; }

.module-footer-links .weblinks { padding: 0; margin: 0; list-style-type: none; }
.module-footer-links .weblinks .col { padding-left: 0; }
.module-footer-links .weblinks .col .weblink { margin-bottom: 3px; }
.module-footer-links .weblinks .col .weblink a {  }
.module-footer-links .weblinks .col .weblink a:hover,
.module-footer-links .weblinks .col .weblink a:focus { color: #FFFFFF; text-decoration: underline; }

.weblinks-socialmedia { margin: 20px 0; }
.weblinks-socialmedia .weblink { display: inline-block; margin-right: 6px; }
.weblinks-socialmedia .weblink a {  }

.module-footer-wan .image img { width: 150px; margin: 0 0 14px -4px;  }

/*****
	SIDEBAR
*****/

.sidebar {  }
.sidebar .module {  }

.sidebar-post {  }


/*****
	PAGE SPECIFIC
*****/

/* homepage */

body.home h1.logo { z-index: 10; position: absolute; top: 20px; left: 16px; width: 10%; padding: 0; margin: 0; }
body.home h1.logo a {  }
body.home .wrapper a { display: block; min-height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

body.home .homefullscreen { position: fixed; width: 100%; height: 100%; }


/*****
	COMPONENT SPECIFIC
*****/

/** Joomla - articles **/

.com-content .article .contents { padding-right: 50%; }

/**	ZOO - project category **/

.zoo-projecten .categories .row { margin-bottom: 30px; }
.zoo-projecten .subcategories .row { margin-bottom: 24px; }

.zoo-projecten .item .image {  }
.zoo-projecten .item .title h4 { margin-bottom: 0; }
.zoo-projecten .item .title h4 a { color: #B1B3B4; font-size: 14px; font-family: HelveticaNeueLTStd-Bd; }
.zoo-projecten .item .title h4 a:hover,
.zoo-projecten .item:hover .title h4 a { color: #000000; text-decoration: none; }
.zoo-projecten .item .author a { color: #B1B3B4; font-size: 13px; }
.zoo-projecten .item .author a:hover,
.zoo-projecten .item:hover .author a { color: #000000; text-decoration: none; }

/**	categories **/

/**	subcategories **/

.zoo-projecten .zoo-category .zoo-worksubcategories {  }

/**	ZOO - project detail **/

.zoo-projecten .zoo-workitem .image-main { margin: 0 0 0 0; }

.zoo-projecten .zoo-workitem .image-main .slick-slider .slick-slide { height: auto; }

.zoo-projecten .zoo-workitem .image-main .navbuttons { width: 100%; margin: 20px 0 0 0; text-align: right; }
.zoo-projecten .zoo-workitem .image-main .navbuttons .navbutton { cursor: pointer; display: inline-block !important; margin: 0 10px; }
.zoo-projecten .zoo-workitem .image-main .navbuttons .navbutton-next { margin-right: 0; }
.zoo-projecten .zoo-workitem .image-main .navbuttons .slick-disabled { cursor: default; }
.zoo-projecten .zoo-workitem .image-main .navbuttons .navbutton img { width: 26px; }

.zoo-projecten .zoo-workitem .image-main .navbuttons .counter { display: inline-block; vertical-align: top; color: #B1B3B4; }
.zoo-projecten .zoo-workitem .image-main .navbuttons .counter span { display: inline-block; line-height: 26px; vertical-align: top; font-size: 14px; }
.zoo-projecten .zoo-workitem .image-main .navbuttons .counter span.current { color: #000000; }
.zoo-projecten .zoo-workitem .image-main .navbuttons .counter span.total {  }

.zoo-projecten .zoo-workitem .details {  }

.zoo-projecten .zoo-workitem .details .tabs-container ul.nav-tabs { border: 0; display: block; margin: -34px 0 30px 0; }

.zoo-projecten .zoo-workitem .details .detail { padding: 0 0 20px 0; }
.zoo-projecten .zoo-workitem .details .detail .mceContentBody,
.zoo-projecten .zoo-workitem .details .detail .mceContentBody p { color: #b1b3b4; }
.zoo-projecten .zoo-workitem .details .detail-colofon .mceContentBody p { margin: 0 0 2px 0; }

.zoo-projecten .zoo-workitem .images-extra a.moreimages { cursor: pointer; display: inline-block; padding: 0; margin-bottom: 38px; color: #000000; font-size: 13px; }
.zoo-projecten .zoo-workitem .images-extra a.moreimages.collapsed { color: #000000; }
.zoo-projecten .zoo-workitem .images-extra a.moreimages:hover { color: #b1b2b4; text-decoration: none; cursor: pointer; }
.zoo-projecten .zoo-workitem .images-extra .image-extra { margin-bottom: 40px; }





/*****
	MODULE SPECIFIC
*****/

/* workitem (zooitem) */

.module-workitem { width: 100%; /*min-width: 88px;*/ }
.module-workitem ul li { display: block; width: 100%; margin: 0; }
.module-workitem ul li a.workitem { display: block; padding: 0; margin: 0; }
.module-workitem ul li a.workitem .image-container { /*width: 73px;*/ }
.module-workitem ul li a.workitem .image-container img { float: left; }
.module-workitem ul li a.workitem .image-container .image-dummy { float: left; width: 100%; height: 100px; padding: 0; margin: 0; background: #999; }

.module-workitem a.navbutton { position: absolute; bottom: -24px; cursor: pointer; margin: 2px 2px; }
.module-workitem a.navbutton i { color: #000000; font-size: 11px; }
.module-workitem a.navbutton:hover i { color: #E2001A; }
.module-workitem a.navbutton-prev { left: 0; }
.module-workitem a.navbutton-next { right: 0; }
.module-workitem a.slick-disabled { display: none !important; }