/* html body */

	html, body {
		max-width: 1600px; 
		margin: 0 auto; border: 0; padding: 0;
		border-collapse: collapse; 
	
		font-size: 0; 
		font-family: "Helvetica", "Arial", "sans-serif";
		font-smooth: always; -webkit-font-smoothing: antialiased; 
	
		text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		}	
	
	img { border-style: none; }
	
	a { text-decoration: none; color: inherit; }
	
	b { letter-spacing: 0.25px; }
	
	u { border-bottom: 1px solid black; text-decoration: none; }
	
/* markers */

	#top { }
	
/* show, hide */
	
	@media screen and (min-width: 900px){	
		.l { display: block; position: sticky; top: 54px; }
		.m { display: none; }
		.s { display: none; }
	}	
	@media screen and (max-width: 900px){
		.l { display: none; }
		.m { display: block; position: sticky; top: 54px; }
		.s { display: none; }
	}	
	@media screen and (max-width: 600px){
		.m { display: none; }
		.s { display: block; }
	}
	
	
	
	
	
/* text styles */
		
	::selection { 
		background: whitesmoke;
		}
		
	.underline { 
		text-decoration: none; 
		}
		
	a.underline:hover { 
		text-decoration: none; 
		border-bottom: 1px solid black;
		cursor: pointer;
		}	

	
	
	
	
/* menu elements */
	
	.title {
		display: inline-block;
		width: calc(33.33% - 17.33px);
		font-size: 12px; 
		}
	@media screen and (max-width: 600px){
	.title { 
		width: calc(50% - 32px);
		}
	}
	@media screen and (max-width: 480px){
	.title { 
		width: calc(100% - 64px);
		}
	}
	
/* menu */

	#menu { 
		position: sticky;
		top: 0px;
		background: white;
		z-index: 800;
		}
	@media screen and (min-width: 600px){
	#menu { 
		border: 26px solid transparent;
		border-bottom: 20px solid transparent;
		border-top: 20px solid transparent;
		}
	}
	@media screen and (max-width: 600px){
	#menu { 
		border: 16px solid transparent;
		border-top: 14px solid transparent;
		}
	}
	
	.menu {
		display: block;
		position: relative;
		float: right;
		text-align: right;
		
		z-index: 700; 
		}
	




/* close window x */
	
	.x img {
		display: block;
		margin: 1px 0px 1px 26px;
		float: right;
		right: 0;
		}
	
	.x:hover { cursor: pointer; }
	
	
	
	
	
/* works */
	
	.works { 
		font-size: 0;
		}
	@media screen and (min-width: 600px){
	.works { 
		margin: 0 26px;
		}
	}
	@media screen and (max-width: 600px){
	.works {  
		margin: 0 16px;
		}
	}
	
/* works containers */
	
	.works-wrapper { 
		display: inline-block;
		width: 100%;
		overflow: visible; 
		}
	
	.works-container { 
		display: inline-block;
		width: 100%; 
		/* margin-top: 38px; */
		}
	@media screen and (max-width: 600px){
	.works-container {
		/* margin-top: 64px; */ 
		}
	}	
	
/* works abt txt content */
	
	.works-abt-txt { 
		display: inline-block;
		vertical-align: top;
		font-size: 12px; 
		line-height: 16px; 
		float: left;
		}
	.works-abt-img-txt { 
		display: inline-block;
		width: 100%; 
		float: right;
		margin-top: 6px;
		font-size: 10px;
		}
	@media screen and (min-width: 600px){
	.works-abt-txt { 
		position: sticky;
		width: calc(33.33% - 17.33px);
		margin-right: 26px;
		top: 54px;
		z-index: 500;
		}
  	.works-abt-img-txt{
		width: calc(66.66% - 8.66px);
  		}
	}
	@media screen and (max-width: 600px){
	.works-abt-txt { 
		width: 100%;
		margin: 6px 0px;
		}
  	.works-abt-img-txt{
  		width: 100%;
		margin: 6px 0px;
  		}
	}
	
/* works abt img content */
	
	.works-abt-img { 
		display: inline-block;
		float: right;
		}
	.works-abt-img-alt { 
		display: inline-block;
		float: right;
		}
	.works-abt-img img { 
		width: 100%; 
		}
	.abt-carousel {
		display: inline-block;
		float: right;
  		}
	@media screen and (min-width: 600px){
	.works-abt-img {
		width: calc(66.66% - 8.66px);
  		}
  	.works-abt-img-alt {
		width: calc(66.66% - 8.66px);
  		}
  	.works-abt-img-alt img { 
		width: calc(50% - 13px) ; 
		}
  	.abt-carousel {
		width: calc(66.66% - 8.66px);
  		}
	}
	@media screen and (max-width: 600px){
	.works-abt-img {
  		width: 100%;
  		}
  	.works-abt-img-alt {
		width: 100%;
  		}
  	.works-abt-img-alt img { 
		width: 100%; 
		}
  	.abt-carousel {
  		width: 100%; 
  		}
	}
	




