/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */
@font-face {
	font-family: 'Century Gothic';
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/century-gothic/CenturyGothic.woff2') format('woff2'), url('../fonts/century-gothic/CenturyGothic.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Century Gothic';
	font-weight: bold;
	font-style: normal;
	src: url('../fonts/century-gothic/CenturyGothic-Bold.woff2') format('woff2'), url('../fonts/century-gothic/CenturyGothic-Bold.woff') format('woff');
	font-display: swap;
}


/* #Site Styles
================================================== */

/* ### general ### */
html,
body { font-family: 'Century Gothic', sans-serif; font-size: 17px; line-height: 1.6; color: #6a7c88; }
body { background: #fff; }
img { display: block; max-width: 100%; border: 0; }
:focus { outline: none; }
ul,
li { list-style: none; }
a { display: inline-block; text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: bold; }
h1 { font-size: 48px; }
h2 { font-size: 40px; }
h3 { font-size: 32px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 20px; }

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.container { max-width: 1670px; }
.form-control { padding: 5px 15px; width: 100%; height: 42px; font-size: 24px; color: #b1bdba !important; border: 1px solid #6a7c88; border-radius: 15px; background: #fff; }
.form-control:focus { border: 1px solid #6a7c88; outline: inherit; box-shadow: none; }
.btn { padding: 5px 20px; display: inline-block; font-family: 'Century Gothic', sans-serif; font-size: 25px; font-weight: bold; line-height: 1.2; text-transform: uppercase; color: #fff; border-radius: 0; transition: all 0.3s; }
.btn-primary { border: 0; background: #b1bdba; }
.btn-primary:hover { background: #f6b1ae; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow: hidden; }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
#headerCntr { padding-top: 65px; width: 100%; }
#headerCntr .site-logo { width: 24%; position: relative; z-index: 3; }
#headerCntr .logo { margin-top: -130px; margin-left: -215px; display: flex; align-items: center; justify-content: center; width: 600px; height: 600px; border-radius: 50%; background: #fff; }
#headerCntr .links { margin-bottom: 47px; width: 100%; }
#headerCntr .links a { padding: 1px 10px; font-size: 27px; font-weight: bold; line-height: 1.2; text-align: center; text-transform: uppercase; color: #fff; }
#headerCntr .link-pink { margin-right: 80px; background: #f6b1ae; }
#headerCntr .link-blue { background: #bae0e0; }

/* ### menu box ### */
.menuBox { width: 76%; position: relative; z-index: 3; }
.menuBox ul { padding-left: 0; display: flex; flex-wrap: wrap; justify-content: end; width: 100%; }
.menuBox li { margin-right: 26px; display: inline-block; color: #6a7c88; }
.menuBox li:last-child { margin-right: 0; }
.menuBox li a { font-size: 20px; color: #6a7c88; transition: all 0.3s; }
.menuBox li a.active,
.menuBox li a:hover { font-weight: bold; text-decoration: none; }

/* ### hamburger ### */
.hamburger { position: absolute; top: 80px; right: 15px; z-index: 10; display: none; width: 40px; height: 32px; font-weight: 600; color: #000; background: #fff; transition: all 0.3s; }
.hamburger span { margin: 4px auto; position: absolute; top: 11px; left: 7px; display: block; width: 27px; height: 3px; background-color: #79bebd; transition: all 0.3s; }
.hamburger.active span { background: none; }
.hamburger span:before,
.hamburger span:after { position: absolute; display: block; width: 100%; height: 3px; border-radius: 10px; background-color: #79bebd; transition: all 0.3s; content: ''; }
.hamburger span:before { top: -7px; }
.hamburger span:after { bottom: -7px; }
.hamburger.active { position: fixed; }
.hamburger.active span:before { top: 0; width: 100%; transform: rotate(135deg); }
.hamburger.active span:after { bottom: 0; width: 100%; transform: rotate(-135deg); }

/* ### content container ### */
#contentCntr { width: 100%; }
#contentCntr a { text-decoration: underline; color: #000; }

/* ### banner box ### */
.bannerBox { margin-top: -327px; height: 500px; }
.bannerBox .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.bannerBox .image img { object-fit: cover; object-position: center center; width: 100%; height: 100%; }
.bannerBox .play-btn { position: absolute; top: 50%; transform: translateY(-50%); right: 220px; color: #fff; font-size: 36px; text-transform: uppercase; font-weight: bold; z-index: 4; }
.bannerBox i { margin-left: 30px; display: inline-block; font-size: 140px; }

/* ### welcome box ### */
.welcomeBox { margin-bottom: 117px; padding-top: 60px; }
.welcomeBox .head { margin-bottom: 135px; }
.welcomeBox h1 { margin-bottom: 15px; font-size: 76px; color: #f6b1ae; font-family: 'Bounce Script', sans-serif; }
.welcomeBox strong { margin-bottom: 24px; display: block; font-size: 20px; }
.welcomeBox .head img { margin: 0 auto; }
.welcomeBox .welcome-box { margin: 0 auto; max-width: 1400px; }
.welcomeBox .item { margin-bottom: 67px; }
.welcomeBox .box { margin: 0 auto; padding: 50px; width: 282px; height: 282px; border-radius: 50%; background: #b1bdba; }
.welcomeBox .content { padding-top: 5px; font-size: 25px; font-weight: bold; text-align: center; color: #bae0e0; }

/* ### content box ### */
.contentBox { padding-top: 55px; padding-bottom: 95px; background: #ddefef; }
.contentBox h2 { margin-bottom: 26px; font-weight: bold; }
.contentBox p { margin-bottom: 28px; }
.contentBox p:last-child { margin-bottom: 0; }
.contentBox .content { z-index: 1; }
.contentBox .butterfly { position: absolute; right: 123px; bottom: -57px; z-index: -1; }
.contentBox.inner { background: #f8f8f8; }
.contentBox.inner h2 { color: #b1bdba; }
.contentBox .content img { max-width: 100% !important; height: auto !important; }

/* ### about box ### */
.aboutBox { margin-bottom: 168px; padding-top: 60px; }
.aboutBox h2 { margin-bottom: 23px; }
.aboutBox p { margin-bottom: 25px; }
.aboutBox p:last-child { margin-bottom: 0; }
.aboutBox img { margin: 0 auto; border-radius: 50%; }

/* ### open box ### */
.openBox { margin-bottom: 63px; padding-top: 34px; }
.openBox h2 { margin-bottom: 25px; color: #f6b1ae; word-break: break-all; }
.openBox p { margin-bottom: 0; }

/* ### holiday box ### */
.holidayBox { margin-bottom: 150px; padding-top: 47px; padding-bottom: 75px; background: #f1faf9; }
.holidayBox img { border-radius: 50%; }
.holidayBox .content { padding-top: 10px; }
.holidayBox h2 { margin-bottom: 25px; }

/* ### location box ### */
.locationBox { padding-top: 60px; padding-bottom: 60px; background: #f3f5f4; }
.locationBox .container { max-width: 1270px; }
.locationBox .title { margin-bottom: 25px; font-size: 80px; font-weight: bold; line-height: 1; color: #f6b1ae; font-family: 'Bounce Script', sans-serif; }
.locationBox .sub-title { font-size: 25px; color: #6a7c88; }
.locationBox address { margin-bottom: 0; font-size: 20px; color: #6a7c88; }
.locationBox ul { padding-left: 0; }
.locationBox li { font-size: 20px; color: #6a7c88; }
.locationBox li a { color: #6a7c88; transition: all 0.3s; }
.locationBox li a:hover { color: #f6b1ae; }
.locationBox ul.contact { margin-bottom: 30px; }
.locationBox .image { max-width: 493px; border: 1px solid #000; border-radius: 50%; }
.locationBox .image img { border-radius: 50%; }

/* ### contact box ### */
.contactBox { margin-bottom: 280px; padding-top: 38px; }
.contactBox .container { max-width: 1270px; }
.contactBox .title { margin-bottom: 29px; font-size: 25px; color: #bae0e0; }
.contactBox .form { z-index: 1; }
.contactBox .form-group { margin-bottom: 30px; }
.contactBox label { margin-bottom: 0; padding-right: 10px; display: block; width: 16%; font-size: 22px; color: #b1bdba; }
.contactBox .form-input { width: 84%; }
.contactBox textarea { min-height: 320px; }
.contactBox .butterfly { position: absolute; right: -140px; bottom: -110px; z-index: -1; }

/* ### footer container ### */
#footerCntr { width: 100%; }

/* ### footer box ### */
.footerBox { padding-top: 34px; padding-bottom: 35px; background: #b1bdba; }
.footerBox .wrap { margin: 0 -10px; }
.footerBox .item { padding: 0 10px; width: 33.3%; }
.footerBox .info-box { margin-left: auto; max-width: 475px; }
.footerBox .links { padding-left: 0; }
.footerBox .links li { margin-bottom: 3px; }
.footerBox .links li:last-child { margin-bottom: 0; }
.footerBox .links li a { font-size: 17px; text-transform: uppercase; color: #fff; transition: all 0.3s; }
.footerBox .links li a:hover { color: #f6b1ae; }
.footerBox .title { font-size: 22px; font-weight: bold; color: #fff; }
.footerBox address { margin-bottom: 0; color: #fff; }
.footerBox .contact { margin-bottom: 70px; padding-left: 0; }
.footerBox .contact li { color: #fff; }
.footerBox .contact li a { color: #fff; transition: all 0.3s; }
.footerBox .contact li a:hover { color: #f6b1ae; }
.footerBox .social-media { padding-left: 0; }
.footerBox .social-media li { margin-right: 18px; }
.footerBox .social-media li:last-child { margin-right: 0; }
.footerBox .social-media li a { display: flex; align-items: center; justify-content: center; width: 65px; height: 65px; font-size: 31px; color: #fff; border: 5px solid #fff; border-radius: 50%; transition: all 0.3s; }
.footerBox .social-media li a:hover { color: #b1bdba; background: #fff; }

/* ### custom ### */
.noMargin { margin-bottom: 0; }
.section1 h2 { color: #b0dcdc; }
.section2 h2 { color: #f7a8a6; }
.section3 { background: #d9dedc; }
.section4 { background: #f8fcfc; }
.section4 h1 { margin-bottom: 40px; color: #b8e0e0; }
.section5 h2 { color: #a1afa1; }
.section6 { background: #e5e9e4; }
.section7 h2 { color: #697c87; }
.section8 { background: #fff; }
h2.color1 { color: #697c87; }
h2.color2 { color: #bae6ed; }
h2.color3 { color: #a1afa1; }
h2.color4 { color: #f8b1af; }
h2.color5 { color: #b1bdba; }

/* ### review box ### */
.reviewBox { margin-bottom: 100px; padding: 50px; background: #afdade; }
.reviews p { margin: 0; }
.reviews .title { font-style: italic; }

/* ### home ### */
.home-links { display: none; }

/* #Media Queries
================================================== */

@media only screen and (max-width: 1640px) {
	#headerCntr { padding-top: 50px; }
	#headerCntr .logo { margin-top: 0; margin-left: 0; width: 270px; height: 270px; }
	#headerCntr .links a { font-size: 22px; }
	#headerCntr .link-pink { margin-right: 40px; }
	.menuBox { padding-top: 50px; }
	.menuBox li { margin-right: 20px; }
	.menuBox li a { font-size: 18px; }
	.bannerBox { margin-top: -80px; }
	.bannerBox .play-btn { right: 20px; }
	.welcomeBox .box { width: 260px; height: 260px; }
	.locationBox .title { font-size: 70px; }
	.contactBox .butterfly { right: 0; bottom: -110px; }
	.footerBox .links li a { font-size: 22px; }
	.footerBox .title { font-size: 24px; }
	.footerBox address { font-size: 19px; }
	.footerBox .contact li { font-size: 19px; }
}

@media only screen and (max-width: 1199px) {
	#headerCntr { padding-top: 20px; }
	#headerCntr .site-logo { width: 100%; }
	#headerCntr .logo { width: 200px; height: 200px; }
	.hamburger { display: block; }
	.menuBox { padding: 83px 15px 50px; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; width: 100%; height: 100vh; background: #fff; transition: all 0.3s; overflow-y: scroll; z-index: 9; }
	.menuBox.active { opacity: 1; visibility: visible; }
	.menuBox li { margin-right: 0; margin-bottom: 10px; width: 100%; }
	.menuBox li:last-child { margin-bottom: 0; }
	.menuBox li a { display: block; }
	.welcomeBox { margin-bottom: 80px; }
	.welcomeBox .head { margin-bottom: 70px; }
	.contentBox { padding-bottom: 60px; }
	.contentBox .butterfly { bottom: -20px; }
	.locationBox .title { font-size: 80px; }
	.aboutBox { margin-bottom: 120px; }
	.holidayBox { margin-bottom: 100px; }
	.locationBox .title { font-size: 40px; }
	.locationBox .sub-title { font-size: 28px; }
	.contactBox { margin-bottom: 150px; }
	.contactBox label { width: 20%; }
	.contactBox .form-input { width: 80%; }
}

@media only screen and (max-width: 991px) {
	.bannerBox .play-btn { font-size: 26px; }
	.bannerBox i { font-size: 60px; }

	.contentBox .butterfly { right: 15px; }
	.aboutBox { margin-bottom: 90px; }
	.aboutBox .item { margin-bottom: 40px; }
	.aboutBox .item:last-child { margin-bottom: 0; }
	.holidayBox .item { margin-bottom: 40px; }
	.holidayBox .item:last-child { margin-bottom: 0; }
	.locationBox .sub-title { font-size: 27px; }
	.locationBox .item:last-child { margin-bottom: 50px; }
	.locationBox address { font-size: 20px; }
	.locationBox li { font-size: 20px; }
	.locationBox .image { margin: 0 auto; }
	.contactBox { margin-bottom: 100px; }
	.contactBox label { margin-bottom: 5px; width: 100%; }
	.contactBox .form-input { width: 100%; }
	.contactBox textarea { min-height: 250px; }
	.contactBox .form-group { margin-bottom: 20px; }
	.footerBox .item { margin-bottom: 30px; }
	.footerBox .item:first-child { order: 2; width: 100%; }
	.footerBox .item:nth-child(2) { order: 1; width: 100%; }
	.footerBox .item:last-child { margin-bottom: 0; order: 3; width: 100%; }
	.footerBox .info-box { margin-left: 0; }
	.footerBox .contact { margin-bottom: 40px; }
	.footerBox .social-media li a { width: 50px; height: 50px; font-size: 24px; }
	.footerBox .logo img { max-width: 221px; }
}

@media only screen and (max-width: 767px) {
	h1 { font-size: 42px; }
	h2 { font-size: 36px; }
	h3 { font-size: 30px; }
	h4 { font-size: 24px; }
	.form-control { font-size: 22px; }
	.bannerBox { height: 400px; }
	.welcomeBox { margin-bottom: 60px; }
	.welcomeBox h1 { font-size: 80px; }
	.welcomeBox .head { margin-bottom: 50px; }
	.welcomeBox .item { margin-bottom: 30px; }
	.contentBox .paragraph { font-size: 18px; }
	.contentBox .butterfly { right: 0; }
	.aboutBox { margin-bottom: 60px; }
	.aboutBox .paragraph { font-size: 18px; }
	.openBox p { font-size: 18px; }
	.holidayBox { margin-bottom: 60px; padding-bottom: 60px; }
	.holidayBox p { font-size: 18px; }
	.locationBox .sub-title { font-size: 24px; }
	.locationBox address { font-size: 18px; }
	.locationBox li { font-size: 18px; }
	.locationBox .title { font-size: 50px; }
	.contactBox { margin-bottom: 100px; }
	.contactBox .title { font-size: 26px; }
	.contactBox label { font-size: 22px; }
	.contactBox textarea { min-height: 200px; }
	.contactBox .form-group { margin-bottom: 15px; }
	.home-links { display: block; }
	.home-links .links { margin-bottom: 47px; width: 100%; }
	.home-links .links a { margin-bottom: 20px; padding: 1px 10px; font-size: 27px; font-weight: bold; line-height: 1.2; text-align: center; text-transform: uppercase; color: #fff; }
	.home-links .link-pink { margin-right: 80px; background: #f6b1ae; }
	.home-links .link-blue { background: #bae0e0; }
}

@media only screen and (max-width: 480px) {
	#headerCntr .links { margin-bottom: 30px; width: 200px; }
	#headerCntr .links a { width: 100%; }
	#headerCntr .link-pink { margin-right: 0; margin-bottom: 10px; }
}