@charset "utf-8";
/* CSS Document */
/*###Desktops, big landscape tablets and laptops(Large, Extra large)####*/
@media screen and (min-width: 1024px){
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One:wght@300;400;600;700&display=swap');


/*Style*/
h1 {
font-family: 'Fjalla One', sans-serif;
font-size: 2.5vw;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
line-height: 1.45;
font-weight:800;
}

h2 {
font-family: 'Fjalla One', sans-serif;
font-size: 1.2vw;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
line-height: 1.45;
font-weight:500;
}
h3 {
font-family: 'Fjalla One', sans-serif;
font-size: 1.3vw;
margin: 0px 2px 7px 0px; 
padding: 3px 7px 3px 3px;
}

body,td,th {
	font-family: Nunito, sans-serif;
	font-size: 1.1vw;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 1.5;
	font-style: normal;
  font-weight: normal;
}
a:link {
	color:#000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}


input[type=text] {
  width: 98%;
  padding: .8vw .8vw;
  margin: 1%;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  font-size:1vw;
  border-radius:1vw;
}
input[type=date] {
  width: 98%;
  padding: .8vw .8vw;
  margin: 1%;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  font-size:1vw;
  border-radius:1vw;
}
input[type=email] {
  width: 98%;
  padding: .8vw .8vw;
  margin: 1%;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  font-size:1vw;
  border-radius:1vw;
}
input[type=search] {
  width: 100%;
  padding: .8vw .8vw;
  margin: 0;
  box-sizing: border-box;
  border:none;
  font-size:1vw;
  border-radius:1vw;
}
input[type=tel] {
  width: 98%;
  padding: .8vw .8vw;
  margin: 1%;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  font-size:1vw;
  border-radius:1vw;
}
textarea {
  width: 98%;
  height: 150px;
  margin:1%;
  padding: .8vw .8vw;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  font-size:1vw;
  border-radius:1vw;
}

.select {
  appearance: none;
  background-color: transparent;
  border: solid #CCCCCC 1px;
  padding: .8vw .8vw;
  margin: 8px 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  font-size:1vw;
  border-radius:1vw;
}

.button-green {
  background-color:#00CC33;
  width:100%;
  border: none;
  color: white;
  padding: 1vw 2vw;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  font-size:1vw;
  border-radius:1vw;
  margin-top:2%;
}
.button-red {
  background-color:#FF6600;
  width:100%;
  border: none;
  color: white;
  padding: 1vw 2vw;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1vw;
  margin: 4px 2px;
  cursor: pointer;
  font-size:1vw;
  border-radius:1vw;
  margin-top:2%;
}
.button-blue {
  background-color:#0033CC;
  width:90%;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1vw;
  margin: 4px 2px;
  cursor: pointer;
  font-size:1vw;
  border-radius:1vw;
  margin-top:2%;
}
.button-blue2 {
  background-color:#0033CC;
  width:100%;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1vw;
  margin: 4px 2px;
  cursor: pointer;
  font-size:1vw;
  border-radius:1vw;
  margin-top:2%;
}

.header-pc {float:left; width:100%; height:auto; position:fixed; background-image: linear-gradient(white, yellow);;}
.header-pc-logo {float:left; width:6%; height:auto; text-align:left; margin-left:5%;}
.header-pc-right {float:right; width:auto; height:auto; margin-bottom:2vw; text-align:right; margin-right:5%;}
.header-mob {display:none; visibility:hidden;}

.menu-pc {float:left; width:90%; height:auto; padding-left:5%; padding-right:5%; margin-top:6.2vw; position:fixed; background-color:#300; color:#FFFFFF;}
.menu-mob {display:none; visibility:hidden;}

.banner-pc {float:left; width:100%; height:auto; margin-top:10.5vw;  background-color:#CCCCCC;}
.banner-mob {display:none; visibility:hidden;}

.index-about {float:left; width:100%; height:auto; margin-top:1vw; background-color:#99CC00;}
.index-about-text {float:left; width:56%; height:Auto; margin:2%; text-align:left;}
.index-about-image {float:left; width:37%; height:auto;; margin-right:2%; margin-top:2%; margin-bottom:2%; }


.index-room-holder {float:left; width:100%; height:auto; margin-top:1vw;}
.index-room-holder-left {float:left; width:45%; height:auto; margin:2%; }
.index-room-holder-right {float:right; width:45%; height:auto; margin:2%; }

.index-resort-holder {float:left; width:96%; height:auto; margin-top:1vw; margin-bottom:1%; padding-left:4%; padding-top:2%; padding-bottom:2%;  background-color:#339900; text-align:center; color:#FFFFFF;}
.index-resort-box {float:left; width:22%; height:auto; margin:1vw;}
.index-resort-text {float:left; width:95%; height:auto;}

.index-activities-holder {float:left; width:100%; height:auto;}
.index-activities1 {float:left; width:50%; height:auto;}
.index-activities2 {float:left; width:40%; height:23vw; padding-top:7vw;padding-left:5%; padding-right:5%;}
.index-activities4 {float:left; width:50%; height:auto;}
.index-activities3 {float:left; width:40%; height:23vw; padding-top:7vw;padding-left:5%; padding-right:5%;}

.nearby-heading {float:left; width:100%; height:auto; margin-top:2vw;}
.nearby-holder {float:left; width:90%; height:auto; margin-left:5%; margin-right:5%; margin-bottom:1vw; overflow-x: auto;overflow-y: hidden;}
.nearby-box-holder {float:left; width:175vw; height:auto; margin-bottom:1%;}
.nearby-box {float:left; width:20vw; height:auto; margin-right:1%;}

.footer-pc {float:left; width:90%; height:auto; margin-top:1vw; padding:5%; background-color:#300; text-align:center; color:#FFFFFF;}
.footer-mob {display:none; visibility:hidden;}

.block-holder {float:left; width:100%; height:auto; margin-bottom:3%;}
.block-img {float:left; width:40%; height:20vw; margin-right:2%; }
.block-text {float:left; width:57%; height:20vw;}


.page-holder {float:left; width:80%; margin-top:12vw; margin-left:10%; margin-right:10%; margin-bottom:2%;}
.page-heading {float:left; width:100%; height:auto; margin-bottom:2%;}
.page-body {float:left; width:100%; height:auto; margin-bottom:2%;}

.nearby_place_holder {float:left; width:100%; height:auto;}
.nearby_place_image_holder {float:left; width:50%; height:auto; margin-right:3vw; margin-bottom:1vw;}
.nearby_place_txt_holder {float:right; width:45%; height:auto; margin-bottom:1vw;}

.gallery-img-block {float:left; width:22%; height:auto; margin:1%;}

.whatsapp_icon { position: fixed; width:5%; height:5vw; bottom: 5vw; right: 5vw;}
.room-holder {float:left; width:30%; height:auto; margin-right:2%; margin-bottom:2%;}
}

/*###Tablet(medium)###*/
@media screen and (min-width : 768px) and (max-width : 1023px){
/*Style*/

}

/*### Smartphones (portrait and landscape)(small)### */
@media screen and (min-width : 0px) and (max-width : 767px){
/*Style*/
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One:wght@300;400;600;700&display=swap');


/*Style*/
h1 {
font-family: 'Fjalla One', sans-serif;
font-size: 7vw;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
line-height: 1.45;
font-weight:800;
}

h2 {
font-family: 'Fjalla One', sans-serif;
font-size: 6vw;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
line-height: 1.45;
font-weight:500;
}
h3 {
font-family: 'Fjalla One', sans-serif;
font-size: 5.5vw;
margin: 0px 2px 7px 0px; 
padding: 3px 7px 3px 3px;
}

body,td,th {
	font-family: Nunito, sans-serif;
	font-size: 5vw;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height:1.5;
	font-style: normal;
  	font-weight: normal;
}
a:link {
	color:#000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

input[type=text] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}
input[type=email] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}
input[type=date] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}

input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}

input[type=search] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  border-radius:10px;
}
textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border:solid #CCCCCC 1px;
  resize: none;
  border-radius:10px;
}

.select {
  appearance: none;
  background-color: transparent;
  border: solid #CCCCCC 1px;
  padding: 12px 20px;
  margin: 8px 0;
  width: 90%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  border-radius:10px;
}

.button-green {
  background-color:#00CC33;
  width:100%;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
  margin-top:3%;
}
.button-blue {
  background-color:#003366;
  width:70%;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
  margin-top:3%;
}
.button-blue2 {
  background-color:#003366;
  width:95%;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
  margin-top:3%;
}
.button-red {
  background-color:#FF3300;
  width:100%;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
  margin-top:3%;
}

.header-pc {display:none; visibility:hidden;}
.header-pc-logo {float:left; width:6%; height:auto; text-align:left; margin-left:5%;}
.header-pc-right {float:right; width:auto; height:auto; text-align:right; margin-right:5%;}
.header-mob {float:left; width:100%; height:auto; text-align:center; margin-bottom:5%;background-image: linear-gradient(white, yellow);}

.menu-pc {float:left; width:100%; height:auto; background-color:#003333; color:#FFFFFF;}
.menu-mob {display:none; visibility:hidden;}

.banner-pc {display:none; visibility:hidden;}
.banner-mob {float:left; width:100%; margin-top:2vw; margin-bottom:2vw; background-color:#CCCCCC;}

.index-about {float:left; width:100%; height:auto; margin-top:3vw; background-color:#99CC00;}
.index-about-text {float:left; width:90%; height:Auto; padding:5%; text-align:left;}
.index-about-image {float:left; width:90%; height:auto;; margin:5%;}


.index-room-holder {float:left; width:100%; height:auto; margin-top:1vw;}
.index-room-holder-left {float:left; width:90%; height:auto; margin:5%; }
.index-room-holder-right {float:right; width:90%; height:auto; margin:5%; }

.index-resort-holder {float:left; width:90%; height:auto; margin-top:2vw; padding:5%; background-color:#339900; text-align:center; color:#FFFFFF;}
.index-resort-box {float:left; width:100%; height:auto; margin-bottom:5%;}
.index-resort-text {float:left; width:100%; height:auto;}

.index-activities-holder {float:left; width:90%; height:auto; margin:5%;display: flex; flex-flow: column-reverse;}
.index-activities1 {float:left; width:100%; height:auto; background-color:#CCCCCC;order: 2;}
.index-activities2 {float:left; width:100%; height:auto; padding-top:5vw; padding-bottom:5vw;order: 1;}
.index-activities3 {float:left; width:100%; height:auto; padding-top:5vw; padding-bottom:5vw;order: 3;}
.index-activities4 {float:left; width:100%; height:auto; background-color:#CCCCCC;order: 4;}


.nearby-heading {}
.nearby-holder {float:left; width:90%; height:auto; margin-left:5%; margin-right:5%; margin-bottom:1vw; overflow-x: auto;overflow-y: hidden;}
.nearby-box-holder {float:left; width:630vw; height:auto; margin-bottom:1%;}
.nearby-box {float:left; width:70vw; height:50vw; margin-right:1%;}

.footer-pc {display:none; visibility:hidden;}
.footer-mob {float:left; width:80%; height:auto; margin-top:3vw; padding:10%; background-color:#300; text-align:center; color:#FFFFFF; font-size:4vw;}


.page-holder {float:left; width:80%; margin-top:12vw; margin-left:10%; margin-right:10%; margin-bottom:2%;}
.page-heading {float:left; width:100%; height:auto; margin-bottom:2%;}
.page-body {float:left; width:100%; height:auto; margin-bottom:2%;}

.block-holder {float:left; width:100%; height:auto; margin-bottom:4%;}
.block-img {float:left; width:100%; height:auto; margin-bottom:3%;}
.block-text {float:left; width:100%; height:auto;}


.nearby_place_holder {float:left; width:100%; height:auto;}
.nearby_place_image_holder {float:left; width:100%; height:auto; margin-bottom:2vw;}
.nearby_place_txt_holder {float:right; width:100%; height:auto; margin-bottom:5vw;}

.gallery-img-block {float:left; width:48%; height:auto; margin:1%;}

.whatsapp_icon { position: fixed; width:16%; height:16vw; bottom: 12vw; right: 12vw;}
.room-holder {float:left; width:100%; height:auto; margin-bottom:8vw;}
}


/*===========================
  Menu 
============================ */

.menu-item {
    margin: 20px 30px;
    transition: all 0.2s ease-in-out 0s;
}
/* menu Price */

.menu-item-price {
    float: right;
    margin-top: -40px;
    line-height: 50px;
    font-size: 18px;
}
.menu-item {
        margin: 20px 0px;
    }
	/* Panels */

.panel {
    border: 0;
    background: transparent;
    box-shadow: none;
}
.panel-title {
    font-size: 28px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 0;
}
.panel-heading a {
    text-align: center;
    display: block;
    padding: 15px;
    color: #222;
    letter-spacing: 0.8px;
    font-family: 'Cormorant', sans-serif;
    border-bottom: 4px double;
    transition: all .2s ease-in-out;
}
.panel-group .panel+.panel {
    margin-top: 0px;
}
.panel-group .panel-heading {
    border-bottom: 0px;
}
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0px;
}
.panel-heading {
    padding: 0px;
}
.panel-heading [data-toggle="collapse"]:after {
    content: "\f077";
    font-family: FontAwesome;
    float: right;
    font-size: 15px;
    line-height: 20px;
}
.panel-heading [data-toggle="collapse"].collapsed:after {
    transform: rotate(180deg);
}
/* Tab content */

.tab-content {
    margin-top: 90px;
}
.tab-content.no-margin {
    margin-top: 0px;
}
.tab-content > .tab-pane {
    display: block;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}
.tab-content > .active {
    visibility: visible;
    height: auto;
    overflow: visible;
}
/* Tables */

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid;
}