/****
 *
 * Base Styles and Mobile-First Defaults
 *
 */

/**
 * Reset and Utility
 */

*						{margin: 0; padding: 0; outline: none; border: none;}
ul,ol,li				{list-style: none;}
h1,h2,h3,h4,h5,h6		{font-weight: 400;}
strong, b 				{font-weight: 900;}
address					{font-style: inherit;}
input					{-webkit-border-radius: 0;}

.hide {
	position: absolute;
	left: -5999px;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

span.nowrap {
	white-space: nowrap;
}

#debug_css {
	z-index: 999;
	position: fixed;
	right: 0;
	top: 0;
	width: 100px;
	height: 20px;
}

	#debug_css p {
		height: 100%;
		text-align: center;
		color: #fff;
		font-size: 16px;
		display: none;
	}

	p#debug_base_css {
		background: #666;
		display: block;
	}

	p#debug_desktop_css {
		background: #933;
	}

	p#debug_hd_css {
		background: #c00;
	}


/**
 * Main
 */
html,
body {
	height: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
}

body {
	background: #fff;
	color: #000;
	overflow: hidden; /* NOTE: if I can't do this, then I need to do a preventDefault on arrow/space keys that would cause scrolling */
	font-size: 14px;
}

	body,
	body input {
		font-family: museo-sans, sans-serif;
		font-weight: 500;
	}

h1,h2,h3,h4,h5,h6 {
	font-style: italic;
	font-family: freight-big-pro, serif;
	font-weight: 400;
}

span.yellow {
	color: #FED300;
}

/*#grid, #grid * {
	cursor: none !important;
}
	#grid:active, #grid:active * {
		cursor: default !important;
	}*/

* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

a {
	color: inherit;
	text-decoration: none;
	-ms-transition: color 400ms ease;
	-moz-transition: color 400ms ease;
	-webkit-transition: color 400ms ease;
	-o-transition: color 400ms ease;
	transition: color 400ms ease;
}

	a:hover,
	a:active,
	a.active {
		color: inherit;
	}
	
	.noattachment a {
		color: #ddd;
	}


.view {
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
	overflow: hidden;
}

	.view.current {
		left: 0;
	}


#dressingShade {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 999;
}

	.no-js #dressingShade {
		display: none;
	}

#grid {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-transform: translateZ(0); /* to prevent opacity flicker in Safari */
}

/*#grid {
	outline: 4px solid rgba(0, 255, 0, 0.5);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50%;
	height: 50%;
	z-index: 100;
}*/

	/*.cell.active {
		left: 0;
	}*/
	
	.cell.transitioned {
		-webkit-transition-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1); /* older webkit */
		-ms-transition-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.005);
		-moz-transition-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.005);
		-webkit-transition-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.005);
		-o-transition-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.005);
		transition-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.005);
		/*-webkit-transition-timing-function: ease-out;*/
		-ms-transition: left 700ms, top 700ms;
		-moz-transition: left 700ms, top 700ms;
		-webkit-transition: left 700ms, top 700ms;
		-o-transition: left 700ms, top 700ms;
		transition: left 700ms, top 700ms;
	}
	
		.cell.categorylist.transitioned {
			-ms-transition-duration: 600ms;
			-moz-transition-duration: 600ms;
			-webkit-transition-duration: 600ms;
			-o-transition-duration: 600ms;
			transition-duration: 600ms;
		}
	
		.cell.transitioned.showing {
			-ms-transition-delay: 350ms;
			-moz-transition-delay: 350ms;
			-webkit-transition-delay: 350ms;
			-o-transition-delay: 350ms;
			transition-delay: 350ms;
		}


/*
#about.cell.transitioned,
#contact.cell.transitioned {
	-ms-transition-duration: 20ms;
	-moz-transition-duration: 20ms;
	-webkit-transition-duration: 20ms;
	-o-transition-duration: 20ms;
	transition-duration: 20ms;
}

	#about.cell.transitioned.showing,
	#contact.cell.transitioned.showing {
		-ms-transition-delay: 150ms;
		-moz-transition-delay: 150ms;
		-webkit-transition-delay: 150ms;
		-o-transition-delay: 150ms;
		transition-delay: 150ms;
	}
*/

.hasFlexSplit {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.vertFlexSplit {
	height: 100%;
	display: flex;
	flex-direction: column;
}

	.vertFlexSplit > * {

	}

	.vertFlexSplit > h3,
	.vertFlexSplit > .header h3,
	.vertFlexSplit > .scrollContent h3 {
		padding-top: 40vmin;
		font-size: 8vmin;
		line-height: 1em;
		margin: 0 auto 0.4em auto;
	}

.scrollList {
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

div.twoUp {
	overflow: hidden;
}

	div.twoUp > div {

	}



/**
 * Top Bar
 */
#topbar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 50;
	-webkit-transform: translateZ(0); /* to prevent opacity flicker on iOS 4 */
	height: 16vmin;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#logo {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	z-index: 51;
	left: 6.2vmin;
	height: 5.8vmin;
	width: 40vw;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: translateZ(0); /* to prevent opacity flicker on iOS 4 */
}

	#logo.logo-bigger {
		height:  9.8vmin;
	}
	
	#logo a {
		display: block;
		height: 100%;
	}

	#logo img {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		cursor: pointer;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		visibility: hidden;
	}

		#logo img.current-logo {
			visibility: visible;
		}

