@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: Plantin;
    src: url('fonts/PlantinMTStd-Regular.woff') format('woff'),
		url('fonts/PlantinMTStd-Regular.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
    font-family: Plantin;
    src: url('fonts/PlantinMTStd-Bold.woff') format('woff'),
		url('fonts/PlantinMTStd-Bold.otf') format('opentype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
    font-family: Plantin;
    src: url('fonts/PlantinMTStd-BoldItalic.woff') format('woff'),
		url('fonts/PlantinMTStd-BoldItalic.otf') format('opentype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
    font-family: Plantin;has
    src: url('fonts/PlantinMTStd-Italic.woff') format('woff'),
		url('fonts/PlantinMTStd-Italic.otf') format('opentype');
	font-weight: 400;
	font-style: italic;
}

@font-face {
    font-family: Plantin;
    src: url('fonts/PlantinMTStd-Light.woff') format('woff'),
		url('fonts/PlantinMTStd-Light.otf') format('opentype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
    font-family: Plantin;
    src: url('fonts/PlantinMTStd-LightItalic.woff') format('woff'),
		url('fonts/PlantinMTStd-LightItalic.otf') format('opentype');
	font-weight: 100;
	font-style: italic;
}

@font-face {
    font-family: Plantin;
    src: url('fonts/PlantinMTStd-Sremibold.woff') format('woff'),
		url('fonts/PlantinMTStd-Sremibold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
    font-family: Plantin;
    src: url('fonts/PlantinMTStd-SremiboldIt.woff') format('woff'),
		url('fonts/PlantinMTStd-SremiboldIt.otf') format('opentype');
	font-weight: 700;
	font-style: italic;
}

body {
	font-family:Plantin;
	color:#444;
	font-size:1.4rem;
	letter-spacing:0.05rem;
	font-weight:100;
}
/** {
	margin:0;
	padding:0;
	font-family:Plantin;
	line-height:1.8;
	letter-spacing:0.05rem;
	font-size:1rem;
	box-sizing:border-box;
	color:#666;
}*/
h1, h2, h3, h4, h5, h6 {
font-weight:100;
	line-height:1.5;
	margin:0;
	font-weight: 500;
}

p {
	line-height:1.8;
}
/*.nowrap {
	white-space: nowrap;
}
.header hgroup h2 span.nowrap,
	.rsvp h1 span.nowrap {
	display: inline;
}*/
.container {
	padding:0;
	width:auto!important;
}

.header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:99;
	min-height:40px;
	height:100vh;
	
}
.header .bg {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-image:url(img/kv.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;	
opacity:0;
}
.header .bg.lsunvh {
}
/*.header hgroup {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	z-index:2;

	text-align:center;
	text-transform:uppercase;
	text-shadow: 0px 0px 10px #362B24;
	margin-top:-4.5rem;
}*/

/*.header .bg .inner {
position:absolute;
top:8rem;
left:2rem;
right:2rem;
bottom:8rem;
background-image:url(img/kv.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;	
max-width:70rem;
margin:auto;
display:none;
}*/

.header hgroup h1 {
	position:absolute;
	top:18vh;
	margin-top:-9vh;
	left:0.5rem;
	right:0.5rem;
	z-index:2;
	text-align:center;
	line-height:1;
	font-size:2rem;
	letter-spacing:0.4rem;
		opacity:0;	color:#000;
		text-transform:uppercase;
		
		vertical-align:middle;
}

.header.HRatio hgroup h1 {
	top:20%;
	margin-top:-7.5%;
}
.header hgroup h2 {
	position:absolute;
	bottom:4rem;
		z-index:2;
	text-align:center;

	opacity:0;	color:#000;
		vertical-align:middle;
		margin:auto;
		left:0.5rem;
		right:0.5rem;
		max-width:100%;
		margin:auto;
}

.header.HRatio hgroup h2 {
	bottom:auto;
	top:85vh;
}

.header hgroup h2,
.rsvp h1 {
	line-height:1.5;
}
.header hgroup h2 span,
.rsvp h1 span {
	font-size:1.5rem;
		padding:0 0.2rem;
		display:inline-block;
	
}

.header .lang {
	position:absolute;
	top:0rem;
	right:10px;
	z-index:2;
	line-height:40px;
	display:none;
}
.header .lang span {
	color:#fff;
	opacity:0.5;
	padding: 0 0.5rem;
}
.header .lang a, .header .lang a:visited  {
	color:#fff;
	text-decoration:none;
	padding: 0 0.5rem;
}
.header.bar {
	background-color:#362B24;
	
}
.header.bar .bg .inner {
	display:none;
}
.header.bar .bg {
	opacity:0.5!important;
	background-size:200%;
}
.header.bar  h1,
.header.HRatio.bar  h1 {
	top:0;
	left:0;
	right:0;
	text-align:center;
	margin:0;
	opacity:1!important;
line-height:44px;
		color:#fff;
	font-size:1.5rem;	
}
.header.bar h1 {
}

.header.bar h2 {
	display:none;
	
}



.header .arrow1, .header .arrow2 {
	display:block;
	text-align:center;
	color:#fff;
	position:absolute;
	z-index:3;
	font-size:4rem;
	left:0;
	right:0;
}
.header .arrow1{
	   bottom:1rem;
}
 .header .arrow2 {
	  bottom:0.5rem;
}

.header.HRatio .arrow1{
	   bottom:auto;
	   top:92vh;
}
 .header.HRatio .arrow2 {
	  bottom:auto;
   top:93vh;
}


@keyframes arrowdown1 {
  from {
    bottom:1.5rem;
	 opacity:1;
  }

  to {
bottom:0.5rem;
	 opacity:0;
  }
}

@keyframes arrowdown2 {
  from {
    bottom:1rem;
	 opacity:1;
  }

  to {
bottom:0rem;
	 opacity:0;
  }
}

.header .arrow1 {
  animation-duration:2s;
  animation-name: arrowdown1;
  animation-iteration-count: infinite;
  animation-direction:alternative;
}
.header .arrow2 {
  animation-duration:2s;
  animation-name: arrowdown2;
  animation-iteration-count: infinite;
  animation-direction: alternative;
	  animation-delay:1.5s;
}

.header.bar .arrow1,.header.bar .arrow2 {
	display:none;
}
.intro {
	opacity:0;
}
.intro p {
	padding:4rem 1.5rem;
	font-size:1.5rem;
	
		text-align:center;
}
.concept {
	position:relative;
	opacity:1;
	overflow:hidden;
}
.concept .swiper-container .swiper-slide{
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}   

.concept .swiper-container .swiper-button-prev, .concept .swiper-container .swiper-button-next {
	background:none;
	width:auto;
	height:auto;
	margin-top:-2rem;
	color:#fff;
	font-size:4rem;
	opacity:0.8;
}
.concept .swiper-container .swiper-button-prev:hover, .concept .swiper-container .swiper-button-next:hover {
	oapcity:1;
}

.concept .swiper-container .swiper-pagination-bullet {
	width:6px;
	height:6px;
}

.concept .swiper-container .swiper-pagination-bullet-active {
	background-color:#fff;
}
.concept  .swiper-scrollbar {
	display:none;
}




.concept  hgroup {
	position:absolute;
	top:50%;
	left:30px;
	right:30px;
	text-align:center;
	margin-top:-1.8rem;
	z-index:9;
	text-shadow: 0 0 8px #9ca9af;
}

.concept  hgroup, .concept .img1 h1 {
}
.concept h1 span {
	font-size:1.5rem;
	color:#fff;
	line-height:1.8rem;
	display:block;
	padding:0 0.2rem;
	letter-spacing:0.1rem;
	
}

.video{
	width:100%;
	position:relative;
	opacity:0;
	overflow:hidden;		padding: 0 1rem 4rem 1rem;
}
.video .cover {
	position:absolute;
	top:0;
	left:1rem;
	right:1rem;
	bottom:4rem;
	z-index:2;
	background-image:url(img/video_cover.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	cursor:pointer;
	opacity:1;
	
}
.video .cover .btn {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-50px;
	margin-top:-50px;
	z-index:2;
	width:100px;
	height:100px;
	background-image:url(img/play_btn.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	opacity:0.8;
}

.video .cover:hover .btn {
	opacity:1;
	transition-duration:1s;
}
.video video{
/*width:auto;
position:absolute;
top:0;
left:50%;
transform: translateX(-50%);*/
margin:auto;
width:100%;
}

.people {
		padding:4rem 0 3rem 0 ;
		margin: 0 1rem;
}

.people .title {
	opacity:0;
}
.people .title h1 {
	padding-bottom:4rem;
	font-size:2rem;
	letter-spacing:0.4rem;
	text-align:center;
	
}
.people section {
	overflow:hidden;
}
.people .adrian, .people .uchida {
	opacity:0;
}
.people .portrait {
	width:20rem;
	height:30rem;
	background-size:cover;
	background-repeat: no-repeat;
	background-position:center;
	margin:auto;

margin-bottom:3rem;
}
.people .uchida {
	margin-top:2rem;
	padding-top:4rem;
	border-top:1px solid #ddd;
}
.people .adrian .portrait { 
background-image:url(img/adrian.jpg);
}
.people .uchida .portrait { 
background-image:url(img/uchida.jpg);
}

.people .adrian .portrait {
}
.people .adrian .desc {
}
.people .name {
	
	text-align:center;
	padding-bottom:2rem;
}

.people .name h1, .people .name h2 {
	display:inline-block;
	font-size:1.6rem;
text-transform:uppercase;
letter-spacing: 0.2rem;
}
.people p {
	padding:0 0rem;
}
 .people .name h1 {
padding-right:0.5rem;
 }
 .people .name h3 {
font-size:1.3rem;
text-transform:uppercase;
letter-spacing: 0.2rem;
 }
 .people .desc p {
 }
 
 .portfolio  {
overflow:hidden;
 }
 .portfolio section {
	 position:relative;
	 opacity:0;
	 overflow:hidden;
	 cursor:pointer;
	 padding:0 10px;
 }
 .portfolio .bg {
	 position:absolute;
	 top:0;
	 left:0;
	 right:0;
	 bottom:0;
 background-position:center;
	 background-size:cover;
	 background-repeat:no-repeat;
	 opacity:1;
	 
	transition-duration:1s;
 }
 
 
 
.portfolio section.active .bg {
	transform:scale(1.1);
		 opacity:0.6;

	transition-duration:1s;
  }
  
  
  .portfolio .sketch.active .bg {
		 opacity:0.3;
  }
  .portfolio .sketch.active {
	  background-color:#f8f8f8;
  }
  
 .collection .bg {
 	 background-image:url(img/collection-cover.jpg);
	}
	
	.sketch  {
		background-color:#ccc;
	}
 .sketch .bg {
	 
 	 background-image:url(img/sketch.jpg);
	 opacity:0.5;
	}
 .craft .bg {
 	 background-image:url(img/craft-cover.jpg);
	 opacity:0.8;
	}
 .portfolio section hgroup {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	z-index:2;

	text-align:center;
	text-transform:uppercase;
	margin-top:-4rem;
}
.portfolio section hgroup h1,
.portfolio section hgroup h2,
.portfolio section hgroup h3 {
	font-size:2rem;
	letter-spacing:0.6rem;
	color:#000;
	display:block;
	transition-duration:0.5s;
	font-weight: 500;
}
 .portfolio section.collection hgroup {
	 margin-top:-8rem;
 }
 .portfolio section.collection hgroup h1,
.portfolio section.collection hgroup h3 {
	font-size:1.5rem;
	letter-spacing:0.3rem;
}
.portfolio section.collection hgroup h2 {
	display:block;
	font-size:3rem;
	margin:0rem auto;
	letter-spacing:0.6rem;
	font-weight:900;
}
.portfolio section.collection hgroup h3 {
	text-transform:none;
		letter-spacing:0.15rem;
}
.portfolio section hgroup .btn {
		margin-top:2rem;
		
	transition-duration:0.5s;
}


 
 .portfolio section.active h1,
 .portfolio section.active h2,
 .portfolio section.active h3 {
color:#000;
 }
 
 
  .portfolio section .slide {
	  opacity:0;
  }
 .portfolio section .cover {
	 position:absolute;
	 top:0;
	 left:0;
	 right:0;
	 bottom:0;
opacity:0;
z-index:3;
cursor:pointer;
 }
 
 
.portfolio .btn {
	font-size:1.6rem;
	letter-spacing:0.3rem;
	opacity:1;
	clear:both;
	display:inline-block;
color:#000;
line-height:1;
text-decoration:none;
text-transform:uppercase;
border:2px solid #000;
border-radius:0;
	    padding: 1.1rem 1.2rem 0.9rem 1.5rem;
}

.mac .portfolio .btn {
padding:1.5rem 1.6rem 0.9rem 1.8rem ;
}
.portfolio section.active .btn {
	background-color:#000;
	transition-duration:0.5s;
	color:#fff;
	border:2px solid #000;
}


 
 .rsvp {
	 position:relative;
	 display:table-cell;
	 vertical-align:middle;
	 text-align:center;
	 width:100vw;
	 padding:4rem 0;
	 		 background-image:url(img/rsvp-bg.jpg);
	 background-position:center;
	 background-size:cover;
	 background-repeat:no-repeat;
	 padding:3rem 0; }


 .rsvp .bg {
	 position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;

 }
 
  .rsvp h1 span {
	  color:#fff;
	text-shadow: 0px 0px 5px #666;
	line-height: 1.8;
	font-style:italic;
  }
  
    .rsvp h1 span.nowrap.s1 {
		display:block;
	}
/* 
 .rsvp h1 {
	
	letter-spacing:0.5rem;
	opacity:1;
	color:#fff!important;text-transform:uppercase;
	line-height:1;
	color:#fff;
	margin:auto;
}
 .rsvp h1 span {
font-size:1.2rem;
display:block;
color:#fff;
	text-shadow: 0px 0px 10px #362B24;

		letter-spacing:0.05rem;
line-height:1.5;

 }*/
.rsvp .btn {
	font-size:1.6rem;
	letter-spacing:0.3rem;
	opacity:1;
	clear:both;
	display:inline-block;
color:#fff;
text-decoration:none;
text-transform:uppercase;

   padding: 1.1rem 1.2rem 0.9rem 1.5rem;
background-color:#444;	
border-radius:0;

}
	 


.mac .rsvp .btn {
padding:1.5rem 1.6rem 0.9rem 1.8rem ;
}


.rsvp .btn:hover {
	background-color:#000;
	transition-duration:0.5s;
	color:#fff;
}



.rsvp {
	opacity:0;
	color:#fff;
	letter-spacing:0.1rem;
}

.rsvp a {
		color:#fff;
	
}
.rsvp .info {
	margin:auto;
	padding:4rem 1.5rem 1rem 1.5rem ;
	display:block;
	margin:3rem 1rem 0rem 1rem ;
	background: rgba(96,96,96,1);
background: -moz-linear-gradient(top, rgba(96,96,96,1) 0%, rgba(96,96,96,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(96,96,96,1)), color-stop(100%, rgba(96,96,96,0)));
background: -webkit-linear-gradient(top, rgba(96,96,96,1) 0%, rgba(96,96,96,0) 100%);
background: -o-linear-gradient(top, rgba(96,96,96,1) 0%, rgba(96,96,96,0) 100%);
background: -ms-linear-gradient(top, rgba(96,96,96,1) 0%, rgba(96,96,96,0) 100%);
background: linear-gradient(to bottom, rgba(96,96,96,1) 0%, rgba(96,96,96,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#888888', GradientType=0 );
	text-shadow: 0px 0px 5px #666;

}


.rsvp .world {
	display:none;
}
  

.rsvp .info ul {
	padding:0; 
}

.rsvp .info ul li {
	list-style:none;
	}
.rsvp .info p {
	text-transform: uppercase;
	letter-spacing:0.3rem;
	font-size:1.7rem;color:#fff;

}
.rsvp .world p {
	margin:0;
}
.rsvp .world .p2 {
	
		font-size:1.5rem;
}
	
	.rsvp .world span {
		padding:0 5px;
	}
	.rsvp .world .desc p {
			width:190px;
			margin:2.5rem auto 2.5rem auto;
			text-shadow:none;
			box-shadow: 0 0 5px #666;
			float:none;
			line-height:2;
		
	padding-top:0.3rem;
	padding-left:0.4rem;
		font-size:1.2rem;
	margin-bottom:2.5rem;
	}
	
	.rsvp .world .desc .p2 {
		color:#666;
			background-color:rgba(255,255,255,1);
		}
	.rsvp .world .desc .p3 {
		color:#fff;
			background-color:none;
			border:1px solid #fff;
			text-shadow: 0 0 5px #666;
		}
	
	.rsvp .world .desc.done {
	

	}
	.rsvp .done {
		padding-top:0.5rem;
	}
		.rsvp .world .desc.done a {
			color:#fff;
		}
		
		.rsvp .world .desc.soon span {
			opacity:1;
			display:inline-block;
			font-size:1.6rem;
		}
		.rsvp .contact i {
			font-size:2rem;
		}
		
		.rsvp .world .desc.soon span:hover {
			
		}
.rsvp .info .label {
	margin-top:3rem;
	color:#fff!important;
	font-size:1.5rem;
	margin-bottom:0.5rem;
			display:block;
					font-style:italic;
					font-weight:100;
					padding:0;
}

.rsvp .info .desc {
	color:#fff!important;
	font-size:1.6rem;
			display:block;
line-height: 1.5;
}

.rsvp .info .fa-map-marker {
	color:#fff;
	font-size:1.5rem;
	padding-left:0.5rem;
	text-decoration:none;
}
.rsvp .hashtag {
	margin:2rem auto 1rem auto ;
}

.rsvp .hashtag .ig1 {
	display:block;
	margin:auto;
	margin-bottom:0.5rem;
	width:30px;
	height:30px;
}
.rsvp .hashtag .ig2 {
	display:none;
}
.rsvp .hashtag img {
	width:30px;
	height:30px;
}
.rsvp .hashtag a {
	color:#fff;
	display:inline-block;
	padding:0 0.5rem;
	color:#fff!important;
	font-size:1.5rem;
}

.rsvp .hashtag .ig1 {
	padding:0;
}

.rsvp .adrianig {
	font-size: 1.5rem;
	margin:0rem auto 2rem auto ;
}

.rsvp .adrianig span {
	font-weight:normal;
	font-style: italic;
}

.rsvp .adrianig a {
	font-style: italic;
}

.tour {
	display: none;
}

.recap .slide {
	background: #000;
	position: relative;
}

.recap .slide .bg {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0.9;
	
}

.recap .slide .color-filter {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.recap .slide.tokyo .color-filter {
	    background-color: rgba(120,140,160,0.4);
}
.recap .slide.seoul .color-filter {
	       background-color: rgba(98,115,90,0.4);
}.recap .slide.milan .color-filter {
	    background-color: rgba(111,103,90,0.4);
}
.recap .text{

	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:2;
	text-align:center;
		text-transform:uppercase;
		color:#fff;
		vertical-align:middle;
		text-shadow: 0 0 5px #666;
		
	
	z-index:2;

}
.recap .text a{
	display:inline-block;
	margin: 40px auto 0 auto;
	padding:5px 15px;
	text-transform:uppercase;
	border:2px solid #fff;
	color:#fff;
	text-decoration:none;
	letter-spacing:3px;
	opacity:0;
	text-shadow:none;
	    padding: 1.1rem 1.2rem 0.9rem 1.5rem;
}

.mac .recap .text a {
padding:1.5rem 1.6rem 0.9rem 1.8rem ;
}

.recap .text a:hover{
	background:#fff;
	color:#444;
	transition-duration:0.1s;
}

/*.recap .slider {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:20px 20px;
	background-color:rgba(255,255,255,0.9);
	z-index:3;
	opacity:0;
}*/
.recap .region {
	overflow:hidden;
	margin:0 20px;
	position:relative;
	height:24px;
}
.recap .slider ul{
	margin:0 auto;
	padding:0;
	text-align:left;
	width:800px;
	top:0px;
	position:absolute;
	left:50%;
	margin-left:-40px;
	transition-duration:0.5s;
}
.recap .slider li {
	display:inline-block;
	padding:0 10px;
	list-style:none;
	color:#000;
	letter-spacing:1px;
	opacity:0.5;
}
.recap .slider li.active {
	opacity:1;

}

.recap .slider .prev  {
	position:absolute;
	top:20px;
	left:15px;
	display:block;
	width:24px;
	height:24px;
	background-image:url(img/arrow_l.png);
	background-repeat:no-repeat;
	background-size:40%;
	background-position:left;
	opacity:0.5;
	z-index:2;
	cursor: pointer;
}
.recap .slider .next  {
	position:absolute;
	top:20px;
	right:15px;
		display:block;
	width:24px;
	height:24px;
		background-image:url(img/arrow_r.png);
	background-repeat:no-repeat;
	background-size:40%;
	background-position:right;
	opacity:0.5;
		z-index:2;
	cursor: pointer;

}


.recap .slider .prev:hover,
.recap .slider .next:hover  {
	opacity:1;
	transition-duration:0.5s;
	
}

.recap .text h3 {
	font-size:5rem;
	letter-spacing:0.5rem;
opacity:0;
margin-top:3rem;
}


.recap .text h4 {
	font-size:1.6rem;
	letter-spacing:0.3rem;
opacity:0;
margin-top:1rem;
}

.recap .text h5 {
	font-size:1.6rem;
	letter-spacing:0.3rem;
opacity:0;
margin-top:0.5rem;
}

.recap .text h2 {
	line-height:1.5;
	margin-top:0rem;
	text-transform:none;
	opacity:0;
	    font-size: 16px;
    text-transform: uppercase;
	    letter-spacing: 4px;
}
.recap .text h2 span {
	font-size:1.5rem;
		padding:0 0.2em;
		display:inline-block;
	
}

.recap.view-half {
	opacity:1;
	transition-duration:1s;
}
.recap .text .line {
	width:0%;
	height:1px;
	box-shadow: 0 0 5px #666;
	background-color:#fff;
	margin:3rem auto 0 auto;
	max-width:540px;
}

.recap .text .line1{

margin-top:1.5rem;
}
.recap.view-half .color-filter {
	opacity:0;
}
.recap.view-half .slick-active .color-filter {
	opacity:1;
	transition-duration: 3s;
	
    transition-delay: 1s;

}
.recap.view-half .slick-active .text .line {
	width:100%;
	transition-duration:1.5s;
	transition-delay:1s;
	transition-timing-function:ease-in;
}
.recap.view-half .slick-active .text h2 {
	opacity:1;
	transition-delay:1s;
	transition-duration:1s;
	
}
.recap.view-half .slick-active .text h3 {
	opacity:1;
	transition-delay:1.5s;
	transition-duration:1s;
	
}
.recap.view-half .slick-active .text h4 {
	opacity:1;
	transition-delay:2s;
	transition-duration:1s;
}
.recap.view-half .slick-active .text h5 {
	opacity:1;
	transition-delay:2.5s;
	transition-duration:1s;
}

.recap .slider{
	opacity:0;
}
.recap.view-half .slider{
		opacity:1;
	transition-duration:1s;
}
.recap .slide {
	opacity: 0;
}

.recap .slide.slick-active {
	opacity:1;
	transition-duration: 0.5s;
}
.recap.view-half .slick-active .text a{
		opacity:1;
	transition-delay:3s;
	transition-duration:1s;
}

.recap {
	position: relative;
}



.recap .slide .bg {
	background-position: center;
	background-size:cover;
	background-repeat: no-repeat;
}

.recap .slick-arrow {
	
    z-index: 1;
	width:24px;
	height:24px;
	
    opacity: 0.7;
	transition-duration: 0.5s;
}


.recap .slick-arrow:hover {
	opacity:1;
	transform:translate(0,-50%) scale(1.2,1.2);
}
.recap .slick-prev {
	left:20px;
}
.recap .slick-next {
	right:20px;
}

.slick-prev:before, .slick-next:before {
	font-size:24px;
}
.recap .nav .slick-slider .slick-track {
    width: auto!important;
    transform: none!important;
}
.recap .nav .slick-initialized .slick-slide {
	width:auto!important;
}
.slick-slider .slick-list {
	padding:0!important;
}
.slick-track:before, .slick-track:after {
	display:inline;
}
.recap .nav div {
	position: static;
}
.recap .nav .nav-item {
	display:inline-block;
	transition-duration: 0.5s;
}
.recap .nav .slick-track,
.recap .nav .slick-list {
	top:auto;
	left:auto;
	display: inline;
}
.recap .nav .slick-slide {
	float:none;
}
.recap .nav {
	text-align: center;
}
.recap .nav>div {
	display:inline;
}


.recap .nav .slick-track .nav-item {
	padding-left:0.4em;
}
.recap .nav {
	background-color:rgba(255,255,255,0.8);
	padding:1em 0.5em;
	position:absolute;
	bottoM:0;
	left:0;
	right:0;
	z-index: 1;
}
.recap .nav .slick-current {
	/*transform:scale(1.3,1.3);*/
}
.recap .nav .nav-item {
	margin:0 0.5em;
	color:#888;
	outline: none;
}

.recap .nav .slick-track .nav-item {
	color:#000;
	cursor:pointer;
}

.launch {
	opacity:1!important;
	transition-duration:2s;
}
.view-half {
	opacity:0.5!important;
	transition-duration:1s;
}

.view-full {
	opacity:1!important;
	transition-duration:1s;
}

.dismiss {
	opacity:0!important;
	transition-duration:1s;
}
.displaynone {
	display:none;
}

.rsvp {
	display: none;
}
footer {
padding:1.5rem 1rem;
text-align:center;
}
footer .contact a {
	color:#000;
	display:block;
	
}

footer .contact .adrianig a {
	display:inline;
}
footer .contact .adrianig,
footer .contact .hashtag,
footer .contact .email {
	margin-bottom:1rem;
}

footer .contact .wander i,
footer .contact .email i {
	display:block;
	margin:auto;
		margin-bottom:0.5rem;
		font-size:2rem;
		text-decoration:none;
}
footer .contact .adrian i {
	display:none;
}

footer p{
	font-size:1rem;
	color:#888;
	text-align:center;
	padding:0;
margin:auto;
}
footer p span {

	display:inline-block;
	padding:0 0.2rem;
}




@media only screen and (min-width: 640px) {
	.header hgroup h1 {
		font-size:2.5rem;
		letter-spacing:1rem;
	}
	.header hgroup h2 span {
		font-size:1.5rem;
		
	}
	
	.header.bar h1 {
		font-size:1.8rem;
		letter-spacing:0.6rem;
	}
	.intro p {
		padding:4rem 2rem;
	}
	.rsvp h1 span {
		font-size:1.5rem;
	}
	
	
.concept .img1 hgroup {
}
.concept .img1,
	.concept .img2,
	.concept .img3 {
	}
.concept h1,
.concept h2 {
	font-size:2rem;
	line-height:2.4rem;
	
}
	.people {
		margin:0 2rem;
	}


	.portfolio .sketch, .portfolio .craft {
		width:50%;
		float:left;
	}
	
	.video{padding: 0 2rem 4rem 2rem;
}
.video .cover {
	left:1.9rem;
	right:1.9rem;
	bottom:3.9rem;
}
	
	.rsvp  {
		padding:4rem 0;
	}
	
	.rsvp h1 span {
		font-size:1.5rem;
		}
	.rsvp .info {
			margin:3rem 2rem;
	}
	.rsvp .info p {
		font-size:2rem;
		    font-weight: normal;
		letter-spacing:0.6rem;
	}
	
	.rsvp .info .label {
		font-size:1.5rem;
	}
	
		.rsvp .info .desc,
		.rsvp .info .hashtag {
			/*font-size:1.8rem;*/
		}
		footer p {
			font-size:1.2rem;
			letter-spacing:0.1rem;
		}
	}
@media only screen and (min-width: 480px) {
	.concept .img2,.concept .img2 img, 	.concept .img3,.concept .img3 img {
		height:150px;
	}
	
	.rsvp .hashtag .ig1 {
		display:none;
	}
	.rsvp .hashtag .ig2 {
		display:inline-block;
	}
}

@media only screen and (min-width: 590px) {
	.concept .img1,.concept .img1 img {
		height:330px;
	}
	.concept .img2,.concept .img2 img, 	.concept .img3,.concept .img3 img {
		height:200px;
	}
	
	footer .hashtag a {
		display:inline-block;
	}
	footer .hashtag .wander i {
		display:none;
	}

	footer .hashtag .adrian i {
		display:inline-block;
		font-size:2rem;
		transform: translateY(2px);
		padding:0 10px;
	}
	footer .contact .email i {
		display:inline-block;
		font-size:2rem;
		transform: translateY(2px);
		padding:0 10px  0 0px  ;
	}

}
@media only screen and (min-width: 768px) {
	.header hgroup h1 {
		font-size:3rem;
		letter-spacing:1rem;
	}
	
	.header hgroup h2 {
	/*	max-width:768px;*/
	}
	
	.header hgroup h2 span {
		font-size:1.8rem;
		letter-spacing:0.1rem;
	}
		.header hgroup h2 span span:nth-child(3){
			display:block;
			margin:auto;
			}
			
	
	.intro p {
		font-size:1.6rem;
		max-width:900px;
		margin:auto;
		padding:6rem 2rem;
		letter-spacing:0.1rem;
	}
/*	.concept {
		margin:auto auto auto auto;
		max-width:1200px;
		
	}*/
.concept .img1,
.concept .img2,
.concept .img3,
.concept img {
	height:auto!important;
	position:relative;
	top:auto;
	left:auto;
	transform:none;
	}

	.concept .img1 img {
		width:100%;
			}
.concept .img2 img,
.concept .img3 img {
		width:100%;
}
	
	

	.concept .img1 {
		border-bottom:10px solid #fff;
	}
	.concept .img2 {
			border-top:10px solid #fff;
					border-right:10px solid #fff;
	
	}
	
	.concept .img3 {
			border-top:10px solid #fff;
					border-left:10px solid #fff;
	}

.concept hgroup {
	margin-top:-1.2rem;
}
	.concept h1 span {
		display:inline-block;
		font-size:1.8rem;
		
	}
	/*
	.rsvp .info p {
		font-size:3rem;
		letter-spacing:1rem;
	}*/
	.rsvp h1 span {
		font-size:1.8rem;
	}
	.people  {
		max-width:1000px;
		margin:auto;
		padding:4rem 0rem;
		overflow:hidden;
	}
	.people .title h1 {
		font-size:2.5rem;
		letter-spacing:0.5rem;
	}
	
	.people .adrian {
		width:50%;
		float:left;
		margin:0;
		padding:0;
		padding:0 2rem;
	}
		.people .uchida {
		width:50%;
		float:right;
		margin:0;
		padding:0;
		border:none;
		padding:0 2rem;
	}
	.people p {
			letter-spacing:0.1rem;
	
	}
	.video {
		max-width:1000px;
		margin:auto;
		padding: 0 2rem 4rem 2rem;
	}
	
	.video video{
		
		
	}
	.rsvp h1 {
		max-width:800px;
		margin:auto;
			letter-spacing:0.1rem;
	
	}
	.rsvp ul {
		margin-bottom:0;
	}
	.rsvp .info {
		max-width:720px;
		margin: 4rem auto 0rem auto ;
	}
	.rsvp .world {
			padding: 4rem 6rem 0 6rem;
	
	}
	.rsvp .desc, .rsvp .hashtag {
			letter-spacing:0.1rem;
			
	
	} .rsvp .hashtag {
	margin:2.5rem auto;
	}
	.rsvp .info .fa-map-marker {
		font-size:2rem;
	}
	/*
	.container {
		width:auto;
	}
	.header .bg .inner {
		top:8rem;
		bottom:8rem;
		left:4rem;
		right:4rem;
	}
	
	.header hgroup h2 {
		font-size:2rem;
		max-width:100%;
		margin:auto;
		
	}
	
	
		
	.header.bar h1 {
	}
	
	.concept hgroup {
		margin-top:-3rem;
	}
	.concept hgroup h2 {
			font-size:1.25rem;
		letter-spacing:0.5rem;
	}
	
	.concept hgroup h1 {
			font-size:2.5rem;
		letter-spacing:0.8rem;
	}
	.people .name {
		padding-top:0;
	}
	
	.people .portrait {
		width:20rem;
		height:30rem;
	}
	.people .adrian .portrait {
		margin-right:2rem;
	}
	.people .uchida .portrait {
		float:right;
		margin-left:2rem;
	}
	.people .adrian .desc {
	}
	.people  .name {
		text-align:left;
	}
	.people .uchida .desc {
	}
	.people .uchida .name {
	}
	
	.collection hgroup h2 {
	}
	
	.collection hgroup h1 {
	}
	.rsvp .info {
		padding:4rem 2rem;
	}
	.rsvp h1 {
		margin:auto;
	}
	
	.rsvp .info .label {
	font-size:1.5rem;
}
.rsvp h1 {
		line-height:1;
}
	.rsvp h1 span {
		
		line-height:1.5;
		font-size:1.7rem;
		letter-spacing:0.1rem;
	}
	.rsvp .info p, .rsvp .info .desc, .rsvp .hastag span, .rsvp .info .fa-map-marker {
		font-size:2rem;
	}*/
}
@media only screen and (min-width: 800px) {
	.tour .slider {
		padding:20px 0;
	}
	.tour .slider .region {
		margin:0;
	}
.tour .slider .region ul {
	margin-left:0;
	left:0;
	right:0;
	text-align:center;
	width:auto;
}
.tour .slider .prev, 
.tour .slider  .next {
	display:none;
}
}
@media only screen and (min-width: 900px) {
	.people .name h1, .people .name h2 {
		font-size:2rem;
		
	}
	.people .name h3 {
		font-size:1.5rem;
		
	}
/*	.concept {
		max-width:1000px;
	}
	*/
	.portfolio section hgroup h1 {
		font-size:2.5rem;
	}
	
	.portfolio section.collection hgroup h1 {
	font-size:2rem;
}
.portfolio section.collection hgroup h2 {
	font-size:4rem;
}

.portfolio section.collection hgroup h3 {
	font-size:1.8rem;
}


}

@media only screen and (min-width: 1390px) {
	
}