/****** GLOBAL *****/

html {
	width: 100%;
    overflow-x: hidden;
}

body {
	background-color: #000;
	font-family: Lato, Arial, Helvetica, sans-serif;
	color: rgb(218, 218, 218);
	width: 100%;
	overflow-x: hidden;
}

/* montserrat-300 - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/montserrat-v18-latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/montserrat-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/montserrat-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/montserrat-v18-latin-300.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/montserrat-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/montserrat-v18-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-regular - latin */
  @font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/montserrat-v18-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/montserrat-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/montserrat-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/montserrat-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/montserrat-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/montserrat-v18-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-600 - latin */
  @font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/montserrat-v18-latin-600.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/montserrat-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/montserrat-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/montserrat-v18-latin-600.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/montserrat-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/montserrat-v18-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-700 - latin */
  @font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/montserrat-v18-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/montserrat-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/montserrat-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/montserrat-v18-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/montserrat-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/montserrat-v18-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-900 - latin */
  @font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/montserrat-v18-latin-900.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/montserrat-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/montserrat-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/montserrat-v18-latin-900.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/montserrat-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/montserrat-v18-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* ma-shan-zheng-regular - latin_chinese-simplified */
  @font-face {
	font-family: 'STKaiti';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/STKaiti.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/STKaiti.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/STKaiti.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/STKaiti.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/STKaiti.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/STKaiti.svg') format('svg'); /* Legacy iOS */
  }

h1, h2, h3, h4, h5, h6 {
	font-family: Montserrat, Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.5em;
	letter-spacing: 0.13em;
}
	.heading {
		letter-spacing: 0.13em;
		text-transform: uppercase;
	}
	.heading-h1 {
		font-size: 80px;
	}
	.heading-h2 {
		font-size:  60px;
	}
	.heading-h3 {
		font-size:  40px;
	} 
	.heading-h4 {
		font-size:  28px;
	}

p {
	opacity: rgb(192, 192, 192);
}
	p.--lg {
		font-size: 1.3em;
	}

.c-text_ch {
	font-family: "STKaiti", Arial, Helvetica, sans-serif;
}
	.c-text_ch p {
		font-size: 18px;
	}

.c-text_heading {
	text-align: center;
	letter-spacing: 8px;
}
	.c-text_heading .slogan {
		font-size: 1.1em;
		display: block;
		padding-top: 10px;
		margin-top: 10px;
		margin-bottom: 25px;
		border-top: 1px solid rgba(255,255,255,0.15);
	}

.l-padding_y {
	padding-top: 60px;
	padding-bottom: 60px;
}
.l-padding_y-md {
	padding-top: 30px;
	padding-bottom: 30px;
}

.navbar {
	margin-top: 50px;
	text-align: center;
}
	.navbar a {
		font-weight: bold;
		font-size: 1.1em;
	}
	.navbar .nav-link {
		margin: 0 20px;
		padding: 0.2em 1em;
		transition: 0.5s all;
		color: #fff!important;
	}
		.navbar .nav-link:hover {
			opacity: 0.6;
		}
	.navbar .link-order,
	.navbar .nav-link.link-order {
		border: 2px solid #fff;
		border-radius: 1em;
		padding-left: 18px;
		padding-right: 18px;
	}
	.navbar-toggler{
		width: 75px;
		border:none;
		padding-top: 15px;
	}
	.navbar-toggler .line{
		width: 100%;
		float: left;
		height: 6px;
		background-color: #fff;
		margin-bottom: 10px;
		border-radius: 8px;
	}
	.navbar-toggler:focus,
	.navbar-toggler:active,
	.navbar-toggler-icon:focus {
		outline: none;
		box-shadow: none;
	}

footer {
	margin: 100px 0;
	text-align: center;
	font-size: 0.8em;
	opacity: 0.4;
	letter-spacing: 4px;
}

.l-maxwidth {
	max-width: 1200px;
}
	.l-maxwidth_sm {
		max-width: 900px;
	}

/****** PAGE *****/

