@font-face {
    font-family: 'Apfel';
    src: url('../fonts/ApfelGrotezk-Regular.woff2');
}

@font-face {
    font-family: 'Apfel-Mittel';
    src: url('../fonts/ApfelGrotezk-Mittel.woff2');
}



/* TOC

1: - Reset

2: - Main Page Structure

3: - Main Nav

4: - Content Area

5: - Print styles

*/


/* 1-:-------- Reset ------------ */

	/* 
	html5doctor.com Reset Stylesheet
	v1.6.1
	Last Updated: 2010-09-17
	Author: Richard Clark - http://richclarkdesign.com 
	Twitter: @rich_clark
	*/
	
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
		margin:0;
		padding:0;
		border:0;
		outline:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}
	
	body {
		line-height:1;
	}
	
	article,aside,details,figcaption,figure,
	footer,header,hgroup,menu,nav,section { 
		display:block;
	}
	
	nav ul {
		list-style:none;
	}
	
	blockquote, q {
		quotes:none;
	}
	
	blockquote:before, blockquote:after,
	q:before, q:after {
		content:'';
		content:none;
	}
	
	a {
		margin:0;
		padding:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}
	
	/* change colours to suit your needs */
	ins {
		background-color:#ff9;
		color:#000;
		text-decoration:none;
	}
	
	/* change colours to suit your needs */
	mark {
		background-color:#ff9;
		color:#000; 
		font-style:italic;
	}
	
	del {
		text-decoration: line-through;
	}
	
	abbr[title], dfn[title] {
		border-bottom:1px dotted;
		cursor:help;
	}
	
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	
	/* change border colour to suit your needs */
	hr {
		display:block;
		height:1px;
		border:0;   
		border-top:1px solid #cccccc;
		margin:1em 0;
		padding:0;
	}
	
	input, select {
		vertical-align:middle;
	}
	
	
	/* fonts.css from the YUI Library: developer.yahoo.com/yui/
	Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages */
	body { *font-size:small; *font:x-small; line-height:1.22; }
	table { font-size:inherit; font:100%; }
	select, input, textarea { font:99% sans-serif; }

	/* maxvoltar.com/archive/-webkit-font-smoothing */
	html { 
		-webkit-font-smoothing: antialiased; 
		overflow-y:scroll;
        overflow-x:hidden;
	}
	
	/* align checkboxes, radios, text inputs with their label */
	input[type="radio"] { vertical-align: text-bottom; }
	input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
	.ie6 input { vertical-align: text-bottom; }
	
	/* hand cursor on clickable input elements */
	label, input[type=button], input[type=submit], button { cursor: pointer; }
	
	a:active {
		outline:none;
	}
	
	a img {
		border:none;
	}
	
	ul {
		list-style-type:none;
	}
	
	a {
		color:#111;
		text-decoration:none;
	}
	
	sup { 
		vertical-align: super;
		font-size: 0.6em;
        color:#244F9F;
	}

	



/* 2-:-------- Main Page Structure ------------ */


	body {
        font-family: "Apfel", Helvetica, Arial, sans-serif;
		color:#111;
		font-size-adjust:0.7;
		font-style:normal;
        font-weight: 300;
		line-height:200%;
		background: #fff;
	}

	.wrapper {
		width: 99%;
		max-width:1000px;
		margin: 0px auto;
		padding: 0;
		position:relative;
	}
		
	#header {
		width:100%;
		float:left;
		position:relative;
		margin:0;
		padding:6em 0 2.5em 0;
		z-index:11;
	}

	#content {
		width:100%;
		float:left;
		position:relative;
	}
	
	#footer {
		width:100%;
		float:left;
		position:relative;
		padding:1.4em 0 2em 0;
	}

.container {
    width:100%;
    height:100%;
    min-height:100vh;
}

.container-left, .container-right {
    width:50%;
    float:left;
    height:100%;
    min-height:100vh;
}

.container-left-content {
    position:relative;
    width:100%;
    height:100%;
    min-height:100vh;
    overflow-x: hidden;
}

