/* 		GLOBALS			*/


@import 'https://fonts.googleapis.com/css?family=Asap:400,400i,700,700i&subset=latin-ext';

/*
@font-face {
  font-family: 'Asap';
  src: url('/lib/css/fonts/asap.regular.eot'); /* IE9 Compat Modes */
  src: url('/lib/css/fonts/asap.regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/lib/css/fonts/asap.regular.woff') format('woff'), /* Modern Browsers */
       url('/lib/css/fonts/asap.regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/lib/css/fonts/asap.regular.svg#205d4d4e453b5ce0848dd9374fdd18d0') format('svg'); 
       
  font-style:   normal;
  font-weight:  400;
}*/


@font-face {
  font-family: 'Varela Round regular';
  src: url('/lib/css/fonts/VarelaRound-Regular.eot'); /* IE9 Compat Modes */
  src: url('/lib/css/fonts/VarelaRound-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/lib/css/fonts/VarelaRound-Regular.woff') format('woff'), /* Modern Browsers */
       url('/lib/css/fonts/VarelaRound-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/lib/css/fonts/VarelaRound-Regular.svg#6cd70e035cd54e11a1a3548c42ef66ff') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

html {overflow-y: scroll;margin:0px;padding:0px;width:100%;}

body {
	height:100%;
	width:100%;
	padding:0px;
	margin:0px;
	background-color:#f8f8f8;
	font-family: 'Asap';
}

a {
	text-decoration: none;
}

img {
	border:0;
}

h3.catheader {
	width:100%;
	font-size:17px;
	font-weight:normal;
	display:block;
	margin:0;
	padding:0;
	text-align: center;
	margin-top:41px;
}

h3.catheader a {
	font-weight:normal;
	display:inline-block;
	margin:0;
	padding:0;
	color:#444444;
	border-bottom: 1px solid #f8f8f8;
}

h3.catheader a:hover {
	text-decoration: none;
	border-bottom: 1px solid #555555;
	padding-bottom: 0px;
}

h3.catheader a {
	margin:0px;
}

h3.catheader a:nth-child(1){
	margin-left:0px;
}

h3.catheader a > img{
	display:inline-block;
	padding:0px;
}

img.backbutton {
	width:35px;
	height:35px;
	display:inline-block;
	margin:0px;
	padding:0px;
}

a.backbutton, a.backbutton:hover {
	text-decoration:none !important;
	border-bottom: 0 !important;
	padding-bottom: 0;
}

a.catsubheader, span.catsubheader {
	font-size:13px;
	font-weight:normal;
	display:inline-block;
	margin:0;
	padding:0;
	margin-top:25px;
	color:#444444;
	border-bottom: 1px solid #f8f8f8;
	margin-left:18px;
}

a.catsubheader:nth-child(1){
	margin-left:0px;
}

div.catsubheader {
	text-align: center;
	width:100%;
}

div.catsubheader img {
	margin:0px;
	margin-left:12px;
	display:inline-block;
	padding:0px;
}

a.catsubheader:hover {
	text-decoration: none;
	border-bottom: 1px solid #555555;
	padding-bottom: 0px;
}

/* 		MENU			*/

div.menu_hamburger {
	position:absolute;
	right:0px;
	top:0px;
}

div.menu_hamburger > img {
	width: 43px;
	height: 34px;
	margin-right:16px;
	margin-top:34px;
	cursor: pointer;
}

div.menu_hamburger > span {
	
	display:inline-block;
	margin-right:8px;
	font-size: 14px;
	font-family: 'Varela Round regular';
	
}

div.main_menu {
	display:none;
	position:absolute;
	right:0px;
	top:0px;
	width:320px;
	height:100%;
	background-color:#ffffff;
	z-index:1000000;
	
}

div.main_menu > div.close_menu {
	position:absolute;
	left:259px;
	top:34px;
	cursor: pointer;
}

div.main_menu > div.search_button {
	position:absolute;
	left:231px;
	top:78px;
	cursor: pointer;
}


div.social {
	margin-top:42px;
}


div.social > a {
	margin-right:8px !important;
	display:inline-block !important;
}

div.social > a > img {
	width:24px;
	height:24px;
	padding-right:8px;
	display:inline-block;
}

div.search_stripe {
	position:absolute;
	left:28px;
	top:107px;
	width:200px;
	height:1px;
	background-color:#cccccc;
}

div.search_input {
	position:absolute;
	left:27px;
	top:87px;
	width:190px;
}

input.search_input {
	background: transparent;
	border-top: transparent !important;
	border-left: transparent !important;
	border-right: transparent !important;
	border-bottom: 0px solid !important;
	width:190px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	box-shadow: none;
	outline: none;
	font-size:14px;
	color:#444444;
}

div.menu_homebutton {
	position:absolute;
	left:28px;
	top:138px;
}

div.homebutton_stripe {
	position:absolute;
	left:28px;
	top:155px;
	width:200px;
	height:1px;
	background-color:#666666;
}


div.menu_items {
	position:absolute;
	left:28px;
	top:161px;
	text-transform: lowercase;
}




div.menu_items > ul.main {
	margin:0;
	padding:0;
	list-style-type: none;
	font-size:17px;
	line-height:24px;
	font-family: 'Asap';
}

div.menu_items > ul.main a {
	color:#222222;
}

div.menu_items > ul.main > li > ul.sub {

	margin:0;

	/*Odile*/
	margin-bottom:10px;
	/*Eind*/
	
	padding:0;
	padding-left:10px;
	list-style-type: none;
	font-size:13px;
	line-height:20px;
	font-family: 'Asap';
}

div.menu_items > ul.main > li > ul.sub a {
	color:#444444;
}

div.menu_items a {
	text-decoration:none;
	position: relative;
}

div.menu_items a:hover:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    border-width: 0 0 1px;
    border-style: solid;
    color:#000000;
}

