/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}


/**** Base styles ****/
#container {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
}

.element {
  width: 110px;
  height: 110px;
  margin: 5px;
  float: left;
  overflow: hidden;
  position: relative;
  background: #888;
  color: #222;
  -webkit-border-top-right-radius: 1.2em;
      -moz-border-radius-topright: 1.2em;
          border-top-right-radius: 1.2em;
}

.element * {
  position: absolute;
  margin: 0;
}

.element .symbol {
  color: #FFF;
  font-weight: 300;
}
.element.large .symbol {
  font-size: 4.5em;
}

.element.fake .symbol {
  color: #000;
}

.element .name {
  left: 0.5em;
  bottom: 1.6em;
  font-size: 1.05em;
}

.element .weight {
  font-size: 0.9em;
  left: 0.5em;
  bottom: 0.5em;
}

.element .number {
  font-size: 1.25em;
  font-weight: bold;
  color: hsla(0,0%,0%,.5);
  right: 0.5em;
  top: 0.5em;
}

.variable-sizes .element.width2 { width: 230px; }

.variable-sizes .element.height2 { height: 230px; }


.variable-sizes .element.width2.height2 {
  /* font-size: 2.0em; */
}

.element.large,
.variable-sizes .element.large,
.variable-sizes .element.large.width2.height2 {
  font-size: 3.0em;
  width: 350px;
  height: 350px;
  z-index: 100;
}

.clickable .element:hover {
  cursor: pointer;
}

/**** Example Options ****/

#options {
  /* padding-bottom: 1.0em; */
  padding-bottom: 15px;
}

#options h3 {
  margin-bottom: 0.2em;
  font-size: 15px;
}

#options h4 { 
  font-weight: bold;
}

#options ul {
  margin: 0;
  list-style: none;
}

#options ul ul {
  margin-left: 1.5em;
}

#options li {
  float: left;
  /* margin-bottom: 0.2em; */
  margin-bottom: 3px;
}


/**** Infinite Scroll ****/

#infscr-loading {
  position: fixed;
  text-align: center;
  bottom: 30px;
  left: 42%;
  z-index: 100;
  background: white;
  background: hsla( 0, 0%, 100%, 0.9 );
  padding: 20px;
  color: #222;
  font-size: 15px;
  font-weight: bold;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

/* Changes by Flow start here */
/**
 * 1.0 Portfolio Template
 * ----------------------------------------------------------------------------
 */
