.tk-container.home-nav-container {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin-bottom: 100px;
}
.home-nav-item {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 -7.5px;
	background-size: 100%;
	position: relative;
	padding: 0;
	height: 21vw;
	margin-bottom: -15vw;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: all .3s;

	clip-path: polygon(
	0.0% 0.0%, 100.0% 0.0%,
	100.0% 80.0%, 98.75% 79.51%, 97.5% 79.02%, 96.25% 78.54%, 95.0% 78.07%, 93.75% 77.61%, 
	92.5% 77.16%, 91.25% 76.73%, 90.0% 76.33%, 88.75% 75.94%, 87.5% 75.58%, 86.25% 75.25%, 
	85.0% 74.94%, 83.75% 74.67%, 82.5% 74.43%, 81.25% 74.23%, 80.0% 74.06%, 78.75% 73.92%, 
	77.5% 73.83%, 76.25% 73.77%, 75.0% 73.75%, 73.75% 73.77%, 72.5% 73.83%, 71.25% 73.92%, 
	70.0% 74.06%, 68.75% 74.23%, 67.5% 74.43%, 66.25% 74.67%, 65.0% 74.94%, 63.75% 75.25%, 
	62.5% 75.58%, 61.25% 75.94%, 60.0% 76.33%, 58.75% 76.73%, 57.5% 77.16%, 56.25% 77.61%, 
	55.0% 78.07%, 53.75% 78.54%, 52.5% 79.02%, 51.25% 79.51%, 50.0% 80.0%, 48.75% 80.49%, 
	47.5% 80.98%, 46.25% 81.46%, 45.0% 81.93%, 43.75% 82.39%, 42.5% 82.84%, 41.25% 83.27%, 
	40.0% 83.67%, 38.75% 84.06%, 37.5% 84.42%, 36.25% 84.75%, 35.0% 85.06%, 33.75% 85.33%, 
	32.5% 85.57%, 31.25% 85.77%, 30.0% 85.94%, 28.75% 86.08%, 27.5% 86.17%, 26.25% 86.23%, 
	25.0% 86.25%, 23.75% 86.23%, 22.5% 86.17%, 21.25% 86.08%, 20.0% 85.94%, 18.75% 85.77%, 
	17.5% 85.57%, 16.25% 85.33%, 15.0% 85.06%, 13.75% 84.75%, 12.5% 84.42%, 11.25% 84.06%, 
	10.0% 83.67%, 8.75% 83.27%, 7.5% 82.84%, 6.25% 82.39%, 5.0% 81.93%, 3.75% 81.46%, 
	2.5% 80.98%, 1.25% 80.49%, 0.0% 80.0%
	);
}

.home-nav-item a.block-link {
	position: absolute;
	height: 100%;
	display: block;
	width: 100%;
	clip-path: polygon( 0.0% 0.0%, 100.0% 0.0%, 100.0% 80.0%, 98.75% 79.51%, 97.5% 79.02%, 96.25% 78.54%, 95.0% 78.07%, 93.75% 77.61%, 92.5% 77.16%, 91.25% 76.73%, 90.0% 76.33%, 88.75% 75.94%, 87.5% 75.58%, 86.25% 75.25%, 85.0% 74.94%, 83.75% 74.67%, 82.5% 74.43%, 81.25% 74.23%, 80.0% 74.06%, 78.75% 73.92%, 77.5% 73.83%, 76.25% 73.77%, 75.0% 73.75%, 73.75% 73.77%, 72.5% 73.83%, 71.25% 73.92%, 70.0% 74.06%, 68.75% 74.23%, 67.5% 74.43%, 66.25% 74.67%, 65.0% 74.94%, 63.75% 75.25%, 62.5% 75.58%, 61.25% 75.94%, 60.0% 76.33%, 58.75% 76.73%, 57.5% 77.16%, 56.25% 77.61%, 55.0% 78.07%, 53.75% 78.54%, 52.5% 79.02%, 51.25% 79.51%, 50.0% 80.0%, 48.75% 80.49%, 47.5% 80.98%, 46.25% 81.46%, 45.0% 81.93%, 43.75% 82.39%, 42.5% 82.84%, 41.25% 83.27%, 40.0% 83.67%, 38.75% 84.06%, 37.5% 84.42%, 36.25% 84.75%, 35.0% 85.06%, 33.75% 85.33%, 32.5% 85.57%, 31.25% 85.77%, 30.0% 85.94%, 28.75% 86.08%, 27.5% 86.17%, 26.25% 86.23%, 25.0% 86.25%, 23.75% 86.23%, 22.5% 86.17%, 21.25% 86.08%, 20.0% 85.94%, 18.75% 85.77%, 17.5% 85.57%, 16.25% 85.33%, 15.0% 85.06%, 13.75% 84.75%, 12.5% 84.42%, 11.25% 84.06%, 10.0% 83.67%, 8.75% 83.27%, 7.5% 82.84%, 6.25% 82.39%, 5.0% 81.93%, 3.75% 81.46%, 2.5% 80.98%, 1.25% 80.49%, 0.0% 80.0% );
	z-index: 999;
}

.nav-item-contents {
	position: absolute;
	top: auto;
	bottom: 12vw;
	display: none;

	/*transition: opacity 1.3s;
	transition-delay:2.6s;*/
	opacity: 0;
	padding-left: 20vw;
}
/*.nav-item-contents {
    -webkit-animation: .65s ease 0s normal both 1 fadein_delay;
    animation: .65s ease 0s normal both 1 fadein_delay;
}
@keyframes fadein_delay{
    0% { opacity:0; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes fadein_delay{
    0% { opacity:0; }
    50% { opacity:0; }
    100% { opacity:1; }
}
*/