a.activeMenu:after {
	content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    border-width: 0 0 1px;
    border-style: solid; }

/* 		CONTENT			*/


video::-webkit-media-controls-fullscreen-button {
    display: none;
}

img.img_grayscale {
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}

.tile {
	padding-bottom:20px;
}

div.imgTitle {
	color:#000000;
	background-color:#f8f8f8;
	position:absolute;
	bottom:28px;
	right:0px;
	padding:4px 5px 5px 6px;
	font-size:11px;
	display:none;
}

span.projecttitle {
	color:#444444;
}

/* 		NEWS			*/


.news {
    -webkit-column-width: 285px;
       -moz-column-width: 285px;
            column-width: 285px;
    -webkit-column-gap: 36px; /* Chrome, Safari, Opera */
    -moz-column-gap: 36px; /* Firefox */
    column-gap: 36px;
    height:446px;
    padding-bottom:0px;
}

.newsitem {
	font-family: 'Asap';
	break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    
}



.news .newsitem h3 {
	margin:0px;
	padding:0px;
	color:#000000;
	font-size:17px;
	line-height:21px;
	margin-bottom:4px;
	font-weight:normal;
	
}

.news .newsitem h4 {
	margin:0px;
	padding:0px;
	color:#000000;
	line-height:21px;
	font-weight:normal;
	font-size: 11px;
}

.news .newsitem p {
	margin:0px;
	padding:0px;
	font-size: 13px;
	color:#555555;
	line-height:20px;
}

.news .newsitem a {
	text-decoration: none;
	color:#555555;
	border-bottom: 1px solid #555555;
	padding-bottom: 0px;
}


.news .newsitem img {
	margin:0px;
	padding:0px;
	margin-top:8px;
	margin-bottom:16px;
	display:inline-block;
}

.news .newsitem video {
	margin:0px;
	padding:0px;
	margin-top:8px;
	margin-bottom:16px;
	display:inline-block;
}

/* 		BIOGRAPHY			*/