#topnav {
	position: absolute;
	right: 0;
	top: -100%;
	height: 100%;
	width: 100%;
	opacity: 0;
	-webkit-transform: translateZ(0); /* to prevent opacity flicker on iOS 4 */
}

	#logo.transitioned,
	#topnav.transitioned {
		-ms-transition: opacity 700ms linear;
		-moz-transition: opacity 700ms linear;
		-webkit-transition: opacity 700ms linear;
		-o-transition: opacity 700ms linear;
		transition: opacity 700ms linear;
	}
	
	#topnav.show,
	#topnav.animating {
		top: 0;
	}
	
	#logo.show,
	#topnav.show {
		opacity: 1;
	}

	#topnav ul {
		position: relative;
		text-align: right;
		float: right;
		margin-right: 6.2vmin;
		height: 100%;
		display: flex;
		font-size: 3vmin;
	}
	
	#topnav ul li {
		margin: 0 0.75em;
		display: table;
		height: 100%;
	}

		#topnav ul li:first-child {
			margin-left: 0;
		}

		#topnav ul li.last {
			margin-right: 0;
		}
	
		#topnav ul li a {
			text-transform: uppercase;
			font-weight: 900;
			height: 100%;
			display: table-cell;
			vertical-align: middle;
		}

			#topnav ul li.navmarker span {
				display: block;
				margin: 0 auto;
				width: 4em;
			}
		
			#topnav ul li.navmarker span,
			#topnav ul li a {
				border-top: solid #fff;
				border-top-width: 1vmin;
			}
			
			#topnav ul li.navmarker span,
			.no-js #topnav ul li a:hover {
				border-top-color: #FED300;
				opacity: 0.25;
			}
			
			#topnav ul li.navmarker {
				position: absolute;
				left: 0;
				top: 0;
				height: 1px;
				margin: 0;
			}


/**
 * Home
 */
.homepage {
	background: #fff;
	cursor: pointer;
	z-index: 10;
	-webkit-transform: translateZ(0); /* to prevent opacity flicker in Safari */
}

#iris {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	-webkit-transform: translateZ(0); /* to prevent weird black bars in Chrome when translateZ is enabled for topnav/topbar... could make those conditional for mobile with media queries and then not have this one here I think */
	top: 16vmin;
	bottom: 0px;
}

	#iris .blink_cover {
		position: relative;
		width: 100%;
		height: 100%;
		opacity: 0;
		-webkit-transform: translateZ(0);
	}

		#iris .blink_cover div {
			-webkit-transform: translateZ(0);
		}

		#iris .blink_cover div.blink_cover_landscape,
		#iris .blink_cover div.blink_cover_portrait {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: center center no-repeat;
			background-size: cover;
		}

			#iris .blink_cover div.blink_cover_landscape {
				display: block;
			}

			#iris .blink_cover div.blink_cover_portrait {
				display: none;
			}

		@media only screen and (max-aspect-ratio: 1/1) {
			#iris .blink_cover div.blink_cover_landscape {
				display: none;
			}

			#iris .blink_cover div.blink_cover_portrait {
				display: block;
			}
		}
	
	#lid {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		-webkit-transform: translateZ(0); /* to prevent opacity flicker in Safari */
	}
	
	/*
	#iris.transitioned img {
		-ms-transition: opacity 800ms ease-in-out;
		-moz-transition: opacity 800ms ease-in-out;
		-webkit-transition: opacity 800ms ease-in-out;
		-o-transition: opacity 800ms ease-in-out;
		transition: opacity 800ms ease-in-out;
	}
	*/

	#iris.transitioned .blink_cover {
		-ms-transition: opacity 800ms ease-in-out;
		-moz-transition: opacity 800ms ease-in-out;
		-webkit-transition: opacity 800ms ease-in-out;
		-o-transition: opacity 800ms ease-in-out;
		transition: opacity 800ms ease-in-out;
	}
	
	#iris.transitioned #lid {
		-webkit-transition-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1); /* older webkit */
		-ms-transition-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.005);
		-moz-transition-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.005);
		-webkit-transition-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.005);
		-o-transition-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.005);
		transition-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.005);
		-ms-transition: height 700ms;
		-moz-transition: height 700ms;
		-webkit-transition: height 700ms;
		-o-transition: height 700ms;
		transition: height 700ms;
	}
	
		/*#iris.transitioned.special img,*/
		#iris.transitioned.special .blink_cover,
		#iris.transitioned.special #lid {
			-ms-transition-delay: 500ms;
			-moz-transition-delay: 500ms;
			-webkit-transition-delay: 500ms;
			-o-transition-delay: 500ms;
			transition-delay: 500ms;
		}

	/*
	#iris.show img {
		opacity: 1.0;
	}
	*/

	#iris.show .blink_cover {
		opacity: 1.0;
	}

	#iris.show #lid {
		height: 0%;
	}


/**
 * Category List
 */