.nav-icon {
	position: absolute;
	left: 0;
	top: 12vw;
	transition: all .3s;
	cursor: pointer;
	max-width: 130px;
}



.home-nav-item.opened {
	/* transform: translate(0,-200px); */
	height: calc(21vw + 185px);
	position: relative;
}
.home-nav-item.opened .nav-item-contents {
	display: block;
	opacity: 1;
}
.home-nav-item.opened .nav-icon {
	/*top: 20vw;*/
}


span.go-link {
	font-weight: 900;
	font-size: 24px;
	position: relative;
	top: -4px;
	left: 11px;
	display: inline-block;
	background: #043822;
	text-decoration: none;
	border-radius: 8px;
	padding: 4px 5px 4px 6px;
	color: #fff !important;
	transition: all .3s;
	font-size: 1rem;
	letter-spacing: 0;
}
svg.go-icon {
	fill: white;
}


/*.home-nav-item:nth-child(odd) {
	border: 3px solid green;
	background-color: rgba(0, 0, 0, 0.2);
}*/
.home-nav-item a.block-link {
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/* border: 1px dashed #000; */
	/* transform: translate(0, 6vw); */
}
a.open-nav-item {
	color: #043822;
	display: block;
	padding: 0;
	width:100%;
	height:100%;
	position: absolute;
	z-index: 8;
}
a.open-nav-item:hover,
a.open-nav-item:focus {
	text-decoration: none;
	color: #043822;
}
a.open-nav-item span {
	color: #043822;
	font-size: 36px;
	position: relative;
	top: 3px;
	left: 2px;
	transition: all .3s;
	transform-origin: right;
}
.home-nav-item.opened a.open-nav-item span {
	transform: rotate(180deg);
	top: 10px;
	left: 0;
}


.nav-item-contents .cta span.dashicons {
	position: relative;
	font-weight: 900;
	font-size: 1.4rem;
	left: -1px;
}


.wave-nav {
	width: calc(100vw - 12.5vw);
	max-width: 800px;
	padding: 0 10px 0px;
	margin: 0 auto;
	position: relative;
	padding-top: 0;
	top: 0;
	height: 100%;
}

.nav-headline {
	/*position: relative;*/
}
.wave-nav h2 {
	text-align: left;
	margin: 0;
	transform: translateY(8vw);
	padding-left: 20vw;
	padding-top: 3vw;
}

.home-nav-item.nav-item-nana-ka-ike-mana .nav-icon {
	transform: scale(1.4) translateY(-0.7vw);
}
.home-nav-item.nav-item-hawaiian-massage .nav-icon {
	transform: translateY(-0.5vw);
}


@media (max-width: 1279px) {
	.nav-icon {
		/*top: 4vw !important;*/
	}
	.home-nav-item {
		height: 22.5vw;
	}
}
@media (max-width: 1599px) {
	.home-nav-item {
		/*margin-bottom: -8vw;*/
	}
}
@media (max-width: 999px) {
	.home-nav-item {
		/*margin-bottom: -7.8vw;*/
	}
}

@media (max-width: 779px) {
	.nav-item-contents {
		/*bottom: 6vw;*/
	}
}
@media (max-width: 626px) {
	.nav-item-contents {
		padding-right: 15vw;
		position: relative;
		/*top: 10vw;*/
	}
	.nav-item-contents p {
		font-size: 85%;
	}

 	.nav-icon {
 		/*top: 7.5vw!important;*/
 	}
	.home-nav-item.opened .nav-icon {
		top: 15vw!important;
		width: 12vw;
	}
	.nav-headline h2 {
		font-size: 1.4rem;
	}
	a.open-nav-item span {
		font-size: 22px;
	}
}
@media (max-width: 379px) {
	.nav-item-contents {
		padding-right: 18.5vw;
		position: relative;
		/*top: 10vw;*/
	}
	.nav-item-contents p {
		font-size: 75%;
	}

 	.nav-icon {
 		/*top: 7.5vw!important;*/
 	}
	.home-nav-item.opened .nav-icon {
		top: 25vw !important;
		width: 12vw;
	}
	.nav-headline h2 {
		font-size: 1.2rem;
	}
	a.open-nav-item span {
		font-size: 20px;
	}
	a.go-link {
		font-weight: 900;
		font-size: 24px;
		position: relative;
		top: -10px;
		left: -10px;
		transform: scale(.7);
	}
	.home-nav-item.opened a.open-nav-item span {
		transform: rotate(180deg);
		top: 0;
		left: -10px;
	}
}


@media (max-width: 729px) {
	.home-nav-item {
		height: 23.5vw;
	}
}
@media (max-width: 679px) {
	.home-nav-item {
		height: 25vw;
	}
}
@media (max-width: 599px) {
	.home-nav-item {
		height: 30vw;
	}
}
@media (max-width: 479px) {
	.home-nav-item {
		height: 32.5vw;
	}
}
@media (max-width: 379px) {
	.home-nav-item {
		height: 32.5vw;
	}
}

@media (min-width: 1601px) {
	.wave-nav {
	  width: calc(100vw - 12.5vw);
	  max-width: 980px;
	}
}
@media (min-width: 1782px) {
	.nav-item-contents {
  		bottom: 8vw;
  	}
}


.nav-item-retreats {
	background-image: url(img/retreats-noshadow.png);
	z-index: 5;
}
.nav-item-nana-ka-ike-mana {
	background-image: url(img/nana.png);
	z-index: 4;
}
.nav-item-hawaiian-massage {
	background-image: url(img/massage.png);
	z-index: 3;
}
.nav-item-nature-experiences {
	background-image: url(img/nature-exp.png);
	z-index: 2;
}
.nav-item-cultural-connection {
	background-image: url(img/cultural-connection.png);
	z-index: 1;
	margin-bottom: 0;
}