.biography {
     -webkit-column-width: 285px;
       -moz-column-width: 285px;
            column-width: 285px;
    -webkit-column-gap: 36px; /* Chrome, Safari, Opera */
    -moz-column-gap: 36px; /* Firefox */
    column-gap: 36px;
    height:588px;
}

.biography a{
	text-decoration: none;
	color: #555555;
	border-bottom: 1px solid #555555;
	padding-bottom: 0px;
}

.biography p {
	font-family: 'Asap';
    font-size: 13px;
	color:#555555;
	line-height:22px;
	margin-top:0px;
	margin-bottom:0px;
}

/* 		CONTACT			*/

.contact {
    -webkit-column-width: 204px;
       -moz-column-width: 204px;
            column-width: 204px;
    -webkit-column-gap: 36px; /* Chrome, Safari, Opera */
    -moz-column-gap: 36px; /* Firefox */
    column-gap: 36px;
    height:446px;
    
}

.contact p {
	font-family: 'Asap';
	break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    font-size: 12px;
	color:#555555;
	line-height:18px;
	margin-top:0px;
	margin-bottom:0px;
}


.contact a {
	text-decoration: none;
	color:#555555;
}

.contact a:hover {
	color:#555555;
	border-bottom: 1px solid #555555;
	padding-bottom: 0px;
}

/* 		COLLECTIONS			*/

.collections {
    -webkit-column-width: 204px;
       -moz-column-width: 204px;
            column-width: 204px;
    -webkit-column-gap: 36px; /* Chrome, Safari, Opera */
    -moz-column-gap: 36px; /* Firefox */
    column-gap: 36px;
    height:579px;
    
}

.collections p {
	font-family: 'Asap';
	break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    font-size: 12px;
	line-height:18px;
	margin-top:0px;
	margin-bottom:0px;
}

.collections a {
	text-decoration: none;
	border-bottom: 1px solid #555555;
	padding-bottom: 0px;
	color:#000000;
}



/* 		EXHIBITIONS			*/

.exhibitionsPage{
	
	webkit-column-width: 460px;
       -moz-column-width: 460px;
            column-width: 460px;

  -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 0px;
    height:460px;

    padding-bottom:0px;
    
}

.exhibitionsPage h3{
	/*
	margin:0px;
	padding:0px;
	color:#000000;
	font-size:17px;
	font-weight:normal;
	line-height:36px;
	margin-bottom:10px;
	*/
	margin:0px;
	padding:0px;
	font-size:17px;
	line-height:21px;
	color: #000000;
	margin-bottom:13px;
	font-weight:normal;

}

.exhibitionsPage table{
	margin:0px;
	color:#555555;
	font-size:13px;
	
}

.exhibitionsPage table tr {
	page-break-inside: avoid;	
}

.exhibitionPageP{
	line-height:22px;
	display:block;
	font-size: 13px;
	color: #666666;
	
	margin:0px;
	padding:0px;
}


.exhibitions {
    -webkit-column-width: 820px;
       -moz-column-width: 820px;
            column-width: 820px;
    -webkit-column-gap: 76px; /* Chrome, Safari, Opera */
    -moz-column-gap: 76px; /* Firefox */
    column-gap: 76px;
    height:596px;

    
}

.exhibition {
	width:860px;
	break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    font-family: 'Asap';
    padding-bottom:52px;
}

.exhibitions img.image {
	float: left;
    clear: left;
    margin-right: 24px;
}

.exhibition h3 {
	margin:0px;
	padding:0px;
	font-size:17px;
	line-height:21px;
	color: #000000;
	margin-bottom:13px;
	font-weight:normal;
}

.exhibition span {
	line-height:22px;
	display:block;
	font-size: 11px;
	color: #666666;
}

.exhibition p {
	line-height:22px;
	display:block;
	font-size: 13px;
	color: #666666;
}

.exhibition a {
	text-decoration: none;
	border-bottom: 1px solid #555555;
	padding-bottom: 0px;
	color:#666666;
}
		