.categorylist {
	background: #fff; /* Should help performance to have solid background color on moving div */
}

	.categorylist > div {
		text-align: center;
		-ms-transition: background-color 400ms ease;
		-moz-transition: background-color 400ms ease;
		-webkit-transition: background-color 400ms ease;
		-o-transition: background-color 400ms ease;
		transition: background-color 400ms ease;
		background: #fff center center no-repeat;
		background-size: cover;
	}

		.categorylist div h3 {
			position: relative;
			z-index: 2;
			margin: 0 auto;
			padding-bottom: 0.15em;
			
			-ms-transition: color 400ms ease;
			-moz-transition: color 400ms ease;
			-webkit-transition: color 400ms ease;
			-o-transition: color 400ms ease;
			transition: color 400ms ease;
		}

				.categorylist .vertFlexSplit > h3,
				.categorylist .vertFlexSplit > .header h3,
				.categorylist .vertFlexSplit > .scrollContent h3 {
					padding-top: 25vmin;
				}

		.categorylist div .scrollListBefore {
			position: relative;
			z-index: 2;
		}

			.categorylist div .scrollListBefore:before {
				content: " ";
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				height: 1em;
				background: url(../images/white-grad.png) center 0 repeat-x;
				background-size: 1em;
			}

		.categorylist div .scrollList {
			position: relative;
			z-index: 1;
			padding: 0.35em 0 3em 0;
			flex-shrink: 100;
		}
	
		.categorylist div ul {
			margin-top: 0;
			font-family: freight-big-pro, serif;
			font-size: 5.15vmin;
			line-height: 1.15em;
		}

			.categorylist a {
				position: relative;
			}

				.categorylist a:before {
					content: " ";
					position: absolute;
					left: -1ex;
					right: -1ex;
					top: 0;
					bottom: 0;
					height: 0.3em;
					margin: auto;
					background: #FED300;
					opacity: 0;
					/* Had to disable this because Chrome was reducing the opacity of the <a> when the hover was triggered unless the <a> itself was always at 1 opacity /*
					transform: translateZ(0); / * Fix Safari wobble on hover * /
					*/
				}

				.categorylist a:hover:before {
					opacity: 0.25;

					/* See above about opacity problem /*
					-ms-transition: opacity 600ms ease;
					-moz-transition: opacity 600ms ease;
					-webkit-transition: opacity 600ms ease;
					-o-transition: opacity 600ms ease;
					transition: opacity 600ms ease;
					*/
				}

			.categorylist li:nth-child(even) a {
				font-style: italic;
			}

		.categorylist.hovered > div {
			background: #444;
		}

			.categorylist.hovered div h3 {
				color: #fff;
			}

			.categorylist.hovered a {
				color: rgba(170, 170, 170, 0.80);
			}

			.categorylist.hovered a:hover {
				color: #fff;
			}

.categorylist video.list_bg_video {
	position: absolute;
	z-index: 10;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	visibility: hidden;
	-webkit-transform: translateZ(0);
}

.categorylist.hovered video.list_bg_video {
	visibility: visible;
}

.categorylist .header {
	overflow: hidden;
}

.speak-loop {
	position: relative;
	display: none;
	/*background: #000;*/
	height: 100%;
}

	.speak-loop.shown {
		display: block;
	}

	.speak-loop video {
	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 0;
	    bottom: 0;
	    margin: auto;
	    width: auto;
	    height: 100%;
	    z-index: 0;
	}

.categorylist.loop-shown .scrollList {
	overflow: hidden;
	overflow-y: scroll;
	scroll-snap-type: y mandatory;
}

	.categorylist.loop-shown .scrollList ul {
		padding: 3em 0;
	}

		.categorylist.loop-shown .scrollList ul li {
			scroll-snap-align: center;
		}

	.categorylist.loop-shown div ul {
		font-size: 7.15vmin;
	}

	.categorylist.loop-shown div ul a {
		display: inline-block;
		opacity: 0.33;
		-ms-transform: scale(0.95);
		-moz-transform: scale(0.95);
		-webkit-transform: scale(0.95);
		-o-transform: scale(0.95);
		transform: scale(0.95);
		-ms-transition: opacity 600ms ease, -ms-transform 600ms ease;
		-moz-transition: opacity 600ms ease, -moz-transform 600ms ease;
		-webkit-transition: opacity 600ms ease, -webkit-transform 600ms ease;
		-o-transition: opacity 600ms ease, -o-transform 600ms ease;
		transition: opacity 600ms ease, transform 600ms ease;
	}

		.categorylist.loop-shown div ul li.snapped a {
			opacity: 1;
			-ms-transform: scale(1.0);
			-moz-transform: scale(1.0);
			-webkit-transform: scale(1.0);
			-o-transform: scale(1.0);
			transform: scale(1.0);
			-ms-transition-duration: 100ms;
			-moz-transition-duration: 100ms;
			-webkit-transition-duration: 100ms;
			-o-transition-duration: 100ms;
			transition-duration: 100ms;
		}

.list_iris {
	position: absolute;
	z-index: 20;
	left: 0;
	width: 100%;
	overflow: hidden;
	-webkit-transform: translateZ(0); /* to prevent weird black bars in Chrome when translateZ is enabled for topnav/topbar... could make those conditional for mobile with media queries and then not have this one here I think */
	top: 70px;
	bottom: 0px;
}

	.list_iris .list {
		position: relative;
		z-index: 20;
		opacity: 0;
		-webkit-transform: translateZ(0);
	}

	.list_iris .list.childVerticalCenter > div {
		padding-bottom: 2em;
	}
	
	.list_lid {
		position: absolute;
		z-index: 30;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		-webkit-transform: translateZ(0); /* to prevent opacity flicker in Safari */
	}

	.list_iris.transitioned .list {
		-ms-transition: opacity 900ms ease-in-out;
		-moz-transition: opacity 900ms ease-in-out;
		-webkit-transition: opacity 900ms ease-in-out;
		-o-transition: opacity 900ms ease-in-out;
		transition: opacity 900ms ease-in-out;
	}
	
	.list_iris.transitioned .list_lid {
		-webkit-transition-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1); /* older webkit */
		-ms-transition-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.005);
		-moz-transition-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.005);
		-webkit-transition-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.005);
		-o-transition-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.005);
		transition-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.005);
		-ms-transition: height 1400ms;
		-moz-transition: height 1400ms;
		-webkit-transition: height 1400ms;
		-o-transition: height 1400ms;
		transition: height 1400ms;
	}
	
		.list_iris.transitioned.delayed .list,
		.list_iris.transitioned.delayed .list_lid {
			-ms-transition-delay: 100ms;
			-moz-transition-delay: 100ms;
			-webkit-transition-delay: 100ms;
			-o-transition-delay: 100ms;
			transition-delay: 100ms;
		}

		.iphone .list_iris.transitioned.delayed .list,
		.iphone .list_iris.transitioned.delayed .list_lid {
			-ms-transition-delay: 300ms;
			-moz-transition-delay: 300ms;
			-webkit-transition-delay: 300ms;
			-o-transition-delay: 300ms;
			transition-delay: 300ms;
		}

	.list_iris.show .list {
		opacity: 1.0;
	}

	.list_iris.show .list_lid {
		height: 0%;
	}