.p-home_intro {
	background: url("../img/bg-landing.jpg") no-repeat right top;
	background-size: 790px auto;
	min-height: 930px;
}
	.p-home_intro .content {
		padding: 200px 15px 200px 15px;
	}
	.p-home_intro-cta {
		text-align: center;
		max-width: 300px;
    	padding-top: 30px;
	}
	.p-home_intro-cta img {
		animation: repeat;
		animation-duration: 1.2s;
		animation-iteration-count: infinite;
		position: relative;
		bottom: 0;
	}
	@keyframes repeat {
	  from {
		bottom: 0;
		opacity: 1;
	  }
	  to {
		bottom: -10px;
		opacity: 0.3;
	  }
	}
	.p-home_artwork-item {
		position: relative;
		overflow: hidden;
		height: 550px;
		width: 100%;
		max-width: 337px;
		margin: 20px auto;
	}
	.p-home_artwork img {
		height: 100%;
		width: auto;
		transition: all 0.5s ease;
	}
	.p-home_artwork img:hover {
		opacity: 0.8;
		transform: scale(0.97);
	}
	.p-home_contact-icon a {
		display: inline-block;
		margin: 0 15px;
		transition: all 0.6s ease;
	}
	.p-home_contact-icon a:hover {
		opacity: 0.6;
	}


	.p-home_banner {
		margin-bottom: 100px;
	}
		.p-home_banner-img {
			margin: 0 auto;
			display: block;
		}
		.p-home_banner-heading {
			font-size: 80px;
			color: #fff;
			line-height: 1.4em;
		}
		.p-home_banner-heading {
			font-size: 63px;
		}
		.p-home_banner-heading-highlight {
			font-size: 87px;
		}
		.p-home_banner-heading-jap {
			font-size: 200px;
			position: relative;
			left: -33px;
			top: 40px;
		}

	.p-home_intro {
		position: relative;
	}
		.p-home_intro-desc {
			max-width: 1270px;
			margin: 0 auto;
		}
	.p-home_recipes {
		margin-top: 150px;
	}
		.p-home_recipes .heading {
			font-size: 1.5em;
			letter-spacing: inherit;
			margin-top: 15px;
			line-height: 1.3em;
		}
		.p-home_recipes p {
			font-size: 20px;
		}
		.p-home_recipes img {
			width: 100%;
			max-width: 100%;
		}
		.p-home_recipes-item {
			color: #504f4f;
			margin-bottom: 20px;
		}
		.p-home_recipes-item-wrap {
			background: #fff;
			padding-bottom: 15px;
			height: 100%;
			position: relative;
    		padding-bottom: 80px;
		}
		.p-home_recipes-content {
			padding-left: 15px;
			padding-right: 15px;
		}
		.p-home_recipes-item .c-btn {
			font-size: 0.9em;
			position: absolute;
			bottom: 15px;
			left: 50%;
			display: inline-block;
			transform: translateX(-50%);
		}
	
	.p-home_section {
		margin-top: 150px;
	}
	.p-home_feature {
        position: relative;
    }
		.p-home_feature-desc {
			max-width: 470px;
		}

	.p-home_product {
		margin-top: 450px;
	}
		.p-home_product-img {
				position: absolute;
				bottom: 0;
		}
		.p-home_product-img.-bottle2 {
			right: 15px;
		}
		.p-home_product-heading {
			line-height: 1.3em;
		}
	
	.p-home_cta {
		background: #ff0000;
		text-align: center;
		padding: 20px;
	}
		.p-home_cta .heading {
			color: #fff;
			display: inline-block;
			transition: 0.5s all;
			font-weight: 700;
		}
		.p-home_cta .heading:hover {
			/*padding: 10px 0;*/
			text-decoration: none;
			/*transform: scale(110%);*/
			opacity: 0.8!important;
		}
	
	.p-home_promote {
		margin-top: 220px;
	}
		.p-home_promote-desc {
			max-width: 480px;
			margin: 0 auto;
		}
		.p-home_promote-img {
			top: -130px;
			position: relative;
			z-index: -1;
			max-width: 1050px;
		}