/* footer */
		
	.arrow-top { 
		display: block;
		position: fixed;
		right: 0px;
		z-index: 900;
		}
	@media screen and (min-width: 600px){
	.arrow-top { 
		bottom: 24px;
		padding-right: 26px;
		}
	}
	@media screen and (max-width: 600px){
	.arrow-top { 
		bottom: 16px;
		padding-right: 16px;
		}
	}

/* rights */
		
	.rights-static {
		position: fixed;
		width: calc(100% - 52px);
		float: left;
		bottom: 0;
		
		border: 26px solid transparent;
		border-bottom: 20px solid transparent;
		border-top: 0px solid transparent;
	
		color: black;
		font-size: 12px;
		}
	@media screen and (min-width: 600px){
	.rights-static {
		border: 26px solid transparent;
		border-bottom: 20px solid transparent;
		border-top: 0px solid transparent;
		}
	}
	@media screen and (max-width: 600px){
	.rights-static {
		border: 16px solid transparent;
		border-bottom: 12px solid transparent;
		border-top: 0px solid transparent;
		}
	}
	
	.rights-flex { 
		width: calc(100% - 52px);
		float: left;
		
		color: black;
		font-size: 12px;
		}
	@media screen and (min-width: 600px){
	.rights-flex {
		position: fixed;
		border: 26px solid transparent;
		border-bottom: 20px solid transparent;
		border-top: 0px solid transparent;
		bottom: 0;
		}
	}
	@media screen and (max-width: 600px){
	.rights-flex {
		position: relative;
		border: 16px solid transparent;
		border-bottom: 12px solid transparent;
		border-top: 0px solid transparent;
		}
	}
	
	.rights-flow {
		position: fixed;
		width: calc(100% - 52px);
		float: left;
		bottom: 0;
	
		color: black;
		font-size: 12px;
		}
	@media screen and (min-width: 600px){
	.rights-flow {
		border: 26px solid transparent;
		border-bottom: 20px solid transparent;
		border-top: 0px solid transparent;
		}
	}
	@media screen and (max-width: 600px){
	.rights-flow {
		border: 16px solid transparent;
		border-bottom: 12px solid transparent;
		border-top: 0px solid transparent;
		}
	}
	@media screen and (max-width: 600px) and (max-height: 540px){
	.rights-flow {
		position: relative;
		}
	}
	
/* space */
	.break { 
		display: inline-block;
		height: 26px; 
		float: right;
		}
	@media screen and (min-width: 600px){
	.break { 
		width: calc(66.66% - 8.66px);
		}
	}
	@media screen and (max-width: 600px){
	.break { 
		width: 100%; 
		}
	}
	
	.space { 
		display: inline-block;
		width: 100%;
		height: 90px; 
		}
	
	
	
	
  	
/* audio */
	
	audio {
		display: block;
		position: relative; 
		width: 100%;
		}
	
	.audio {
		display: inline-block;
		position: relative; 
		border-top: 20px solid transparent;
		border-right: 20px solid transparent;
		}
	
    .audio-btn { 
    	display: inline-block;
		position: relative;
	
		border: 3px solid transparent;
		border-top: 10px solid transparent;
	
		width: 15px;
		float: left;
		}	
	
/* audio */

	video {
		width: 100%;
		height: 100%;

		border: 0;
		padding: 0;
		margin: 0;

		outline: none;
		border: 1px solid #e3e4e5;
		text-decoration: none;
		}
		
	video:hover { cursor: pointer }
	
/* carousel btns */

	.slidesjs-previous img { 
		position: absolute; 
		height: 12px;
		float: left; 
  		margin-left: 13px; 
		top: 50%;
  		transform: translateY(-50%);
		z-index: 500;
		}
	
	.slidesjs-next img {
		position: absolute; 
		height: 12px;
		right: 0px; 
		margin-right: 13px; 
		top: 50%;
 		transform: translateY(-50%); 
		z-index: 500;
		}
		
/* carousels */	

	#carousel-001 { 
  		display: none; 
  		position: relative; 
  		}
	
  	#carousel-002 { 
  		display: none; 
  		position: relative; 
  		}
  		
  	#carousel-003 { 
  		display: none; 
  		position: relative; 
  		}
  		
  	#carousel-004 { 
  		display: none; 
  		position: relative; 
  		}