/**
 * Vertical Centering of Views
 */
.view.verticalCenter,
.childVerticalCenter {
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.childVerticalCenter {
	width: 100%;
	height: 100%;
}
	
	.view.verticalCenter > div,
	.childVerticalCenter > div {
		width: 100%;
		height: 100%;
		display: table-cell;
		vertical-align: middle;
	}


/**
 *
 */
.transitionedFade {
	-ms-transition: opacity 800ms ease-in-out;
	-moz-transition: opacity 800ms ease-in-out;
	-webkit-transition: opacity 800ms ease-in-out;
	-o-transition: opacity 800ms ease-in-out;
	transition: opacity 800ms ease-in-out;
}


/**
 * 404
 */
.fourohfour {
	text-align: center;
}

	.fourohfour h2 {
		font-weight: 900;
	}


/**
 * Hello
 */
.hello {
	text-align: center;
	background: #fff;
	padding: 0 8%;
}

	.hello.current {
		left: -100%; /* keep hidden at load */
	}

	.hello ul.text {
		font-style: italic;
	    font-family: freight-big-pro, serif;
	    font-weight: 400;
	}

		.hello .text a {
			transition: none;
		}

			.hello .text a:hover em,
			.hello .text a:active em,
			.hello .text a.highlight em {
				color: #FED300;
			}

	.hello ul.icons li {
		display: inline-block;
	}

		@media only screen {
			.hello ul.text {
				padding-top: 24vmin;
				font-size: 9vh;
			    line-height: 1.2em;
			}

			.hello ul.icons li {
				width: 9.5vh;
				height: 9.5vh;
				margin: 6vh;
				margin-top: 11vh;
			}
		}

		@media only screen and (max-aspect-ratio: 4/3) {
			.hello ul.text {
				padding-top: 24vmax;
				font-size: 7vw;
			    line-height: 1.2em;
			}

			.hello ul.icons li {
				width: 9.5vw;
				height: 9.5vw;
				margin: 6vw;
				margin-top: 11vw;
			}
		}

		@media only screen and (max-aspect-ratio: 3/4) {
			.hello ul.text {
				padding-top: 33vmax;
			}
		}

	.hello .icons a {
		display: block;
		height: 100%;
	}

		.hello .icons a img {
			opacity: 0.15;
			filter: grayscale(0.9);
			transition: opacity 300ms ease, filter 300ms ease;
		}

			.hello .icons a:hover img,
			.hello .icons a:active img,
			.hello .icons a.highlight img {
				opacity: 1;
				filter: grayscale(0);
			}

	.hello .icons img {
		display: block;
		width: auto;
		height: 100%;
	}

.studios-effect {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 10px;
	height: 10px;
	/* url(../images/studio-q.svg) */
	background: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTEwLjkxIDExNS4yNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO308L3N0eWxlPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOS40IC0xMS40NSkiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjEzMy4zMiIgaGVpZ2h0PSIxMzEuNDciLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+U0xBUVItTG9nby1Tb2xpZFE8L3RpdGxlPjxnIGNsYXNzPSJjbHMtMiI+PHBhdGggZD0iTTExMC4yLDk4LDgyLjI2LDY1LjQzYzAsLjE1LDAsLjMsMCwuNDYsMCwxMi03LjE4LDE5LjUtMTcuMjUsMTkuNTlsMjUuMDcsMjkuMjMsMTAuMjYsMTIsMTkuODQtMTdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOS40IC0xMS40NSkiLz48cGF0aCBkPSJNMTA0LjQ5LDEwNC42NWMtMTAuMTcsMTAtMjQuMjUsMTUuNjgtMzkuNjQsMTUuNjhBNTYsNTYsMCwwLDEsMjUuMDgsMTA0LjVDMTQuOTEsOTQuNDksOS40LDgxLjI3LDkuNCw2NS44OXM1LjUxLTI4Ljc1LDE1LjY4LTM4Ljc2QzM1LjUzLDE3LDQ5LjMyLDExLjQ1LDY0Ljg1LDExLjQ1Uzk0LjE4LDE3LDEwNC42MywyNy4xM2MxMC4xNywxMCwxNS42OCwyMy41MSwxNS42OCwzOC43NnMtNS41MSwyOC42LTE1LjgyLDM4Ljc2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOS40IC0xMS40NSkiLz48L2c+PC9zdmc+") center center no-repeat;
	background-size: 100%;
	opacity: 0.1;
}

.society-effect {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 10px;
	height: 10px;
	/* url(../images/society-heart.svg) */
	background: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzAgNDcwIj48cGF0aCBkPSJNMjM0LjksOTAuNjhjLTE2LjExLTI4LTYwLjIxLTY4LjQ3LTExNS42My02Ni43OEM3NS4zNiwyNS4yMywyMC4xNyw0Ny40OSw3LDEwOS44OGMtMTguOTEsODkuNCwyMy45MywxNTEsNTYuNiwxODMuNjZDOTEuNjksMzIxLjY1LDIzNC45Myw0NDcuNCwyMzQuOTMsNDQ3LjRIMjM1UzM3OC4yNiwzMjEuNjUsNDA2LjM4LDI5My41NEM0MzksMjYwLjg3LDQ4MS44OSwxOTkuMjgsNDYzLDEwOS44OGMtMTMuMTktNjIuMzktNjguMzgtODQuNjUtMTEyLjI5LTg2LTU1LjQyLTEuNjktOTkuNTIsMzguNzgtMTE1LjYzLDY2Ljc4IiBmaWxsPSIjY2MwMDFjIi8+PC9zdmc+") center center no-repeat;
	background-size: 100%;
	opacity: 0.1;
}

.nooq-effect {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 10px;
	height: 10px;
	/* url(../images/nooq-triangle.svg) */
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTMgNDc4LjEzIj48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48cGF0aCBkPSJNMjg0LjY4LDQyMS43NHMxMC40LTc5LjU3LTQ0LjM4LTc5LjU3LTQ0LjM3LDc5LjU3LTQ0LjM3LDc5LjU3SDYuMTVMMjM0LjgzLDQwLjIyLDQ3NC40NSw0MjEuNzRaIiBmaWxsPSIjMjI1NzMzIi8+PC9nPjwvc3ZnPg==") center center no-repeat;
	background-size: 100%;
	opacity: 0.1;
}

.hello-mask-reveal {
	/* url(../images/solidq-mask-transparent.svg) */
	-webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NS45OSA5OS43MyI+PHBhdGggZD0iTTg5LjQ3LDc1LjE5LDY1LjI5LDQ3di4zOWMwLDEwLjM3LTYuMjEsMTYuODktMTQuOTMsMTdsMjEuNjksMjUuM0w4MC45NCwxMDAsOTguMTIsODUuMjhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi4yMyAtMC4yNykiLz48cGF0aCBkPSJNODQuNTIsODAuOTNjLTguNzksOC42Ny0yMSwxMy41Ny0zNC4zLDEzLjU3QTQ4LjUxLDQ4LjUxLDAsMCwxLDE1LjgsODAuOEM3LDcyLjEzLDIuMjMsNjAuNywyLjIzLDQ3LjM4UzcsMjIuNTEsMTUuOCwxMy44NEMyNC44NSw1LDM2Ljc4LjI3LDUwLjIyLjI3Uzc1LjYsNSw4NC42NSwxMy44NGM4Ljc5LDguNjcsMTMuNTcsMjAuMzUsMTMuNTcsMzMuNTRTOTMuNDQsNzIuMTMsODQuNTIsODAuOTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi4yMyAtMC4yNykiLz48L3N2Zz4=") center center no-repeat;
    -webkit-mask-size: 0%;
    -moz-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NS45OSA5OS43MyI+PHBhdGggZD0iTTg5LjQ3LDc1LjE5LDY1LjI5LDQ3di4zOWMwLDEwLjM3LTYuMjEsMTYuODktMTQuOTMsMTdsMjEuNjksMjUuM0w4MC45NCwxMDAsOTguMTIsODUuMjhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi4yMyAtMC4yNykiLz48cGF0aCBkPSJNODQuNTIsODAuOTNjLTguNzksOC42Ny0yMSwxMy41Ny0zNC4zLDEzLjU3QTQ4LjUxLDQ4LjUxLDAsMCwxLDE1LjgsODAuOEM3LDcyLjEzLDIuMjMsNjAuNywyLjIzLDQ3LjM4UzcsMjIuNTEsMTUuOCwxMy44NEMyNC44NSw1LDM2Ljc4LjI3LDUwLjIyLjI3Uzc1LjYsNSw4NC42NSwxMy44NGM4Ljc5LDguNjcsMTMuNTcsMjAuMzUsMTMuNTcsMzMuNTRTOTMuNDQsNzIuMTMsODQuNTIsODAuOTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi4yMyAtMC4yNykiLz48L3N2Zz4=") center center no-repeat;
    -moz-mask-size: 0%;
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NS45OSA5OS43MyI+PHBhdGggZD0iTTg5LjQ3LDc1LjE5LDY1LjI5LDQ3di4zOWMwLDEwLjM3LTYuMjEsMTYuODktMTQuOTMsMTdsMjEuNjksMjUuM0w4MC45NCwxMDAsOTguMTIsODUuMjhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi4yMyAtMC4yNykiLz48cGF0aCBkPSJNODQuNTIsODAuOTNjLTguNzksOC42Ny0yMSwxMy41Ny0zNC4zLDEzLjU3QTQ4LjUxLDQ4LjUxLDAsMCwxLDE1LjgsODAuOEM3LDcyLjEzLDIuMjMsNjAuNywyLjIzLDQ3LjM4UzcsMjIuNTEsMTUuOCwxMy44NEMyNC44NSw1LDM2Ljc4LjI3LDUwLjIyLjI3Uzc1LjYsNSw4NC42NSwxMy44NGM4Ljc5LDguNjcsMTMuNTcsMjAuMzUsMTMuNTcsMzMuNTRTOTMuNDQsNzIuMTMsODQuNTIsODAuOTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi4yMyAtMC4yNykiLz48L3N2Zz4=") center center no-repeat;
    mask-size: 0%;
    z-index: 30;
}

	.hello-mask-reveal > div {
		opacity: 0.1;
	}

/**
 * About & Contact & Like
 */
.about,
.contact,
.like {
	text-align: center;
	background: #fff;
	padding: 0 8%;
}

.like {
	padding: 0;
}
	
	.about p,
	.contact p,
	.like p {
		font-size: 3vmin;
		line-height: 1.6em;
		margin: 0 auto 2.5em auto;
	}

	.about .meet-logo {
	}

		.about .meet-logo img {
			height: 7vmin;
		}

/**
 * Contact
 */

 .contact {}

	.contact h3 {
		margin-bottom: 1.5em;
	}

	.contact h4 {
		font-size: 3vmin;
		font-style: normal;
		font-family: museo-sans, sans-serif;
		font-weight: 900;
		margin-bottom: 1.2em;
	}

		.contact h4 a {
			position: relative;
		}

		.contact h4 a span {
			position: relative;
			z-index: 20;
		}

		.contact h4 a:before {
			content: " ";
			position: absolute;
			z-index: 10;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			height: 0.4em;
			margin: auto;
			background: #FED300;
			opacity: 0.25;
			transform: translateZ(0); /* Fix Safari wobble on hover */
		}

		.contact h4 a:hover:before {
			opacity: 0.75;

			-ms-transition: opacity 600ms ease;
			-moz-transition: opacity 600ms ease;
			-webkit-transition: opacity 600ms ease;
			-o-transition: opacity 600ms ease;
			transition: opacity 600ms ease;
		}

	.contact dl {
		margin: 0 0 1.5em 0;
		font-size: 5vmin;
		line-height: 1.06em;
		font-family: freight-big-pro, serif;
		font-weight: 400;
		font-style: italic;
	}
	
		.contact dl dt,
		.contact dl dd {
			display: inline;
		}

			.contact dl dd.slash {
				display: inline-block;
				width: 1.4vmin;
				position: relative;
				left: 0.3vmin;
				top: 1.4vmin;
				margin-top: -2.6vmin;
			}

				.contact dl dd.slash img {
					width: 100%;
				}

			.contact dl dd a {
				color: #FED300;
				font-weight: 700;
			}

			.contact dl dd address {
				margin-bottom: 0.6em;
			}

				.contact dl dd address a {
					color: inherit;
				}
	
	.contact div > p.copyright {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 6em;
		margin: 0 auto;
		display: block;
		font-size: 1.75vmin;
		line-height: 1.4em;
	}



/**
 * Credits and Signature
 */
/*.signature {
	text-align: center;
	background: #000;
	z-index: 59;
}

	.signature img {
		width: 40px;
		height: auto;
	}*/
	
.credits {
	text-align: center;
	padding: 0 14%;
}

	.credits > div {
		visibility: visible;
	}

	.credits ul.slashed {
		color: #FED300;
		font-weight: 900;
		font-size: 5vmin;
		line-height: 1.06em;
	}

		.credits ul.slashed li {
			display: inline-block;
		}

			.credits ul.slashed li.slash {
				display: inline-block;
				width: 1.4vmin;
				position: relative;
				left: 0.3vmin;
				top: 1.4vmin;
				margin-top: -2.6vmin;
			}

				.credits ul.slashed li.slash img {
					width: 100%;
				}
	
/*		.credits > div.beforeVideo {
			visibility: hidden;
		}*/
	
		.credits div > ul {
			font-family: freight-big-pro, serif;
			font-style: italic;
			font-size: 8vmin;
			line-height: 1.15em;
			margin-bottom: 0.8em;
		}
		
		.credits div > p {
			font-size: 2.5vmin;
			margin: 1em 0;
		}

			.credits div > p.first {
			}

			.credits div > p.award {

			}
			
			.credits div > p.copyright {
				position: absolute;
				margin: auto;
				left: 0;
				right: 0;
				bottom: 6em;
				font-size: 1.75vmin;
			}

			.credits > div p a {
				position: relative;
			}
	
				.credits > div p a:before {
					content: " ";
					position: absolute;
					left: 0;
					right: 0;
					top: 0;
					bottom: 0;
					height: 0.4em;
					margin: auto;
					background: #FED300;
					opacity: 0.25;
					transform: translateZ(0); /* Fix Safari wobble on hover */
				}
	
				.credits > div p a:hover:before {
					opacity: 0;
	
					-ms-transition: opacity 600ms ease;
					-moz-transition: opacity 600ms ease;
					-webkit-transition: opacity 600ms ease;
					-o-transition: opacity 600ms ease;
					transition: opacity 600ms ease;
				}

	/*
	.credits ul.navmarked {
		position: relative;
		display: inline-block;
		margin-bottom: 0.25em;
		margin-top: 1.5em;
		font-size: 100%;
	}

		.credits ul.navmarked li,
		.credits ul.navmarked li.navmarker {
			display: inline-block;
			text-align: center;
			min-width: 2.4em;
		}

			.credits ul.navmarked li a {
				display: block;
				padding-bottom: 6px;
			}

				.credits ul.navmarked li.navmarker,
				.credits ul.navmarked li a {
					border-bottom: solid #fff;
					border-bottom-width: 5px
				}

				.credits ul.navmarked li.navmarker,
				.no-js .credits ul.navmarked li a:hover {
					border-bottom-color: #000;
				}

				.credits ul.navmarked li.navmarker {
					position: absolute;
					right: 75%;
					bottom: 0;
					height: 1px;
				}*/


/**
 * Video
 */
#videobox {
	background: #fff;
	z-index: 60;
}

		#player_outer,
		#player {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
		
			/* Screws up Safari window resizing performance BADLY! */
			/*
		    #player video {
		        background: #fff;
		    }
			*/
			
			#player .mejs-container {
				background: #fff;
			}
			
			#player .mejs-container.mejs-video {
		        position: absolute;
		        left: 0;
		        top: 0;
		        right: 0;
		        bottom: 0;
		        margin: auto;
		        max-height: 100% !important;
		    }

		    #player .mejs-overlay-loading {
		        background: none;
		        width: 80px;
		        height: 10px;
		        margin: -5px 0 0 -40px;
		    }

		        #player .mejs-overlay-loading span {
			        width: 80px;
			        height: 10px;
		            background-image: url(../images/loading.gif);
		        }


		    #player .mejs-container .mejs-controls {
		        background: none;
		        height: 46px;
		        left: 10px;
		        right: 15px;
		        width: auto;
		    }

			#player .mejs-overlay.mejs-layer.mejs-overlay-play {
		            /*visibility: hidden;*/
		        }

		        	#player .mejs-overlay.mejs-layer.mejs-overlay-play .mejs-overlay-button {
			        	position: absolute;
			        	top: 50%;
			        	left: 50%;
			        	width: 200px;
			        	height: 200px;
			        	margin: -100px 0 0 -100px;
			        	background: url(../images/btn-big-play-slaqrlogo.png) no-repeat;
			        	background-size: 100%;
		        	}

		        #player .mejs-controls .mejs-button {
		            padding: 0 20px 0 10px;
		        }

		            #player .mejs-controls .mejs-close-button {
		                padding-left: 0px;
		            }

		            #player .mejs-controls .mejs-button span {
		                display: block;
		                margin: 7px 5px;
		                cursor: pointer;
		            }

		            #player .mejs-controls .mejs-button button,
		            #player .mejs-controls .mejs-button span {
		                width: 26px;
		                height: 26px;
		                background-image: url(../images/controls.png);
		            }

		                #player .mejs-controls .mejs-play button {
		                    background-position: 0 0;
		                }

		                #player .mejs-controls .mejs-pause button {
		                    background-position: 0 -26px;
		                }

		                #player .mejs-controls .mejs-fullscreen-button button {
		                    background-position: -26px 0;
		                }

		                #player .mejs-controls .mejs-unfullscreen button {
		                    background-position: -26px -26px;
		                }

		                #player .mejs-controls .mejs-close-button span {
		                    background-position: -52px 0;
		                }

		        #player .mejs-controls .mejs-time-rail {
		            padding-top: 10px;
		        }

		            #player .mejs-controls .mejs-time-rail span {
		            	-webkit-border-radius: 0;
		            	-moz-border-radius: 0;
		            	border-radius: 0;
		            	height: 6px;
		            }

		                #player .mejs-controls .mejs-time-rail .mejs-time-total {
		                    background: none;
		                    border: 1px solid #ddd;
		                }

		                #player .mejs-controls .mejs-time-rail .mejs-time-buffering,
		                #player .mejs-controls .mejs-time-rail .mejs-time-loaded {
		                    background: #888;
		                }

		                #player .mejs-controls .mejs-time-rail .mejs-time-current {
		                    background: #ddd;
		                }

		                #player .mejs-controls .mejs-time-rail .mejs-time-float {
		                    visibility: hidden;
		                }