#container { max-width: 1125px; width: 100%; margin: 0 auto 0 3px; -webkit-tap-highlight-color: rgba(0,0,0,0); }
@media (max-width: 950px){ .daisho-portfolio #container { margin: 0 auto 0 auto; } }
#content-small { -webkit-tap-highlight-color: rgba(0,0,0,0); }

.tn-grid-container-inner { padding-top: 18px; }
.tn-grid-container { max-width: 1125px; width: 92%; margin:0 auto; clear: both; }
.element-stand-alone { cursor: pointer; }

/* Sizes/Filters Bar */
#options { max-width: 1120px; width: 100%; margin: 0 auto; }
	#options ul { padding: 0; }
	#filters { float: right; }
		#options li { margin-left: 5px; }
		#options li:first-child { margin-left: 0px; }
		#options li a { display: block; padding: 0.35em 0.9em; color: #202020; font-weight: normal; font-size: 87.5%; line-height: 1.125; text-transform: uppercase; font-family: Dosis, sans-serif; }
		#options li a:hover { text-decoration: none; background-color: #00a4a7; color: #ffffff; border-radius: 12px; }
		#options li a.selected { background-color: #00a4a7; color: #ffffff; border-radius: 12px; font-weight: 700; }
	#etc { margin-top: 4px; }
		#options #toggle-sizes a { background: url(change-view.png) no-repeat top left transparent; text-indent: -9999px; width: 28px; height: 18px; padding: 0!important; float: left; margin-right: 20px; margin-top: 3px; }
		#options #toggle-sizes a:hover { background: url(change-view.png) no-repeat top right transparent; border-radius: 0px; }
		#options #toggle-sizes a:first-child { background: url(change-view.png) no-repeat bottom left transparent; text-indent: -9999px; width: 28px; height: 18px; padding: 0!important; }
		#options #toggle-sizes a:first-child:hover { background: url(change-view.png) no-repeat bottom right transparent; border-radius: 0px; }
		#options #toggle-sizes a.toggle-selected { background-position: top right; }
		#options #toggle-sizes a:first-child.toggle-selected { background-position: bottom right; }
		#options #shuffle { margin-left: 0; }
		#options #shuffle a { background: url(shuffle-view.png) no-repeat left top transparent; text-indent: -9999px; width: 22px; height: 18px; padding: 0!important; float: left; margin-right: 20px; margin-top: 3px; }
		#options #shuffle a:hover { background: url(shuffle-view.png) no-repeat left bottom transparent; border-radius: 0px; }
		/* SVG Version */
		.toggle-sizes-small-svg { display: none; cursor: pointer; }
		.toggle-sizes-large-svg { display: none; cursor: pointer; }
		html.mod-svg .toggle-sizes-small-svg { display: block; }
		html.mod-svg .toggle-sizes-large-svg { display: block; }
		html.mod-svg #options #toggle-sizes a { background: none repeat scroll 0 0 transparent; text-indent: 0; }
		html.mod-svg #options #toggle-sizes a:hover { background: none repeat scroll 0 0 transparent; text-indent: 0; }
			#options #toggle-sizes a svg path { fill: #d9dcdd; }
			#options #toggle-sizes a:hover svg path { fill: #a0a0a0; }
			#options #toggle-sizes a.toggle-selected svg path { fill: #a0a0a0; }

/* Thumbnail Sizes */
.element {
	width: 220px;
	height: 150px;
	margin: 0 5px 5px 0;
	border-radius: 0px; 
    word-wrap: break-word;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		    box-sizing: border-box;
}
.variable-sizes .element.width2 { width: 445px; }
.variable-sizes .element.height2 { height: 305px; }
.variable-sizes .element.width3 { width: 670px; }
.element.large,
.variable-sizes .element.large,
.variable-sizes .element.large.width2.height2 { height: 305px; width: 670px; }

.element img { z-index: -1; width: 100%; }
.element .thumbnail-meta-data-wrapper {
	overflow: hidden;
	left: 0; 
	top: 0; 
	padding: 9px 15px 0 13px; 
	width: 100%;
    word-wrap: break-word;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		    box-sizing: border-box;
}
.element .symbol { z-index: 2; overflow: hidden; height: 3em; line-height: 1; font-size: 175%; width: 100%; position: relative; }
.element.width2.height2 .symbol { font-size: 350%; }
.element.width3.height2 .symbol { font-size: 500%; }
.variable-sizes .height2.vertical-thumbnail img { width: auto; height: 100%; }

.element .name { font-family: "Open Sans", sans-serif; font-size: 81.25%; bottom: 25px; font-weight: 400; }
.element .categories { bottom: 10px; font-family: Dosis, sans-serif; font-size: 75%; font-weight: 400; text-transform: uppercase; }
.element .categories, .element .name {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	z-index: 2;
	color: #ffffff;
	padding: 0 15px;
	max-width: 100%;
	left: 0;
    word-wrap: break-word;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		    box-sizing: border-box; 
}

.element .number { display: none; }

.clickable .element:hover h3 { text-shadow: none; }

.thumbnail-hover, .symbol, .name, .categories { opacity: 0; visibility: hidden;
  -webkit-transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s;
     -moz-transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s;
      -ms-transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s;
       -o-transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s;
          transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s;
}
.element:hover .thumbnail-hover, .element:hover .symbol, .element:hover .name, .element:hover .categories  { opacity: 1; visibility: visible;
  -webkit-transition: opacity 0.25s ease-in-out, visibility 0s;
     -moz-transition: opacity 0.25s ease-in-out, visibility 0s;
      -ms-transition: opacity 0.25s ease-in-out, visibility 0s;
       -o-transition: opacity 0.25s ease-in-out, visibility 0s;
          transition: opacity 0.25s ease-in-out, visibility 0s;
}
.tn-display-meta .symbol, .tn-display-meta .name, .tn-display-meta .categories { opacity: 1; visibility: visible; }
.thumbnail-link { background-color: rgba(255, 255, 255, 0.01); width: 100%; height: 100%; z-index: 5; opacity: 0; }
.thumbnail-project-link { background-color: rgba(255, 255, 255, 0.01); width: 100%; height: 100%; position: absolute; text-indent: -9999px; z-index: 3; }

.element-small .symbol { font-weight: 700 !important; font-size: 28px !important; z-index: 2; }

.element .thumbnail-hover, .element .symbol { font-family: Lato, sans-serif; font-weight: 300 !important; text-transform: uppercase; }
.element .name, .element .categories  {  }

.thumbnail-hover { width: 100%; height: 100%; }
.project-thumbnail-background { width: 100%; height: 100%; z-index: -2; }

/* ----- YouTube Videos - [youtube link=""] ----- */
/* ----- Vimeo Videos - [vimeo link=""] ----- */
.youtube_container { padding-bottom: 56.25%; position: relative; margin-bottom: 3em; }
.youtube_container iframe, .youtube_container embed { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }

.project-slide-video video { display: block; margin: 0 auto; }
.project-slide-youtube .youtube_container { margin-bottom: 0; }
.project-slide-vimeo .youtube_container { margin-bottom: 0; }

.element video { max-width: none; z-index: -1; }

@media (max-width: 800px) {
	#options { display: none; }
	.element .name { display: none; }
}

/* THUMBNAIL VIEW */
@media (max-width: 800px){
	.variable-sizes .element.width3 { width: 445px; }
	.element.width3.height2 .symbol { font-size: 375%; }
}
/* CLASSIC VIEW */
@media (max-width: 1260px){
	.page-template-template-classic-php #content-small { margin: 15px auto 0 auto; display: block; width: 900px; }
	.page-template-template-classic-php #content-small .element { width: 220px !important; height: 150px !important; }
	.page-template-template-classic-php #content-small .element .symbol { font-size: 175%; }
	.page-template-template-classic-php #content-small .element:last-child { display: none; }
}
@media (max-width: 979px){
	.page-template-template-classic-php #content-small { margin: 15px auto 0 auto; display: block; width: 675px; }
	.page-template-template-classic-php #content-small .element:nth-child(5) { display: none; }
	.page-template-template-classic-php #content-small .element:nth-child(4) { display: none; }
}
@media (max-width: 800px){
	.page-template-template-classic-php #content-small { margin: 15px auto 0 auto; display: block; width: 450px; }
	.page-template-template-classic-php #content-small .element:nth-child(5) { display: block; }
	.page-template-template-classic-php #content-small .element:nth-child(4) { display: none; }
}
@media (max-width: 525px){
	.page-template-template-classic-php #content-small { margin: 15px auto 0 auto; display: block; width: 225px; }
	.page-template-template-classic-php #content-small .element:nth-child(4) { display: block; }
}

@media (max-width: 500px) {
	.nav-menu { display: none; }
	
	.element .name { font-size: 100%;  }
	.element .symbol { font-size: 100%; }
	.element.width2.height2 .symbol { font-size: 100%; }
	.element.width3.height2 .symbol { font-size: 100%; }
	
	/* Thumbnail sizes on mobile devices */
	.element {
		width: 144px !important;
		height: 98px !important;
		margin: 0 3px 3px 0 !important;
	}
	.element.height2 {
		height: 199px !important;
	}
	.element.width2 {
		width: 291px !important;
	}
	.element.width2.height2,
	.element.width3.height2 {
		height: 199px !important;
		width: 291px !important;
	}
	.element.width2.height2 .symbol,
	.element.width3.height2 .symbol {
		font-size: 200%;
	}
}


/**
 * 2.0 Project View
 * ----------------------------------------------------------------------------
 */
/* Navigation arrows */
.project-navigation,
.portfolio-arrowleft,
.portfolio-arrowright { display: none; }
.daisho-portfolio-viewing-project .project-navigation,
.daisho-portfolio-viewing-project .portfolio-arrowleft,
.daisho-portfolio-viewing-project .portfolio-arrowright { display: block; }

.project-navigation { width: 92%; max-width: 1120px; margin: auto; z-index: 205; position: fixed; right: 0; left: 0; top: 0; bottom: 0; }
.project-navigation { visibility: hidden; opacity: 0; }
.project-navigation-visible { opacity: 1; visibility: visible;
	-webkit-transition: visibility 0s linear 0s, opacity 0.7s linear;
	-moz-transition: visibility 0s linear 0s, opacity 0.7s linear;
	-o-transition: visibility 0s linear 0s, opacity 0.7s linear;
	-ms-transition: visibility 0s linear 0s, opacity 0.7s linear;
	transition: visibility 0s linear 0s, opacity 0.7s linear;
}
	.portfolio-arrowleft,
	.portfolio-arrowright { visibility: hidden; }
	.portfolio-arrowleft-normal,
	.portfolio-arrowright-normal { top: 0; bottom: 0; padding: 0; margin: auto; line-height: 100px; width: 110px; height: 85px; position: absolute; cursor: pointer; background-repeat: no-repeat; background-position: center top; text-indent: -9999px; }
	.portfolio-arrowleft-visible,
	.portfolio-arrowright-visible { visibility: visible; }

	.portfolio-arrowleft-normal { background-image: url(images/news-arrow-left-active-light.png); }
	.portfolio-arrowright-normal { background-image: url(images/news-arrow-right-active-light.png); }
	.portfolio-arrowright-normal { right: -90px;
		-webkit-transition: right 200ms ease-in-out;
		   -moz-transition: right 200ms ease-in-out;
		    -ms-transition: right 200ms ease-in-out;
		     -o-transition: right 200ms ease-in-out;
				transition: right 200ms ease-in-out;
	}
	.portfolio-arrowright-normal:hover { right: -100px; 
		-webkit-transition: right 200ms ease-in-out;
		   -moz-transition: right 200ms ease-in-out;
		    -ms-transition: right 200ms ease-in-out;
		     -o-transition: right 200ms ease-in-out;
				transition: right 200ms ease-in-out;
	}
	.portfolio-arrowleft-normal { left: -90px;
		-webkit-transition: left 200ms ease-in-out;
		   -moz-transition: left 200ms ease-in-out;
		    -ms-transition: left 200ms ease-in-out;
		     -o-transition: left 200ms ease-in-out;
				transition: left 200ms ease-in-out;
	}
	.portfolio-arrowleft-normal:hover { left: -100px; 
		-webkit-transition: left 200ms ease-in-out;
		   -moz-transition: left 200ms ease-in-out;
		    -ms-transition: left 200ms ease-in-out;
		     -o-transition: left 200ms ease-in-out;
				transition: left 200ms ease-in-out;
	}
	@media (max-width: 1260px) {
		.portfolio-arrowleft-normal { left: -75px; }
		.portfolio-arrowright-normal { right: -75px; }	
		.scrollbar-arrowleft-normal { left: -35px; right: auto; }
		.scrollbar-arrowright-normal { right: -35px; left: auto; }
		.portfolio-arrowleft-normal:hover { left: -80px; }
		.portfolio-arrowright-normal:hover { right: -80px; }
	}

@media (max-width: 950px) {
	.project-navigation { position: relative; margin-bottom: 25px; }
	.portfolio-arrowleft-normal,
	.portfolio-arrowright-normal { line-height: 1; font-size: 150%; text-transform: uppercase; color: #000; text-decoration: none; font-weight: 700; width: auto; height: auto; position: relative; cursor: pointer; background: none; text-indent: 0; left: 0; right: 0; }
	.portfolio-arrowleft-normal:hover,
	.portfolio-arrowright-normal:hover { left: 0; right: 0; color: #00A4A7; }
	.portfolio-arrowleft-normal { float: left; padding: 0 0 0 20px; }
	.portfolio-arrowright-normal { float: right; padding: 0 20px 0 0; }
	
	.portfolio-arrowleft-normal:before { content: "<"; font-family: WebSymbolsRegular, sans-serif;
		position: absolute;
		left: 0;
		font-size: 18px;
		line-height: 1.375;
		margin-right: 10px;
		cursor: pointer;
		color: #000;
	}
	.portfolio-arrowright-normal:before { content: ">"; font-family: WebSymbolsRegular, sans-serif;
		position: absolute;
		right: 0;
		font-size: 18px;
		line-height: 1.375;
		margin-left: 10px;
		cursor: pointer;
		color: #000;
	}
	.portfolio-arrowleft-normal:hover:before,
	.portfolio-arrowright-normal:hover:before  { color: #00A4A7; }
}
	
/* Project Box */
.portfolio_box { position: absolute; top: 0; left: 0; right: 0; width: 92%; max-width: 1120px; z-index: 210; opacity: 0; visibility: hidden; margin: 0 auto; padding-bottom: 20px; }
	.admin-bar .portfolio_box { top: 28px; }
	.content-projectc { margin: 0 auto; position: relative; width: 100%; margin-top: 140px; }
	.portfolio_box-visible { opacity: 1; visibility: visible; }
	.portfolio_box {
		-webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
		-moz-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
		-o-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
		-ms-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
		transition: visibility 0s linear 0.2s, opacity 0.2s linear;
	}
	.portfolio_box-visible {
		-webkit-transition: visibility 0s linear 0s, opacity 0.25s linear;
		-moz-transition: visibility 0s linear 0s, opacity 0.25s linear;
		-o-transition: visibility 0s linear 0s, opacity 0.25s linear;
		-ms-transition: visibility 0s linear 0s, opacity 0.25s linear;
		transition: visibility 0s linear 0s, opacity 0.25s linear;
	}
	
	@media (max-width: 950px) {
		.portfolio_box { position: relative; display: none; }
		.daisho-portfolio.daisho-portfolio-viewing-project .portfolio_box { display: block; }
		.content-projectc { margin-top: 40px; }
		.project-coverslide { display: none; }
	}
	
		/* Project Meta */
		.project-meta { text-transform: uppercase; color: #000; position: relative; width: 100%; max-width: 700px; }
			.project-meta-col-1 { float: left; width: 310px; max-width: 310px; min-width: 310px; margin-right: 40px; }
			.project-meta-col-2 { float: left; max-width: 310px; }
				.project-meta-data { margin-bottom: 5px; font-size: 75%; }
					.project-meta-heading { float: left; font: 900 100%/1 "Open Sans", sans-serif; padding-right: 10px; width: 75px; word-wrap: break-word; }
					.project-meta-description { color: #505050; float: left; font: 400 100%/1 "Open Sans", sans-serif; width: 225px; word-wrap: break-word; }
					.project-meta-description a { text-decoration: underline; }
					@media (max-width: 950px) {
						.project-meta-col-1 { float: left; max-width: none; min-width: 0; width: 100%; margin-right: 0; }
						.project-meta-col-2 { float: left; max-width: none; min-width: 0; width: 100%; margin-right: 0; }
								.project-meta-heading { width: 135px; }
								.project-meta-description { max-width: 255px; width: 100%; }
					}	
		
		/* Sharing Icons */
		.sharing-icons { position: absolute; right: 0; top: 0; }
		.sharing-icons a { display: inline-block; text-align: center; text-decoration: none; font-family: WebSymbolsRegular; font-size: 16px; width: 16px; color: #000; position: relative; margin-left: 18px; }
		.sharing-icons a:hover { color: #000; text-decoration: none; }
		.sharing-icons a:first-child { margin-left: 0; }
		.sharing-icons-tooltip { position: absolute; bottom: -18px; left: 8px; /* half of the link width */ margin-left: -35px; width: 70px; color: #fff; font: 10px "Open Sans", sans-serif; visibility: hidden; opacity: 0;
			-webkit-transition: visibility 0s linear 470ms, opacity 450ms 20ms ease-out, bottom 450ms 20ms ease-out;
			-moz-transition: visibility 0s linear 470ms, opacity 450ms 20ms ease-out, bottom 450ms 20ms ease-out;
			-o-transition: visibility 0s linear 470ms, opacity 450ms 20ms ease-out, bottom 450ms 20ms ease-out;
			-ms-transition: visibility 0s linear 470ms, opacity 450ms 20ms ease-out, bottom 450ms 20ms ease-out;
			transition: visibility 0s linear 470ms, opacity 450ms 20ms ease-out, bottom 450ms 20ms ease-out;
		}
		.sharing-icons-icon:hover + .sharing-icons-tooltip { visibility: visible; opacity: 1; bottom: -27px;
			-webkit-transition: visibility 0s linear, opacity 70ms linear, bottom 70ms linear;
			-moz-transition: visibility 0s linear, opacity 70ms linear, bottom 70ms linear;
			-o-transition: visibility 0s linear, opacity 70ms linear, bottom 70ms linear;
			-ms-transition: visibility 0s linear, opacity 70ms linear, bottom 70ms linear;
			transition: visibility 0s linear, opacity 70ms linear, bottom 70ms linear;
		}
		.sharing-icons-tooltip:after { color: #fff; content: attr(data-tooltip); font: 700 10px/1.5 "Open Sans", sans-serif; display: inline-block; padding: 2px 6px; text-transform: uppercase; background-color: #000; border-radius: 4px 4px 4px 4px; }
		@media (max-width: 950px){ .sharing-icons { display: none; } }
		
		/* Project Title and Description */
		.project-title { color: #000; font: 900 1000%/0.75 "Open Sans", sans-serif; margin: 0.375em 0; text-transform: uppercase; letter-spacing: -4px; width: 100%; word-wrap: break-word; }
		.project-description { color: #000; font: 400 137.5%/1.25 "Open Sans", sans-serif; margin-bottom: 3em; width: 70%; }
		.project-description:empty { margin: 0; }
		@media (max-width: 1200px){
			.project-title { font-size: 750%; }
		}
		@media (max-width: 950px){
			.project-title { font-size: 500%; }
			.project-description { font-size: 100%; width: 100%; }
		}
		@media (max-width: 640px){
			.project-title { font-size: 275%; margin: 0.5em 0; }
		}
		
		/* Project Slides */
		.project-slides { }
			.project-slide { position: relative; clear: both; }
			.project-slide-image { margin: 0 auto 5px auto; }
				.project-slide-image img { max-width: 100%; position: relative; }
				
				.project-slides .myvideo  img { max-width: 100%; width: 100%; }
				.project-slides embed, .project-slides iframe { z-index: 10; max-height: 660px; max-width: 1120px; width: 100%; }
				
				.project-slides img { max-width: 100%; position: relative; display: block; margin: 0 auto; }
				
				.project-slide-image, .project-slide-video, .project-slide-youtube, .project-slide-vimeo { margin: 0 auto 5px auto; }
				
				/* Project Slide Descriptions */
				.project-slides .project-slide-description { 
					background-image: linear-gradient(left , #fff 0%, rgba(255,255,255,0) 100%);
					background-image: -o-linear-gradient(left , #fff 0%, rgba(255,255,255,0) 100%);
					background-image: -moz-linear-gradient(left , #fff 0%, rgba(255,255,255,0) 100%);
					background-image: -webkit-linear-gradient(left , #fff 0%, rgba(255,255,255,0) 100%);
					background-image: -ms-linear-gradient(left , #fff 0%, rgba(255,255,255,0) 100%);
					background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, #fff), color-stop(1, rgba(255,255,255,0))); 
					bottom: 0; left: 0; padding: 1.25em 1.5em 0.5em 1.5em; position: absolute; width: 50%; word-wrap: break-word; color: #505050; font-family: "Open Sans", sans-serif; }
				@media (max-width: 950px){
					.project-slide .project-slide-description { display: block; background-image: none; padding: 20px 0 25px 0; position: relative; width: 100%; }
				}
				.project-slides .project-slide-description h4 { text-transform: uppercase; font-size: 125%; font-weight: 800; font-family: "Open Sans", sans-serif; margin: 0 0 0.5em 0; }
				.project-slides .project-slide-description p { margin-bottom: 0.75em; font-size: 87.5%; line-height: 1.25; font-weight: 400; }
					.project-slides .project-slide-description a { color: inherit; text-decoration: underline; }

				.project-slides .project-slide-description-below { display: block; margin: 20px 0 25px 0; }
				.project-slides .project-slide-description-below h4 { text-transform: uppercase; font-size: 125%; font-weight: 800; font-family: "Open Sans", sans-serif; margin-bottom: 5px; }
				.project-slides .project-slide-description-below p { margin-bottom: 1.25em; font-size: 87.5%; }
					.project-slides .project-slide-description-below a { color: inherit; text-decoration: underline; }
			
/* Project Background */
.project-coverslide { width: 100%; height: 100%; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 200; opacity: 0; visibility: hidden;
	-webkit-transition: visibility 0s linear 0.25s, opacity 0.25s ease-out;
	-moz-transition: visibility 0s linear 0.52s, opacity 0.25s ease-out;
	-o-transition: visibility 0s linear 0.25s, opacity 0.25s ease-out;
	-ms-transition: visibility 0s linear 0.25s, opacity 0.25s ease-out;
	transition: visibility 0s linear 0.25s, opacity 0.25s ease-out;
}
.project-coverslide-visible { opacity: 0.97; visibility: visible;
	-webkit-transition: visibility 0s linear 0s, opacity 0.25s linear;
	-moz-transition: visibility 0s linear 0s, opacity 0.25s linear;
	-o-transition: visibility 0s linear 0s, opacity 0.25s linear;
	-ms-transition: visibility 0s linear 0s, opacity 0.25s linear;
	transition: visibility 0s linear 0s, opacity 0.25s linear;
}

/* Thumbnails */
.project-img { opacity: 0; transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; }
.project-img-visible { opacity: 1; transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; }