/****** COMPONENTS *****/
.c-mainmenu {
	text-align: center;
	padding-top: 30px;
}
	.c-mainmenu li {
		list-style-type: none;
		display: inline-block;
		padding: 0 30px;
	}
	.c-mainmenu li a {
		color: #fff;
		transition: all 0.6s ease;
		text-transform: uppercase;
	}
	.c-mainmenu li a:hover {
		opacity: 0.6;
		text-decoration: none;
	}

.c-align_front {
	z-index: 999;
    position: relative;
}
.c-btn {
	border-radius: 5em;
	padding: 0.8em 2.1em;
    font-size: 1.3em;
	letter-spacing: 0.1em;
	color: #fff;
	text-transform: uppercase;
	transition: 0.5s all;
}
	.c-btn:hover {
		color: #fff;
		opacity: 0.7;
	}
	.c-btn_grey {
		background-color: #565656;
	}
		.c-btn_grey:hover {
			background-color: #565656;
		}
	.c-btn_border {
		border: 2px solid #ccc;
		color: #504f4f;
	}
		.c-btn_border:hover {
			border: 2px solid #565656;
			background: #565656;
			color: #fff;
		}

.c-parallax-container {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	padding: 15px;
	position: relative;
	width: 100%;
}
.c-parallax-container--big {
	height: 175vh;
}
.c-parallax-container--full {
	height: 100vh;
}
.c-parallax-container--small {
	height: 40vh;
}
.c-parallax-container .content {
	background: rgba(0, 0, 0, .75);
	border-radius: 8px;
	color: #fff;
	margin: 0 auto;
	padding: 30px 35px;
	text-align: center;
}

/****** AOS animation *****/
* {
	box-sizing: border-box;
  }


/****** PARALLAX *****/

.parallax__container {
	clip: rect(0, auto, auto, 0);
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -100;
}
.parallax__container .parallax {
	/* can be put in a seperate class for better control */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/* --------------------------- */
	position: fixed;
	top: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 100%;
}
#parallax_vege {
	position: relative;
	padding-top: 150px;
}
#parallax_vege2 {
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 10%;
}
#parallax_part2_vege1,
#parallax_part2_vege2 {
	position: absolute;
	top: 110px;
	left: 15%;
}
#parallax_part2_vege1 {
	left: 30%;
	top: 450px;
}

.bg1 {
	background-image: url("../img/bg-bottle.png");
}

#bg3 {
	background-image: url("../img/bg3.jpg");
}

.show-on-mobile--inline {
	display: none;
}

.arrow {
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
	bottom: -64px;
	bottom: -4rem;
	left: calc(50% - 19px);
	position: absolute;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: opacity 250ms ease-in-out;
	width: 38px;
}
.arrow--hide {
	opacity: 0;
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
	60% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
	60% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}
@media screen and (max-width: 480px) {
	.hide-on-mobile {
		display: none;
	}

	.show-on-mobile--inline {
		display: inline;
	}
}


/****** RESPONSIVE *****/

/* Extra Large devices (ex large desktops) */
@media (max-width: 1200px) {
	
}

/* Large devices (large desktops) */
@media (max-width: 992px) {
	.navbar {
		text-align: center;
		margin-top: 30px;
		margin-bottom: 30px;
	}
		.navbar .nav-link {
			padding: 0.5em 1em;
			font-size: 1.5em;
		}
	.p-home p {
		font-size: 25px;
	}
	.p-home_banner-heading {
		font-size: 60px;
		text-align: center;
		padding-bottom: 1em;
	}
	.p-home_intro {
		padding-top: 600px;
		position: relative;
	}
		#parallax_vege {
			position: absolute;
			margin: 0 auto;
			left: -40%;
			right: 0;
			top: 40px;
			padding-top: 0;
		}
		#parallax_vege2 {
			top: 60px;
		}
	.p-home_recipes-item-wrap {
		max-width: 500px;
		margin: 0 auto;
	}
	.p-home_feature {
		text-align: center;
	}
		.p-home_feature-desc {
			max-width: inherit;
		}
		#parallax_part2_vege1 {
			left: inherit;
			right: -23%;
    		top: 660px;
		}
		#parallax_part2_vege2 {
			left: inherit;
			top: 500px;
    		right: 27%;
		}
	.p-home_product {
		margin-top: 1100px;
	}
		.p-home_product-img {
			transform: scale(90%)!important;
			left: 0;
			right: 250px;
			margin: 0 auto;
		}
		.p-home_product-img.-bottle2 {
			left: 250px;
			right: 0;
			margin: 0 auto;
		}
		.p-home_product-heading,
		.p-home_product .heading {
			text-align: center;
		}
		.p-home_product-heading br {
			display: none;
		}
	.p-home_cta {
		margin-top: 100px;
	}
	.p-home_promote {
		margin-top: 530px;
	}
		.p-home_promote-img {
			left: -6%;
    		max-width: 980px;
		}		
}