/**
 * Email Form
 */
/*
.sendform {
	text-align: center;
	background: #fff;
	padding: 0 26px;
	line-height: 1.5em;
}

	.no-js .sendform {
		display: none;
	}

	.sendform p,
	.sendform label,
	.sendform input {
		font-size: 110%;
	}
	
	.sendform label {
		display: inline-block;
		width: 100%;
		text-align: left;
	}

	.sendform input {
		display: inline-block;
		line-height: 1.5em;
		height: 1.5em;
		background: #ddd;
		width: 100%;
		margin-bottom: 0.25em;
		padding: 0 0.5em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: none;
	}

	p.sendbutton {
		padding-top: 0.3em;
		text-align: right;
	}
	
	a.cancelbutton {
		float: right;
	}
	
		a.cancelbutton img {
			height: 0.8em;
			width: auto;
			opacity: 0.33;
			-ms-transition: opacity 400ms ease;
			-moz-transition: opacity 400ms ease;
			-webkit-transition: opacity 400ms ease;
			-o-transition: opacity 400ms ease;
			transition: opacity 400ms ease;
		}
		
			a.cancelbutton:active img,
			a.cancelbutton:hover img {
				opacity: 1;
			}
		
		.your_fields a.cancelbutton {
			visibility: visible;
		}
		
		.their_fields a.cancelbutton {
			visibility: hidden;
		}
	
	.sendform *.error {
		color: #f00;
		text-align: left;
	}
	
		.sendform  p.error {
			padding-bottom: 0.75em;
		}
	
	#sendbusy {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: #fff;
	}
	
	#sendconfirm {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		height: 1em;
	}
*/