.marquee {
	background-color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	border-top:#fff solid 10px;
	border-bottom:#fff solid 10px;
	overflow:hidden;
}

.top { top: 0px; } 
.bottom { bottom: 0px; }
.left { left: 0px; }
.right { right: 0px; }




.marquee h3 {
	font-size:17px;
	padding-top:30px;
	margin: 0;
	color:#222;
	font-weight:400;
	
}

.marquee h3:first-of-type { 
	font-size:17px;
	padding: 0;
	margin: 0;
	color:#222;
	font-weight:400;
	
}

.marquee h5 { 
	font-size:11px;
	padding:0;
	margin: 0;
	color:#000;
	font-weight:400;
}

.marquee p { 
	font-size:13px;
	color:#555;
	font-weight:400;

}

.marquee p a {
 	text-decoration:none;
 	line-height:16px;
 	height:30px;
 	outline:none; 
 	color:#000000 !important; 
}

.marquee a {
	text-decoration:none !important;
	color:#000000 !important;
}

.marquee h3 a {
	text-decoration:none !important;
	color:#000000 !important;
}

.marquee a:hover {
	box-sizing: border-box;
 	outline:none;  
 	border-bottom: 1px solid #222222;
}

.marquee img {
	margin-top: 50px; 
	margin-bottom:0px;
	padding:0;
}




.b-lazy {
	-webkit-transition: opacity 100ms ease-in-out;
	   -moz-transition: opacity 100ms ease-in-out;
		 -o-transition: opacity 100ms ease-in-out;
			transition: opacity 100ms ease-in-out;
			 max-width: 100%;
			   opacity: 0;
}
.b-lazy.b-loaded {
			   opacity: 1;
}

.galleryCaption{
	position:absolute;
	right:95px;
	width:	275px;
	background-color:rgba(255,255,255,0.9);
	z-index:999999999;
	-webkit-box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.15);
	box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.15);
	display:none;
}

.galleryCaptionClose{
	float:right;
	margin-right: 16px;   
	margin-top:25px;
	cursor:pointer;
}

.galleryCaptionContent{
	padding-top:85px;
	padding-left:20px;
	padding-right:40px;
	padding-bottom:120px;
	font-family: 'Asap';
	font-size:13px;
	line-height:20px;
	color:#444444;
	
}

/*
	responsive
*/

@media only screen  and (min-device-width : 375px)  and (max-device-width : 667px) {
	
	div.main_menu {
		width:500px;
	}


	
	div.menu_hamburger > img {
		width: 86px;
		height: 68px;
	}

	div.menu_hamburger > span {
	
		margin-right:8px;
		font-size: 18px;
		
	}
	
	
	div.menu_items > ul.main {
		font-size:51px;
		line-height:72px;
	}
	
	div.menu_items > ul.main > li > ul.sub {

		padding-left:30px;
		font-size:39px;
		line-height:60px;
	}

	div.main_menu > div.close_menu {
		left:400px;
	}
	
	div.main_menu > div.close_menu > img {
		width:100px;
		height:100px;
	}


	div.main_menu > div.search_button {
		left:331px;
		top:170px;
	}
	
	div.main_menu > div.search_button > img {
		width:60px;
		height:60px;
	}

	div.search_stripe {
		left:28px;
		top:237px;
		width:300px;
		height:2px;
	}
	
	div.search_input {
		position:absolute;
		left:7px;
		top:167px;
		width:300px;
	}
	
	input.search_input {
		font-size:51px;
	}
	
	
	div.menu_items {
		left:48px;
		top:421px;
	}
	
	div.menu_homebutton {
		left:48px;
		top:308px;
	}
	
	div.menu_homebutton img { 
		width:70px;
		height:70px;
	}
	
	div.imgTitle {
		padding:12px 20px 20px 18px;
		font-size:28px !important;
	}
	
}

.commisionedFold{
	display:none;
}