/* Medium devices (desktops) */
@media (max-width: 768px) {
	.c-mainmenu li {
		margin-bottom: 10px;
	}
	.p-home_intro-cta {
		max-width: inherit;
		padding-top: 75px;
	}
	.p-home_intro .content {
		padding-bottom: 40px;
	}


	.navbar {
		padding: 0;
		margin-top: 10px;
	}
	.p-home_section .heading-h3 {
		max-width: 600px;
		text-align: center;
		margin: 0 auto;
	}
	.p-home_recipes-item {
		margin-bottom: 35px;
	}
	#parallax_part2_vege1 {
		right: -41%;
		top: 1100px;
	}
	#parallax_part2_vege2 {
		top: 555px;
		right: 34%;
	}
	.p-home_product-img {
		transform: scale(90%)!important;
		left: 5%;
	}
	.p-home_product-img.-bottle2 {
		left: inherit;
		right: 5%;
	}
	.p-home_promote {
		margin-top: 400px;
	}
		.p-home_promote-img {
			left: -11%;
    		max-width: 900px;
		}	
	.p-home_cta {
		margin-top: 0;
	}
}

/* Small devices (tablets) */
@media (max-width: 576px) {
	.c-btn {
		padding: 0.7em 1.9em;
		font-size: 1.1em;
		white-space: pre-wrap;
	}
	.heading-h1 {
		font-size: 58px;
	}
	.heading-h2 {
		font-size:  40px;
	}
	.heading-h3 {
		font-size:  28px;
	} 
	.heading-h3 {
		font-size:  23px;
	}
	.p-home p {
		font-size: 18px;
	}
		.p-home_banner-heading {
			font-size: 58px;
		}
	.p-home_intro {
		padding-top: 400px;
	}
	.p-home_recipes {
		margin-top: 100px;
	}
	#parallax_banner {
		max-width: 280px;
	}
	#parallax_vege {
		max-width: 696px;
	}
	#parallax_vege2 {
		max-width: 280px;
	}
	#parallax_part2_vege1 {
		right: -40%;
		top: 856px;
		max-width: 800px;
	}
	#parallax_part2_vege2 {
		top: 535px;
		right: 15%;
		max-width: 1100px;
	}
	.p-home_product {
		margin-top: 1000px;
	}
	.p-home_product-img {
		transform: scale(65%)!important;
		left: 0;
	}
	.p-home_product-img.-bottle2 {
		left: inherit;
		right: 0;
	}
	.p-home_promote-img {
		left: -16%;
		max-width: 700px;
	}
}

/* Custom size */
@media (max-width: 450px) {
	.p-home_recipes-item-wrap {
		max-width: 330px;
	}
	#parallax_part2_vege1 {
		right: -63%;
		top: 795px;
		max-width: 800px;
	}
	#parallax_part2_vege2 {
		top: 535px;
		right: 4%;
		max-width: 1100px;
	}
	.p-home_product {
		margin-top: 840px;
	}
	.p-home_product-img {
		transform: scale(50%)!important;
		-webkit-transform:scale(0.5, 0.5)!important;
		left: -35px;
		bottom: -100px;
	}
	.p-home_product-img.-bottle2 {
		left: inherit;
		right: -45px;
	}
}