/**
 * Debugging
 */
/*
#guides {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/guide-laptop-about.png) 0 0 no-repeat;
    z-index: 9998;
    opacity: 0.3;
    pointer-events: none;
}

#guides.show {
    display: block;
}

#debug {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
}
*/


/**
 * No Javascript
 */
.no-js body {
	overflow: visible;
}

.no-js #grid, .no-js .view, .no-js .view > * {
	position: static !important;
	left: 0 !important;
	top: 0 !important;
	height: auto !important;
	overflow: visible !important;
}

	.no-js #grid, .no-js .view {
		margin: 5em auto;
	}

.no-js #iris {
	display: none; /* Are there issues with #iris img tag being display none at page load? */
}

	.no-js #homepage.current #iris {
		display: block;
	}

.no-js #videobox {
	display: none; /* Are there issues with #videobox video tag being display none at page load? */
}



/* Old IE and other old browsers will ignore this. Also, modern browsers will ignore desktop.css at small viewport sizes. */
@media only screen and (min-device-width: 320px) {

	#isProbablyOk {
		width: 9px; /* arbitrary, used for detection in JS */
	}

}

/* End Base Styles and Mobile-First Defaults */



/**
 * Any/all landscape
 */
@media only screen and (orientation: landscape) {

	.about p,
	.contact p,
	.like p {
		font-size: 2vmin;
	}

	.contact div > p.copyright {
		padding-top: 1em;
		position: static;
	}

	.credits div > ul {
		font-size: 6vmin;
	}

	.credits div > p.copyright {
		padding-top: 1em;
		position: static;
	}

	.vertFlexSplit > h3,
	.vertFlexSplit > .header h3, {
		padding-top: 18vmin;
	}

	div.twoUp {
	}
	
		div.twoUp > div {
			float: left;
			width: 50%;
		}

}


