/*	General	
------------------------------*/
	
	* {
		padding: 0;
		margin: 0;
		outline: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-text-size-adjust: 100%;
	}
	
	.clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
	* html .clearfix,
	*:first-child+html .clearfix { 
		zoom: 1;
	}
	
	body {
		font-family: 'Playfair Display', serif;
		color:#000;	
		cursor: default;	
		width: 100% !important;
	}

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

	/*
	 *	Page Loader
	 */	
	 
	#page-loader {	
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 9999;
		opacity: 1;
		position: fixed;
		overflow: hidden;
		background: #fff;	
	    -webkit-user-select: none;
		   -moz-user-select: none;
		   		user-select: none;
		-webkit-pointer-events: none;
				pointer-events: none;
		-webkit-transition: all ease 1.1s 0.4s;
		   -moz-transition: all ease 1.1s 0.4s;
		   		transition: all ease 1.1s 0.4s;
	}
	
	.page-loaded #page-loader {
		opacity: 0;
		visibility: hidden;
	}
	
		
	
	/*
	 * Animation
	 */

	.letter {
		display:block;
		width:100px;
		height:190px;
		position:absolute;
		top:-230px;
		margin:0px auto;
	}

	.letter.g {
		background: url('../img/letter_g.png') no-repeat;
		z-index:1;
		background-size:cover;
		right: 50%;
		margin-right: -50px;
	}

	.letter.k {
		background: url('../img/letter_k.png') no-repeat;
		z-index:2;
		background-size:cover;
		left: 50%;
		margin-left: -50px;
	}

	.intro {
		z-index:1;
		width: 100%;
		text-align: center;
		position: absolute;
		top: 50%;
		transform: translatey(-50%);
		-moz-transform: translatey(-50%);
		-webkit-transform: translatey(-50%);
		-ms-transform: translatey(-50%);
		-o-transform: translatey(-50%);
		margin: 0 auto !important;
	}

	.intro p {
		margin: 0 auto;
		font-size: 1.5em;
	}

	.overlay {
		width:100%;
		background:#fff;
		position:absolute;
		z-index:0;
		top:0;
		bottom: 0;
	}

	.btn {
		padding:10px;
		font-size:17px;
		border:1px solid #fff;
		background: rgba(0, 0, 0, 0.4);
		color: #fff;
		transition: all 0.3s ease;
	 	-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		margin: 0px auto;
	}

	.btn:hover {
		background: rgba(0, 0, 0, 0.8);
	}
	
	.site-wrapper {
		overflow:  hidden;
		width: 100%;
	}

	.section {
		box-shadow: inset 0 0 0 30px rgba(255, 255, 255, 1);
		width: 100% !important;
		min-width: 100% !important;
	}
	
		.section .fp-tableCell {
			position: relative;
		}

	.section, .slide {
		background-size: cover;
	}

	#section0 {
		background-image: url(../img/a.jpg);
		color:#fff;
		text-align:center;
	}
	
		#section0 .scrolldown {
			position: relative;
			top: 50%;
			margin-bottom: -150px;
		}

	#section0 h1 {
		font-size: 5em;
		margin:0;
		padding:0;
		font-weight:normal;
		color:#000;
		text-shadow: 0 0 10px #000;
	}

	#section0 p {
		color:#000;
		text-shadow: 0 0 10px #000;
	}

	#section0 .slogan {
		font-weight:bold;
		font-family: 'Bad Script', cursive;
		color: rgba(255, 255, 255, 0.8);
		position:absolute;
		z-index:0;
		bottom:32px;
		right:36px;
		font-style:italic;
		font-size:14px;
		letter-spacing:5px;
	}
	
	
	
	

	#section1 h1, #section2 h1 {
		font-size: 4em;
		margin-bottom:20px;
	}

	#section1 ul {
		line-height:30px;
		text-align:left;
		list-style-type: square;
		margin:0px auto;
		width:75%;
	}

	#section1 ul li {
		font-size:17px;
	}

	#section1 ul li a {
		color:#000;
	}

	#section1 ul li a:hover {
		text-decoration:underline;
	}

	#section1 h2.click {
		color:#000;
		display: block;
		cursor:pointer;
		margin-bottom:10px;
		font-size:2.1em;
	}

	#section1 h2.click:after {
		content: '';
		display: block;
		height: 2px;
		width: 0;
		margin-top:-2px;
		background: transparent;
		transition: width .5s ease, background-color .5s ease;
	}

	#section1 h2.click:hover:after, #section1 h2.click.active:after {
		width: 100%;
		background: #000;
	}

	#section1 .accordion {
		display:none;
		text-align:justify;
		margin-bottom:10px;
		font-size:17px;
	}

	#section1 .swiper-container {
		width: 100%;
		height: 100%;
	}

	#section1 .swiper-slide {
		width:100%;
		height:100%;
		background-size:cover;
		background-position:center center;
		flex-shrink: 0;
		position: relative;
	}

	#section1 .swiper-slide span {
		width:100%;
		font-size:20px;
		display:inline-block;
		position:absolute;
		bottom:0px;
		color:#fff;
		text-align:center;
		border-top:1px solid #ccc;
		background-color: rgba(0, 0, 0, 0.6);
		padding:5px 0 5px 0;
	}

	#section1 h3.capital {
		font-size:17px;
		display:inline-block;
		width:30px;
		text-align:right;
	}

	.col {
		position: relative;
		width:48%;
		height:100%;
		float:left;
		box-sizing:border-box;
		padding:10px;
		background-size: cover;
	}
	
		.col + .col {
			margin-left: 4%;
		}

	.wrapper {
		width:100%;
		height:100%;
		padding:30px;
		vertical-align:top;
		box-sizing:border-box;
	}

	input[type="text"] {
		width:100%;
		border:0;
		border-bottom:1px solid #000;
		padding:5px;
		font-size:20px;
		margin-bottom:15px;
		box-sizing:border-box;
		font-family: 'Playfair Display', serif;
	}

	textarea {
		width:100%;
		max-width: 100%;
		border:0;
		padding:10px;
		height:100px;
		font-size:20px;
		border:1px solid #000;
		box-sizing:border-box;
		margin-top:25px;
		font-family: 'Playfair Display', serif;
	}

	button {
		width:100%;
		padding:5px;
		color:#fff;
		background:#000;
		border:0;
		font-size:20px;
		cursor:pointer;
		margin-top:25px;
		font-family: 'Playfair Display', serif;
	}

	.scrolldown {
		margin:40px auto;
		display:block;
		background-image: url(../img/scrolldown.png);
		width:80px;
		height:34px;
		background-size:cover;
	}

	.scrolldown.black {
		background-image: url(../img/scrolldown_black.png);
		background-repeat: no-repeat;
    	background-size: 70% auto;
	}

	.bottom {
		position: absolute;
		bottom:5px;
		left:0;
		right:0;
		margin:0px auto;
		z-index:10;
	}

	.top {
		position: absolute;
		top:5px;
		left:0;
		right:0;
		margin:0px auto;
		z-index:10;
		-moz-transform: scaleY(-1);
		-o-transform: scaleY(-1);
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
		filter: FlipV;
		-ms-filter: "FlipV";
	}

	.footer {
		font-size:12px;	
		text-align:center;
		margin-top:15px;
	}

	.footer a:hover {
		text-decoration:underline;
	}

	#sent {
		display:none;
	}
	
	