.container-right-content {
    position:relative;
    width:98%;
    height:100%;
    margin:2% 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

nav {
    display: block;
}

.header {
    display: block;
    position:fixed;
    left:1%;
    top:2%;
}

.contact {
    display: block;
    position:fixed;
    left:1%;
    bottom:2%;
}



/* 3-:-------- Header ------------ */
	

	h1, h2, h3, h4, h5 {
        margin:0;
		font-style:normal;
        font-weight: normal;
        color:#111;
        line-height: 180%;
	}

	h1, h2 {
		font-size:1.5em;
	}

    h2 {
        text-indent:-10000px;
        position:absolute;
    }

    nav a {
        font-size:1.5em;
        display: block;
        line-height: 180%;
    }

	h3, h4 {
		font-size:1.2em;
	}

    h4 {
        font-family: "Apfel", Helvetica, Arial, sans-serif;
        font-weight: bold;
        margin-top:2em;
    }
	
	p {
		margin:0;
		font-size:1.2em;
		text-indent:5%;
	}

    p:first-child, div + p, h2 + p {
        text-indent: 0;
    }

    .intro p {
        text-indent:0%;
        margin-bottom:1em;
    }

    .more p {
        text-indent:0%;
        margin-bottom:1em;
        font-size: 0.9em;
        line-height: 170%;
    }

    .more .images-container {
        margin-top:2em !important;
    }

    nav .active {
        text-decoration: underline;
    }

	a {
		color:#111;
		text-decoration: none;
	}

    p a {
		color:#111;
		text-decoration: underline;
	}

    .cv p {
        margin-left:80px;
        text-indent: 0;
        position:relative;
    }

    .cv strong {
        left:-80px;
        display: block;
        position:absolute;
        font-weight: normal;
    }

    .collections p {
        margin-left:0;
    }

   .banner {
		clear:both;
        max-height:100vh;
        width:100%;
        margin:1em 0 !important;
	}

    .images-container {
		clear:both;
        width:100%;
        margin:1em 0 !important;
	}

    .images-content {
        overflow:scroll;
        width:300%;
        max-height:100vh;
        height:600px;
    }

    .banner img {
        max-height:100% !important;
        width:100%;
    }

    .images-container img {
        width:100%;
        margin-bottom:1em;
    }

    .container-right-content img {
        width:100%;
    }

    .container-right-content figure {
        margin: 1em 0;
    }

    .container-right-content .intro figure {
        margin: 2em 0 1em 0;
    }
    
    figcaption {
        font-size: 0.9em;
        line-height: 150%;
        color:#999;
    }

    .more {
        padding-top:2em;
        margin:2em 0;
        border-top:1px solid #000;
    }


/* 4-:-------- Slideshow ------------ */

.container-right-content .glider-contain img {
        width:auto;
    }

.glider-contain {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.glider {
  margin: 0 auto;
  position: relative;
  overflow-y: hidden;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  transform: translateZ(0);
  
}
.glider-track {
  transform: translateZ(0);
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  z-index: 1;
}
.glider.draggable {
  user-select: none;
  cursor: -webkit-grab;
  cursor: grab;
}
.glider.draggable .glider-slide img {
  user-select: none;
  pointer-events: none;
}
.glider.drag {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.glider-slide {
  user-select: none;
  justify-content: center;
  align-content: center;
  margin-right:1em;
}
.glider-slide img {
  max-width: 100%;
  max-height: 100vh;
}
.glider::-webkit-scrollbar {
  opacity: 0;
  height: 0;
}
.glider-prev,.glider-next {
  user-select: none;
  display: block;
  position: absolute;
  outline: none;
  background: none;
  padding: 0;
  z-index: 999;
  text-decoration: none;
  left:0;
  border: 0;
  top:0;
    width: 50%;
    height: 100%;
  cursor: url('../images/left.png'), pointer;
  color: #666;
  opacity: 1;
  line-height: 1;
  transition: opacity .5s cubic-bezier(.17,.67,.83,.67),
              color .5s cubic-bezier(.17,.67,.83,.67);
}
.glider-prev:hover,
.glider-next:hover,
.glider-prev:focus,
.glider-next:focus {
  color: #a89cc8;
}
.glider-next {
  left:50%;
}
.glider-next.disabled,
.glider-prev.disabled {
  opacity: .25;
  color: #666;
  cursor: default;
}
.glider-slide {
  min-width: 150px;
}
.glider-hide {
  opacity: 0;
}
.glider-dots {
  user-select: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
}
.glider-dot {
  border: 0;
  padding: 0;
  user-select: none;
  outline: none;
  display: block;
  cursor: pointer;
  color: #ccc;
  border-radius: 999px;
  background: #ccc;
  width: 12px;
  height: 12px;
  margin: 7px;
}
.glider-dot:hover,
.glider-dot:focus,
.glider-dot.active {
  background: #a89cc8;
}
@media(max-width: 36em){
  .glider::-webkit-scrollbar {
    opacity: 0;
    -webkit-appearance: none;
    width: 7px;
    height: 3px;
  }
  .glider::-webkit-scrollbar-thumb {
    opacity: 0;
    border-radius: 99px;
    background-color: rgba(156, 156, 156, 0.25);
    box-shadow: 0 0 1px rgba(255,255,255,.25);
  }
}

.mobile-scroll-msg { 
    display:none }


	
/* 6-:-------- Media queries ------------ */	
	
	@media only screen and (max-width: 1600px) {
	}
		
		
	@media only screen and (max-width: 1280px) {
		body {font-size:14px }
	}
	
	@media only screen and (max-width: 1024px) {
	}
	
	@media only screen and (max-width: 768px) {
        .container-left, .container-right { width:100%; height:auto; min-height: 0; float: none; }
        .container-left-content, .container-right-content { min-height: 0; position: relative}
        .container-right-content { width:98%; margin: 1%; background: #fff; z-index:1000; margin-bottom: 150px; }
        .header { position:relative;  height:150px;}
        nav a { float:left; width:50%;}
        .header h1 { float:left; width:50%; height:150px;}
		#header { padding: 4em 0 3em 0; }
        .glider { overflow-x: visible; }
        .glider-contain button { display: none; }
        .mobile-scroll-msg { display:block; position:absolute; top:30px; right:30px; width:30px; height:43px; background: no-repeat url("../images/swipe.png"); background-size: 100%; z-index:999;}
    }
	
	
	
/* 7-:-------- Print styles ------------ */

/*
* print styles
* inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
*/

	@media print {
		  * { background: transparent !important; color: #444 !important; text-shadow: none; }
		  a, a:visited { color: #444 !important; text-decoration: underline; }
		  a:after { content: " (" attr(href) ")"; }
		  abbr:after { content: " (" attr(title) ")"; }
		  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } 
		  img { page-break-inside: avoid; }
		  @page { margin: 0.5cm; }
		  p, h2, h3 { orphans: 3; widows: 3; }
		  h2, h3{ page-break-after: avoid; }
	}