/**
 * Landscape... with more strict 2:1 requirement for large screens (850px or wider)
**/
@media only screen and (min-width: 850px) and (min-aspect-ratio: 2/1), only screen and (max-width: 850px) and (orientation: landscape) {

	/* div.twoUp {
	}

		div.twoUp > div {
			float: left;
			width: 50%;
		} */

	/* .categorylist > div {
		font-size: 100%;
		font-size: 9vmin;
	}
	
		.categorylist div ul {
			width: 86%;
			margin-left: 7%;
		}
	
			.categorylist li {
				display: inline;
			}
		
				.categorylist li:before {
					content: '-';
					padding-right: 0.25em;
					color: #aaa;
				}
			
				.categorylist li:first-child:before {
					content: none;
				} */

} /* Landscape */




/****
 * iPhone/iPod specific
 */
/* controls can't be touched on iPhone cause of native player play button */
.ipod #player .mejs-container .mejs-controls,
.iphone #player .mejs-container .mejs-controls {
	visibility: hidden !important;
}



/****
 *
 * Smartphones
 *
 */
@media only screen and (max-width: 599px) {

} /* End Smartphones All */



/****
 *
 * Smartphones excluding 5s and smaller screens
 *
 */
@media only screen and (min-width: 375px) and (max-width: 599px) {



}