/*	Responsive
-------------------------------------------*/

/* 1050px
-------------------------------------------*/

	@media (max-width: 1050px) {
		#section1 h1, #section2 h1 {
			font-size: 2.5em;
			margin-bottom:20px;
		}
		
		#section1 h2.click {
			font-size: 1.8em;
		}
		
		#section1 .accordion {
			font-size: 16px;
		}
		
		#section1 .swiper-slide span {
			font-size: 18px;
		}
	}

	
/* 850px
-------------------------------------------*/

	@media (max-width: 850px) {
		#section1 h1, #section2 h1 {
			font-size: 2em;
		}
		#section1 ul {
			line-height:40px;
			width:90%;
		}

	}

	
/* 767px
-------------------------------------------*/

	@media (max-width: 767px) {
		#section0 h1 {
			font-size:4em;
		}
		#section1 h1, #section2 h1 {
			font-size:2em;
		}
		.col {
			width:100%;
		}
		
		/*
		 * PPPGGG
		 */
		 
	 	.section .fp-tableCell {
	 		height: auto !important;
	 	}
	 	
	 		.section .col {
	 			position: relative;
	 			min-height: 300px;
	 			padding: 0;
	 		}
	 		
	 			.section .col + .col {
	 				margin: 30px 0 0 0;
	 			}
	 			
	 			.section input[type="text"],
				.section textarea,
				.section button {
	 				width: 100%;
	 				-webkit-appearance: none;
    				border-radius: 0;
	 			}
	 			
	 				.section button {
	 					padding: 14px 0 11px 0;
	 				}
	 			
	 			.section ul {
	 				padding-left: 20px;
	 			}
	 			
 		/*
		 * Swiper
		 */
		 
		#section1 .swiper-container {
			position: absolute;
			top: 0;
			bottom: 0;
		}
		
		.scrolldown.black {
			display: none;
		}	
	 			
	}
	
/* 650px
-------------------------------------------*/

	@media (max-width: 650px) {
		#section0 h1 {
			font-size:3em;
		}
		.section {
			box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 1);
		}
		#section1 h1, #section2 h1 {
			font-size:2em;
		}
	}
	


	
	
/* 490px
-------------------------------------------*/

	@media (max-width: 570px) {
		#section0 h1 {
			font-size:2em;
		}
		#section0 p {
			font-size:1.2em;
		}
		#section1 ul {
			width:100%;
		}
		
		#section1 h1, #section2 h1 {
		    font-size: 1.4em;
		}		
		
		.wrapper {
			padding: 30px 15px;
		}
		
		#section1 h2.click {
			font-size: 1.4em;
		}
		
		#section1 .accordion {
			font-size: 15px;
		}
		
		#section1 .swiper-slide span {
			font-size: 16px;
		}
		
		#section1 ul li {
			font-size:15px;
			line-height: 30px;
		}
		
		input[type="text"],
		textarea {
			font-size: 14px;
		}
		
		button {
			font-size: 16px;
		}
		
	}




	
/* Bounce effect
-------------------------------------------*/	

	.bounce {
		display: inline-block;
		position: relative;
		-moz-animation: bounce 1s infinite linear;
		-o-animation: bounce 1s infinite linear;
		-webkit-animation: bounce 1s infinite linear;
		animation: bounce 1s infinite linear;
	}

	@-webkit-keyframes bounce {
		0% { top: 0; }
		50% { top: -0.5em; }
		100% { top: 0; }
	}

	@-moz-keyframes bounce {
		0% { top: 0; }
		50% { top: -0.5em; }
		100% { top: 0; }
	}

	@-o-keyframes bounce {
		0% { top: 0; }
		50% { top: -0.5em; }
		100% { top: 0; }
	}

	@-ms-keyframes bounce {
		0% { top: 0; }
		50% { top: -0.5em; }
		100% { top: 0; }
	}

	@keyframes bounce {
		0% { top: 0; }
		50% { top: -0.5em; }
		100% { top: 0; }
	}