.mask{background-color : rgba(0,0,0,.15);}
.mask-alt{background-image: linear-gradient(180deg, rgba(6,26,56,.1) 0%, rgba(6,26,56,.65) 68%, rgba(6,26,56,.95) 100%);}

.shadow{text-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);}
.shadow-alt{text-shadow: 0 3px 4px rgba(0, 0, 0, 0.87);} 

#header > div {box-shadow: 0px 0px var(--10px) var(--5px) rgba(0,0,0,.25);}

#banner{margin-bottom: calc(.5 * 9.64vw)}
#menu li{ position: relative;}
#btn-menu{ display: none;}
#menu li::after{ 
	content:""; 
	position: absolute;
	width: 2.29vw; 
	height: 0vw; 
	bottom: calc(-1 * var(--10px)); 
	left: 0; 
	right:0; 
	margin-left: auto; 
	margin-right: auto; 
	background: var(--success-color);
	transition: all .5s;
}
#menu li:hover::after, #menu li.active::after{height: .26vw;}

.dots-box{
	height: 9.64vw;
	padding-left : calc(var(--content-margin) / 2);
	padding-right : calc(var(--content-margin) / 2);
	transform: translateY(-50%);
}
.dot figcaption{background-color : rgba(6,26,56,0.71);}
.dot.active figcaption{background-color : rgba(6,26,56,0.45);}

.section h2{
	margin-left: -1vw;
	margin-bottom: 4.17vw;
	line-height: 9.48vw;
	font-size : 7.92vw;
	width: 60%;
}
.section h2.right{margin-left: 0; margin-right: -1vw}

.place{min-height: 13vw}
.place figure::after{content:""; position: absolute; width: 100%; height: 100%; left:0; top: 0; /* background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,.85) 100%); */}
.activity:not(:last-child) > div{border-bottom: var(--5px) solid var(--success-color);}

.content  .title{line-height: var(--title-line-height)}
.content header{min-height: 12.81vw;}
.content   h1.second{margin-left: -4vw;}
.content  header h1{margin-left: -1vw;}

#rooms h2{font-size : 10.05vw;}
#rooms h2 span{margin-right: -2vw;}
#rooms.reverse h2 span{margin-right: 0; margin-left: -2vw}

.attraction header + div{max-height: 0px}
.attraction header {min-height: 14vw}
.attraction header.opened  .icon.down{transform: rotate(90deg)}
.attraction header.opened + div{max-height: 1000px}
.album{height: 24.98vw;}

.message  input[type='text'] ,input[type='tel'] ,input[type='date'] ,input[type='email'] ,.message  select,.message  textarea{
	border : 0;
	border-bottom: 1px solid var(--gray-color-alt);
	background: transparent;
	height : 1.81vw;
	min-height: 30px;
	font-weight: 300;
}

.message  textarea{	
	height : 10vw;
	min-height: 80px;
}