@media only screen and (max-width: 599px) and (orientation:portrait) {

	/* html, body, .view, #grid {
		min-height: 450px;
	} */
	
} /* End Smartphones Portrait */


@media only screen and (max-width: 599px) and (orientation:landscape) {

	/* html, body, .view, #grid {
		min-height: 290px;
	} */
	
	/* body {
		font-size: 11px;
	} */
	
	/* #topbar {
		height: 50px;
	}
	
	#logo {
		left: 6px;
		height: 40px;
	}
	
	#topnav ul {
		margin-right: 14px;
	}
		
		#topnav ul li a {
			padding-top: 11px;
		}
	
		#topnav ul li.navmarker span,
		#topnav ul li a {
			border-top-width: 4px
		}
	
	#iris {
		top: 50px;
	}

	.list_iris {
		top: 50px;
	} */
	
	/* .sendform {
		padding: 0 16px;
	}
		
		.sendform p,
		.sendform label,
		.sendform input {
			font-size: 140%;
		}
		
		.sendform .your_fields,
		.sendform .their_fields {
			float: left;
			width: 50%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			overflow: hidden;
		}
		
		.sendform .your_fields {
			padding-right: 4px;
		}
		
		.sendform .their_fields {
			padding-left: 4px;
		}
		
		.sendform label {
			padding-top: 0.75em;
		}
	
		.sendform input {
		}
		
		.your_fields a.cancelbutton {
			visibility: hidden;
		}
		
		.their_fields a.cancelbutton {
			visibility: visible;
		}
	
		p.sendbutton {
			padding-top: 0.5em;
			clear: both;
			font-size: 100%;
		}
		
		.sendform  p.error {
			padding-bottom: 0.25em;
			font-size: 100%;
		} */

} /* End Smartphones Landscape */


/****
 *
 * Big Tablets
 *
 */
@media only screen and (min-width: 600px) and (max-width: 1024px) {

	/* body {
		font-size: 22px;
	} */
	
	/* #topbar {
		height: 100px;
	}
	
	#logo {
		left: 15px;
		height: 75px;
	}
	
	#topnav ul {
		margin-right: 48px;
	}
	
		#topnav ul li a {
			padding-top: 26px;
		}
		
		#topnav ul li.navmarker span,
		#topnav ul li a {
			border-top-width: 9px;
		}
	
	#iris {
		top: 100px;
		bottom: 60px;
	}

	.list_iris {
		top: 100px;
		bottom: 60px;
	} */

	/* .sendform {
		padding: 0 36px;
	}
		
		.sendform p,
		.sendform label,
		.sendform input {
			font-size: 140%;
		}
		
		.sendform .your_fields,
		.sendform .their_fields {
			float: left;
			width: 50%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			overflow: hidden;
		}
		
		.sendform .your_fields {
			padding-right: 9px;
		}
		
		.sendform .their_fields {
			padding-left: 9px;
		}
		
		.sendform label {
			padding-top: 0.75em;
		}
	
		.sendform input {
		}
		
		.your_fields a.cancelbutton {
			visibility: hidden;
		}
		
		.their_fields a.cancelbutton {
			visibility: visible;
		}
	
		p.sendbutton {
			padding-top: 0.75em;
			clear: both;
		}
		
		.sendform p.error {
			padding-bottom: 0.25em;
		} */
	
} /* End Tablets All */

@media only screen and (min-width: 600px) and (max-width: 1024px) and (orientation:landscape) {

	/* #iris {
		bottom: 30px;
	}

	.list_iris {
		bottom: 30px;
	} */

} /* End Tablets Landscape */