@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1400px) {
	
	body{
		/*border:1px solid black;*/
	}
	
	a{
		text-decoration:none;
		color:black;
	}
	.leftcontainer{
		width:50%;
		display:table-cell;
	}
	.rightcontainer{
		width:50%;
		display:table-cell;
	}
	.maincontainerall{
		max-width:1200px;
		min-width:1200px;
		position:relative;
	}
	#maincontainer{
		width:100%;
		position:relative;
	}
	#innerbgcontainer{
		width:100%;
		position:absolute;
		z-index:2;
	}
	
	#innermaincontainer{
		width:100%;
		/*border:1px solid red;*/
		position:absolute;
		top:0%;
		left:0%;
		z-index:3;
	}
	
	
	/*page home start*/
	
	/*----------video section start----------*/
	#parralaxvideo {
		height:100%;
		height:100vh;
		position:absolute;
	}
	#videotextcontainer{
		position:absolute;
		top:37%;
		left:0%;
		width:100%;
	}
	#videotextinnercontainer{
		width:100%;
		vertical-align:top;
	}
	#textvideo{
		width:50%;
		color:#ffffff;
		font-size:48px;
	}
	#logovideo{
		width:auto;
		margin:auto;
		height:118px;
	}
	/*----------video section end----------*/
	
	/*----------navigation section start----------*/
	.navbarcontainer{
		width:100%;
		background-color:#114b7b;
		position:fixed;
		z-index:20;
	}
	#navbar{
		width:90%;
		padding:5px 5%;
		vertical-align:middle;
		display:table;
	}
	.logocontainer{
		width:20%;
		display:table-cell;
	}
	#logonavbar{
		width:90%;
		height:50px;
	}
	.buttonnavcontainer{
		display:table-cell;
		width:50%;
		margin:0%;
	}
	.navbuttoncontainer{
		width:100%;
	}
	.navbutton{
		display:inline-block;
		margin:0% !important;
		font-size:16px;
		padding:4% 2.2%;
		width:auto;
		color:#ffffff;
		text-align:center;
		white-space:nowrap;
		cursor:pointer;
	}
	.navbuttonactive{
		border-bottom:2px solid #cc662e;
	}
	.buttonbookcontainer{
		width:20%;
		display:table-cell;
		margin:0%;
		padding:0 2%;
		/*border:1px solid black;*/
	}
	#buttonbook{
		width:auto;
		color:#ffffff;
		outline:1px solid white;
		font-size:16px;
		padding:5%;
		text-align:center;
		white-space:nowrap;
		/*float:right;*/
		cursor:pointer;
	}
	#buttonbook:hover{
		color:#ffffff;
		background-color:#cc662e;
		outline:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	/*----------navigation section end----------*/
	
	
	/*----------activity section start----------*/
	#activitycontainer{
		width:100%;
		display:table;
		height:100%;
		height:100vh;
	}
	#activityinnercontainer{
		width:100%;
		display:table;
	}
	.activitydesccontainer{
		width:30%;
		height:100%;
		height:100vh;
		display:table-cell;
		position:relative;
	}
	.activitybgimage{
		position:absolute;
		width:100%;
		height:100%;
		height:100vh;
		top:0%;
		bottom:0%;
		z-index:4;
		
		-webkit-filter: brightness(95%);
		-moz-filter: brightness(95%);
		-o-filter: brightness(95%);
		filter: brightness(95%);
	}
	.twothird{
		width:60%;
		
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	.onethird{
		width:30%;
		
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	.onesixth{
		width:15%;
		
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	.activitytitle{
		position:absolute;
		top:40%;
		z-index:10;
		vertical-align:middle;
		text-align:center;
		font-family:RIGT, Verdana, sans-serif;
		font-size:48px;
		font-weight:bold;
		width:100%;
		color:#ffffff;
		padding:10px 0px;
	}
	.activitydesc{
		width:80%;
		position:absolute;
		top:48%;
		z-index:10;
		padding:2% 10%;
		font-size:20px;
		/*line-height:1.5;
		color:#ffffff;*/
		opacity:0;
	}
	.hoveredactivitydesc{
		opacity:1;
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredactivitydesc{
		opacity:0;
	}
	
	.readmorebuttonconainer{
		width:100%;
		height:50px;
		/*border:1px solid black;*/
		position:relative;
		padding:3% 0%;
	}
	.readmorebutton{
		width:auto;
		font-size:18px;
		cursor:pointer;
		background-color:#FF8C1A;
		color:#ffffff;
		white-space:nowrap;
		border:1px solid red;
		top:0%;
		left:40%;
		padding:2%;
		position:4;
	}
	
	/*----------activity section end----------*/
	
	/*----------animated map section start----------*/ /* added in ver2.0.0*/
	
	.sukasantai-map-imgtitle{
		font-size:20px;
	}
	
	#sukasantai-map-mountain-title{
		top:3%;
		left:60%;
	}
	#sukasantai-map-cow-title{
		top:91%;
		left:79.5%;
	}
	#sukasantai-map-buffalo-title{
		top:90.5%;
		left:47%;
	}
	#sukasantai-map-fireflies-title{
		top:62%;
		left:49%;
	}
	#sukasantai-map-duck-title{
		top:53%;
		left:71%;
	}
	#sukasantai-map-mujair-title{
		top:48.5%;
		left:50%;
	}
	#sukasantai-map-dragonfly-title{
		top:84%;
		left:13%;
	}
	#sukasantai-map-veggies-title{
		top:83%;
		left:63%;
	}
	#sukasantai-map-nangka-title{
		top:57%;
		left:11%;
	}
	#sukasantai-map-hammock-title{
		top:21%;
		left:55%;
	}
	
	/* added 03082020 */

	#sukasantai-map-explore-title{
		top:30.5%;
		left:53%;
	}
	#sukasantai-map-hotpot-title{
		top:36%;
		left:64%;
	}
	#sukasantai-map-swing-title{
		top:40.5%;
		left:52%;
	}
	#sukasantai-map-kitchen-title{
		top:42%;
		left:42%;
	}
	#sukasantai-map-eagle-title{
		top:42.8%;
		left:26%;
	}
	#sukasantai-map-bamboos-title{
		top:41%;
		left:4%;
	}
	#sukasantai-map-kite-title{
		top:51%;
		left:39%;
	}
	#sukasantai-map-bonfire-title{
		top:40.5%;
		left:56%;
	}
	#sukasantai-map-undertree-title{
		top:50%;
		left:61.5%;
	}
	#sukasantai-map-organic-title{
		top:73%;
		left:51%;
	}
	#sukasantai-map-essentialoil-title{
		top:91%;
		left:59%;
	}
	#sukasantai-map-goat-title{
		top:76%;
		left:75%;
	}
	#sukasantai-map-talas-title{
		top:65%;
		left:78.5%;
	}
	#sukasantai-map-leaves-title{
		top:84.5%;
		left:21%;
	}
	#sukasantai-map-leaves2-title{
		top:84.5%;
		left:21%;
	}
	#sukasantai-map-leaves3-title{
		top:84.5%;
		left:21%;
	}
	#sukasantai-map-leaves4-title{
		top:84.5%;
		left:21%;
	}
	#sukasantai-map-leaves5-title{
		top:84.5%;
		left:21%;
	}
	
	/*----------animated map section end----------*/
	
	/*----------event section start----------*/
	#eventcontainer{
		width:100%;
		display:table;
		height:100%;
		height:100vh;
		/*border:1px solid black;*/
	}
	#eventmaincontainer{
		height:90%;
		height:90vh;
		margin:5% 0% 5% 0%;
		position:relative;
		/*border:1px solid green;*/
	}
	#eventinnercontainer{
		width:80%;
		height:auto;
		position:absolute;
		/*display:block;*/
		top:0%;
		left:0%;
		right:0%;
		bottom:0%;
		margin:auto;
		vertical-align:middle;
		/*padding-top:13%;
		padding-top:13vh;*/
		/*border:1px solid blue;*/
	}
	#eventtitlecontainer{
		padding:3% 0% 3% 0%;
		width:100%;
		text-align:center;
		font-size:48px;
		font-family:RIGT, Verdana, sans-serif;
		font-weight:bold;
		color:#0F1067;
		/*border:1px solid black;*/
	}
	#eventdesccontainer{
		width:100%;
		text-align:center;
		font-size:20px;
		/*border:1px solid black;*/
	}
	#eventtypecontainer{
		width:100%;
		padding:1% 0%;
		display:table;
		vertical-align:top;
		/*border:1px solid black;*/
	}
	.eventthumbnailtablerow{
		display:table-row;
	}
	.eventthumbcontainer{
		/*display:inline-block;*/
		display:table-cell;
		width:25%;
		vertical-align:top;
		/*margin:3% 2.2%;*/
		/*border:1px solid black;*/
	}
	/*.hoveredeventthumbnail{
		-webkit-filter: brightness(110%);
		-moz-filter: brightness(110%);
		-o-filter: brightness(110%);
		filter: brightness(110%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredeventthumbnail{
		-webkit-filter: brightness(100%);
		-moz-filter: brightness(100%);
		-o-filter: brightness(100%);
		filter: brightness(100%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}*/
	.eventthumbimgcontainer{
		width:100%;
		height:180px;
		vertical-align:top;
		/*border:1px solid black;*/
	}
	.eventthumbtextcontainer{
		width:100%;
		text-align:center;
		padding:1% 0% 5% 0%;
		font-size:20px;
		/*font-weight:700;*/
		vertical-align:top;
		/*border:1px solid black;*/
	}
	#eventbuttoncontainer{
		width:auto;
		padding:2% 5%;
		/*border:1px solid black;*/
	
	}
	#eventbutton{
		width:auto;
		text-align:center;
		font-size:28px;
		white-space:nowrap;
		margin:1% 30%;
		padding:1%;
		color:#cc662e;
		background-color:transparent;
		border:1px solid #cc662e;
		cursor:pointer;
	}
	#eventbutton:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	
	
	/*----------event section end----------*/
	
	/*----------story section start----------*/
	
	#storycontainer{
		width:100%;
		height:100%;
		height:100vh;
		display:table;
		position:relative;
		/*border:1px solid black;*/
	}
	/*#storycontainerbg{
		background-repeat: no-repeat;
		background-size:cover;
		background-attachment: fixed;
		width:100%;
		height:100%;
		height:100vh;
		position:absolute;
		top:0%;
		left:0%;
		z-index:1;
	}*/
	#storymaincontainer{
		position:relative;
		width:100%;
		/*border:1px solid white;*/
	}
	#storyinnercont{
		width:100%;
		height:100%;
		height:100vh;
		position:absolute;
		top:0%;
		left:0%;
		/*right:0%;*/
		/*bottom:0%;*/
		/*margin:auto;*/
		z-index:3;
	}
	#storyinnercontainer{
		width:100%;
		height:100%;
		height:100vh;
		position:relative;
	}
	#storycontainerfilter{
		width:100%;
		height:100%;
		height:100vh;
		position:absolute;
		bottom:0;
		left:0;
		z-index:5;
		background:rgb(0, 0, 0, 0.2);
		/*border:1px solid blue;*/
	}
	#storydesccontainer{
		width:40%;
		position:absolute;
		bottom:0;
		left:0;
		z-index:10;
		/*border:1px solid blue;*/
	}
	#storydescinnercontainer{
		margin:15%;
		font-size:20px;
		color:#ffffff;
		/*border:1px solid black;*/
	}
	#storytitle{
		padding:3% 0%;
		font-size:30px;
		font-weight:700;
		/*border:1px solid black;*/
	}
	#storytext{
		padding:3% 0% 15% 0%;
		/*border:1px solid black;*/
	}
	#followbuttoncontainer{
		padding:1% 0% 10% 0%;
		/*border:1px solid black;*/
	}
	#followbutton{
		width:200px;
		padding:2% 5% 2% 5%;
		text-align:center;
		white-space:nowrap;
		border:1px solid white;
	}
	#followbutton:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	/*----------story section end----------*/
	
	/*----------slideshow section start----------*/
	
	/*#slideshowcontainer {
		width:100%;
		height:100%;
		height:100vh;
		display:table;
	}
	#slideshowinnercontainer {
		/*border:1px solid yellow;*
	}
	.mySlides {
		display: none;
	}
	.slideimg{
		width:100%;
		margin:12vh 0% 0% 0%;
	}*/
	.dotcontainer{
		/*border:1px solid yellow;*/
		margin:-8% 0% 0% 0%;
		padding:3% 0% 3% 0%;
		z-index:20;
		display:table;
	}
	.dotcontainerwhitespace{
		width:60%;
		/*border:1px solid blue;*/
		display:table-cell;
	}
	.dotinnercontainer{
		width:30%;
		/*border:1px solid green;*/
		display:table-cell;
	}
	input[type='radio']{
		-webkit-appearance: none;
		appearance:none;
		outline: none;
		/*border:1px solid #9F571F !important;*/
	}
	.radiocontainer{
		position: relative;
		cursor: pointer;
		display:inline-block;
		width:5%;
		padding:1%;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		/*border:1px solid white;*/
	}
	.dot {
		/*cursor: pointer;
		height: 15px;
		width: 15px;
		margin: 0 3px;
		border-radius: 50%;
		display: inline-block;
		border:1px solid white !important;
		position:relative;*/
	}
	.dot:hover {
		background-color: #717171;
	}
	.dotcheckmark {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin:auto;
		height: 15px;
		width: 15px;
		background-color: none;
		border-radius: 50%;
		border:1px solid orange;
	}
	.dotcheckmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.radiocontainer .dot:checked ~ .dotcheckmark:after {
		display:inline-block;
	}
	.radiocontainer .dotcheckmark:after {
		top: 3px;
		left: 3px;
		width: 9px;
		height: 9px;
		border-radius: 50%;
		background: #114b7b;
	}
	.prev {
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 0%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius:3px;
		z-index:10;
	}
	.next {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 0%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 3px;
		z-index:10;
	}
	.prev:hover, .next:hover {
		color:white;
		background-color: rgba(50,50,50,0.8);
	}
	.fade-in {
		-webkit-animation-name: fade-in;
		-webkit-animation-duration: 2s;
		animation-name:  fade-in;
		animation-duration: 2s;
	}
	@-webkit-keyframes fade-in {
		from {opacity: .4} 
		to {opacity: 1}
	}
	@keyframes fade-in {
		from {opacity: .4} 
		to {opacity: 1}
	}
	.fade-out {
		-webkit-animation-name: fade-out;
		-webkit-animation-duration: 2s;
		animation-name:  fade-out;
		animation-duration: 2s;
	}
	@-webkit-keyframes fade-out {
		from {opacity: 1} 
		to {opacity: .4}
	}
	@keyframes fade-out {
		from {opacity: 1} 
		to {opacity: .4}
	}
	
	.fadeinout {
		-webkit-animation: fadeinout 10s linear;
		animation: fadeinout 10s linear;
		/*-webkit-animation: fadeinout 10s linear forwards;
		animation: fadeinout 10s linear forwards;*/
	}
	@-webkit-keyframes fadeinout {
		0%, 100% {opacity: .4} 
		20%,50%,80% {opacity: 1}
	}
	@keyframes fadeinout  {
		0%, 100% {opacity: .4} 
		20%,50%,80% {opacity: 1}
	}
	
	/*----------slideshow section end----------*/
	
	/*----------location section start----------*/
	#locationcontainer{
		width:100%;
		height:70%;
		height:70vh;
		/*border:1px solid black;*/
		position:relative;
		display:table;
	}
	#locationmapscontainer{
		position:absolute;
		width:100%;
		height:70%;
		height:70vh;
		top:0%;
		left:0%;
		z-index:3;
		/*border:1px solid orange;*/
	}
	#mapscontainer{
		width:100%;
		height:70%;
		height:70vh;
		-webkit-filter: brightness(80%);
		filter: brightness(80%);
		/*display:table-cell;*/
		/*display:none;*/
		/*border:1px solid black;*/
	}
	#locationmaincontainer{
		position:absolute;
		max-width:1200px;
		height:70%;
		height:70vh;
		top:0%;
		left:0%;
		z-index:5;
		/*border:1px solid yellow;*/
		display:table;
	}
	#locationinnercontainer{
		width:30%;
		height:70%;
		height:70vh;
		/*border:1px solid black;*/
		position:relative;
		z-index:5;
		/*display:table;*/
	}
	#locationdesccontainer{
		width:100%;
		position:absolute;
		z-index:10;
		top:50%;
		bottom:50%;
		left:0%;
		/*display:table-cell;*/
		/*border:1px solid blue;*/
		/*background-color:##CCB89E;*/
		padding:0% 0% 0% 17%;
	}
	#locationmapsdesc{
		margin-top:-52%;
		padding:10%;
		height:300px;
		background:rgba(17, 75, 123, 0.5);
		font-size:20px;
		color:#ffffff;
		/*border:1px solid black;*/
	}
	#locationtitle{
		padding:0% 0% 3% 0%;
		font-size:30px;
		font-weight:700;
		font-family:RIGT, Verdana, sans-serif;
		/*border:1px solid black;*/
	}
	#locationtext{
		padding:2% 0%;
		/*border:1px solid black;*/
	}
	#directionbuttoncontainer{
		padding:10% 0% 0% 0%;
		/*border:1px solid black;*/
	}
	#directionbutton{
		width:150px;
		padding:2% 5%;
		text-align:center;
		border:1px solid white;
	}
	#directionbutton:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	/*----------location section end----------*/
	
	/*----------footer section start----------*/
	#footercontainer{
		width:100%;
		height:40%;
		height:40vh;
		background-color:#114b7b;
		display:table;
		/*border:1px solid black;*/
	}
	#footerinnercontainer{
		width:90%;
		height:20vh;
		margin:0% 5% 0% 5%;
		padding:5% 0% 5% 0%;
		/*border:1px solid white;*/
		vertical-align:middle;
		display:table;
	}
	/*#footeruppercontainer{
		width:100%;
		display:table;
		vertical-align:top;
	}
	#footerbottomcontainer{
		width:100%;
		display:table;
		vertical-align:top;
	}
	.footerleftcontainer{
		width:30%;
		display:table-cell;
	}
	.footermiddlecontainer{
		width:30%;
		display:table-cell;
		vertical-align:top;
	}
	.footerrightcontainer{
		width:30%;
		display:table-cell;
		vertical-align:top;
	}*/
	#contactcontainer{
		width:100%;
		/*border:1px solid black;*/
	}
	#addresscontainer{
		width:95%;
		padding:1% 2%;
		font-size:18px;
		/*border:1px solid black;*/
	}
	#phonecontainer{
		width:95%;
		padding:1% 2%;
		color:#FFFFFF;
		font-size:18px;
		font-weight:700;
		text-align:center;
		vertical-align:middle;
		/*border:1px solid black;*/
	}
	#logofootercontainer{
		width:80%;
		margin:-8% 10% 0% 10%;
		
		/*border:1px solid black;*/
	}
	#logofooter{
		width:100%;
		height:150px;
	}
	#navfootercontainer{
		vertical-align:top;
	}
	.navfooterbutton{
		width:95%;
	}
	.underlinefooternav{
		display:block !important;
		width:auto;
		margin:0% 65% 0% 0%;
		border-bottom:1px solid #114b7b;
	}
	.underlinefooternav:hover{
		border-bottom:1px solid #cc662e;
	}
	#socialmediacontainer{
		margin-top:6%;
	}
	#copyrightcontainer{
		text-align:right;
		vertical-align:middle;
		color:#FFFFFF;
		padding:1% 0%;
		/*border:1px solid black;*/
	}
	/*----------footer section end----------*/

	/*page home end*/
	
	/*page event start*/
	
	/*----------foreword section start----------*/
	
	.forewordcontainer{
		width:100%;
		height:100%;
		height:100vh;
		margin:0%;
		display:table;
		position:relative;
		/*border:1px solid #e5e1dc;*/
	}
	/*#eventforeword{
		background-size:cover;
		background-repeat:no-repeat;
		background-attachment: fixed;
		position:absolute;
		z-index:2;
		top:0%;
		left:0%;
		width:100%;
		height:100%;
		height:100vh;
	}*/
	.forewordinnercontainer{
		padding:0% 5%;
		width:90%;
		height:100%;
		height:100vh;
		/*border:1px solid blue;*/
		display:table;
		position:absolute;
		top:0%;
		left:0%;
		right:0%;
		bottom:0%;
		z-index:5;
	}
	.forewordtextcontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		/*border:1px solid yelllow;*/
		display:table-cell;
		vertical-align:middle;
	}
	.forewordtitle{
		padding:0% 0% 2% 0%;
		text-align:center;
		/*border:1px solid red;*/
	}
	.forewordtitle h1{
		font-size:70px;
		font-family:RIGT, Verdana, sans-serif;
	}
	.forewordtext{
		width:100%;
		text-align:center;
		padding:2% 0% 2% 0%;
	}
	.forewordtext h2{
		font-size:20px;
	}
	/*.forewordtext a{
		color:white;
		font-weight:700;
	}*/
	/*----------foreword section end----------*/
	
	/*----------eventdesc section start----------*/
	.eventdesccontainer{
		width:100%;
		margin:0%;
		display:table;
		/*border:1px solid black;*/
	}
	.eventdescinnercontainer{
		padding:8% 5%;
		width:90%;
		/*border:1px solid blue;*/
		display:block;
	}
	.eventtextcontainer{
		width:50%;
		padding:0% 0% 2% 5%;
		/*border:1px solid black;*/
		display:inline-block;
		vertical-align:middle;
	}
	.eventdesctitle{
		/*font-size:24px;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;*/
		padding:5% 0% 2% 0%;
		/*border:1px solid red;*/
	}
	.eventdesctitle h3{
		font-size:24px;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		font-style:normal;
		/*padding:5% 0% 2% 0%;*/
		/*border:1px solid red;*/
	}
	.eventdesctext{
		padding:0% 0% 0% 0%;
		font-size:20px;
		line-height:1.5;
		/*border:1px solid green;*/
	}
	.eventimgcontainer{
		/*height:200px;*/
		/*width:40%;*/
		width:auto;
		max-width:60%;
		padding:0% 0% 0% 0%;
		vertical-align:middle;
		/*text-align:right;*/
		/*border:1px solid purple;*/
		display:inline-block;
	}
	.eventimg{
		max-height:450px;
		width:auto;
		/*width:100%;*/
		/*border:1px solid white;*/
	}
	.dualinnercontainer{
		width:40%;
		padding:0% 4.5%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	.eventimgcontainerdual{
		/*border:1px solid green;*/
	}
	.eventtextcontainerdual{
		/*border:1px solid purple;*/
	}
	
	/*----------eventdesc section end----------*/
	
	/*page event end*/
	
	/*page contact us start*/
	
	/*----------title section start----------*/

	.titlecontactcontainer{
		width:100%;
		margin:0%;
		padding-top:5%;
		display:table;
		/*background-color:#D08E00;*/
		/*position:relative;*/
		/*border:1px solid #e5e1dc;*/
	}
	.titlecontactinnercontainer{
		margin:0% 0%;
		padding:6% 8% 0% 12%;
		width:80%;
		/*border:1px solid blue;*/
		position:relative;
	}
	
	#contactuspagetitlecontainer{
		padding:0% 0% 2% 0%;
		width:100%;
		text-align:center;
		/*border:1px solid black;*/
	}
	#contactuspagetitlecontainer h1{
		font-size:42px;
		/*border:1px solid black;*/
	}
	#contactuspagedesccontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		text-align:center;
		font-size:20px;
		font-weight:700;
		/*border:1px solid black;*/
	}
	/*-----------title section end-----------*/
	
	/*----------description section start----------*/
	.relativediv{
		display:block;
		position:relative;
		/*border:1px solid green;*/
	}
	.desccontactcontainer{
		width:100%;
		margin:0%;
		display:table;
		/*position:relative;*/
		/*border:1px solid #e5e1dc;*/
		vertical-align:top;
	}
	#descmaincontainer{
		position:relative;
	}
	.desccontactinnercontainer{
		margin:0% 0%;
		padding:0% 8% 2% 12%;
		width:80%;
		/*border:1px solid blue;*/
		position:relative;
		vertical-align:top;
	}
	
	.desccontacttextcontainer{
		width:50%;
		padding:5% 0%;
		/*border:1px solid red;*/
		vertical-align:middile;
		display:inline-block;
	}
	.desccontacttitle{
		font-size:22px;
		font-weight:700 !important;
		font-style:italic;
		/*border:1px solid blue;*/
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		padding:2% 0%;
	}
	.desccontactusimgcontainer{
		/*max-width:25%;*/
		width:45%;
		padding:0% 0% 0% 0%;
		/*border:1px solid purple;*/
		/*display:table-cell;*/
		vertical-align:middle;
		display:inline-block;
		position:relative;
		/*top:0%;
		left:55%;*/
	}
	
	#descimgcontactus{
	}
	#imgcontactus{
		/*min-width:500px;
		min-height:400px;
		max-width:600px;
		max-height:450px;*/
		width:95%;
		/*border:1px solid red;*/
		/*box-shadow: 10px 10px 8px rgb(87,87,87,0.5);*/
	}
	
	/*----------description section end----------*/
	
	/*----------postcard form section start----------*/
	::placeholder{
		color:#5d5d5d;
	}
	input[type=text],input[type=email]{
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		outline:none;
		border  : none;
		background: none;
	}
	textarea{
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		outline:none;
		border: none;
		background: none;
	}
	input[type=button]{
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border: none;
		background: none;
	}
	input,textarea{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
	}
	.postcardformcontainer{
		width:100%;
		margin:0%;
		display:table;
		/*border:1px solid black;*/
	}
	.postcardforminnercontainer{
		padding:0% 12% 12% 12%;
		width:75%;
		/*border:1px solid blue;*/
		display:block;
	}
	.postcardstyle{
		padding:2%;
		width:95%;
		height:559px;
		display:block;
		background-size:contain;
		background-position:center;
		background-repeat:no-repeat;
	}
	.postcardformcontain{
		padding:2%;
		width:95%;
		font-family:RIGT, Verdana, sans-serif;
		/*border:1px solid #cc662e;*/
		display:block;
		/*background-color:#edede6;*/
	}
	.containerpostcardformleft{
		width:55%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	.formcontainer{
		font-size:18px;
		color:#114b7b;
		/*border:1px solid black;*/
		padding:2% 8% 2% 2%;
		width:90%;
		border-right:1px solid #cc662e;
	}
	.labelpostcard{
		width:100%;
		/*font-family:RIGT, Verdana, sans-serif;
		font-size:34px;
		font-weight:bold;
		color:#114b7b;
		text-align:center;*/
		padding:0% 0% 2% 0%;
		margin-top:-4%;
		/*border:1px solid yellow;*/
	}
	#postcardimgccontainer{
		width:40%;
		/*border:1px solid blue;*/
	}
	#imglabelpostcard{
		/*width:15%;*/
		/*border:1px solid black;*/
	}
	.subjectinputcontainer{
		/*border:1px solid blue;*/
		padding:1% 0%;
	}
	.inputtextstyle{
		border-bottom:1px solid #cc662e;
	}
	.inputlabel{
		width:15%;
		color:black;
		display:inline-block;
		padding:5px 0px;
		/*border-bottom:1px solid #cc662e;*/
	}
	.inputcontainer{
		width:80%;
		color:black;
		display:inline-block;
		/*border-bottom:1px solid #cc662e;*/
	}
	#subjectinput{
		width:100%;
		font-size:16px;
		color:#000000;
		/*border-bottom:1px solid #cc662e;*/
		padding:5px 3px;
		/*border:px solid black;*/
	}
	.messagelabelcontainer{
		/*border:1px solid blue;*/
		padding:1% 0%;
		color:#000000;
	}
	.messageinputcontainer{
		/*border:1px solid blue;*/
		padding:1% 0% 3% 0%;
	}
	#messageinput{
		width:100%;
		height:200px;
		max-height:200px;
		max-width:400px;
		font-size:18px;
		color:#000000;
		border:1px solid #cc662e;
		padding:5px 10px;
	}
	.fromlabelcontainer{
		/*border:1px solid blue;*/
		padding:1% 0%;
		color:#000000;
	}
	#fromlabelcontainer{
		/*width:5%;*/
	}
	#imglabelfrom{
		width:15%;
		/*border:1px solid black;*/
	}
	.frominputcontainer{
		/*border:1px solid blue;*/
		padding:1% 0% 1% 0%;
	}
	#frominput{
		width:100%;
		font-size:16px;
		color:#000000;
		border-bottom:1px solid #cc662e;
		/*border:1px solid blue;*/
		padding:5px 0px;
	}
	.containerpostcardformright{
		width:40%;
		padding:0% 0% 1% 4%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	.stampcontainer{
		/*border:1px solid blue;*/
		width:62.5%;
		padding:4.5% 0% 15% 36.8%;
		text-align:right;
	}
	#postcardimg{
		width:80%;
		max-height:150px;
		/*border:1px solid black;*/
	}
	.formlogocontainer{
		width:100%;
		font-size:18px;
		color:#114b7b;
		padding:3% 0%;
		/*border:1px solid blue;*/
		border-bottom:1px solid #cc662e;
	}
	#toimgccontainer{
		width:10%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	#imglabelto{
	}
	#logoform{
		/*background-image:url(../images/sukasantai-logo-black.png);
		background-size:contain;
		background-position:center;
		background-repeat: no-repeat;*/
		width:90%;
		height:50px;
		display:inline-block;
		margin:0% 5%;
	}
	.addresscontainer{
		width:80%;
		font-size:18px;
		font-style:italic;
		padding:2% 0% 2% 20%;
		/*border:1px solid blue;*/
		border-bottom:1px solid #cc662e;
	}
	.phonecontainer{
		width:80%;
		font-size:18px;
		font-style:italic;
		padding:2% 0% 2% 20%;
		/*border:1px solid blue;*/
		border-bottom:1px solid #cc662e;
	}
	.sendbuttoncontainer{
		width:100%;
		padding:8% 0% 2% 0%;
		text-align:right;
		/*border:1px solid blue;*/
	}
	#sendimgcontainer{
		/*border:1px solid #cc662e;*/
		padding:2% 4% 2% 0%;
	}
	#imgsendbutton{
		border:1px solid #cc662e;
		padding:2% 10%;
		width:15%;
		cursor:pointer;
	}
	#imgsendbutton:hover{
		border:1px solid #cc662e;
		background-color:#cc662e;
		
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	#sendbutton{
		font-size:18px;
		border:1px solid #cc662e;
		width:50%;
		padding:2% 4%;
	}
	#sendbutton:hover{
		border:1px solid #cc662e;
		background-color:#cc662e;
		color:#edede6;
		width:50%;
		padding:2% 4%;
	}
	/*----------postcard form section end----------*/
	/*page contact us end*/
	
	/*page do start*/
	
	/*----------foreword section start----------*/
	/*#doforeword{
		background-size:cover;
		background-repeat:no-repeat;
		background-attachment: fixed;
		position:absolute;
		z-index:2;
		top:0%;
		left:0%;
		width:100%;
		height:100vh;
		height:100%;
	}*/
	/*----------foreword section end----------*/
	
	/*----------all year round section start----------*/
	#allyearinnercontainer{
		width:90%;
		margin:5% 5%;
		/*border:1px solid black;*/
	}
	#allyeartitlecontainer{
		padding:2% 0% 0% 0%;
	}
	#allyeartitlecontainer h3{
		font-size:48px;
		/*border:1px solid black;*/
	}
	#allyeartypecontainer{
		width:100%;
		padding:1% 0% 1% .5%;
		/*border:1px solid black;*/
	}
	.allyearimgcontainer{
		display:inline-block;
		margin:0% auto .5% auto;
		padding:0px;
		width: 32.3%;
		/*width: 19.75%;*/
		position:relative;
		/*border:1px solid blue;*/
	}
	.grid-sizer{
		display:inline-block;
		width: 32.3%;
		margin:0px;
		padding:0px;
		/*border:1px solid green;*/
	}
	.gutter-sizer {
		display:inline-block;
		width: 1.1%;
	}
	.allyearthumbtextcontainer{
		position:absolute;
		top:50%;
		right:0%;
		bottom:50%;
		left:0%;
		z-index:3;
		opacity:0;
		/*border:1px solid blue;*/
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.hoveredallyearcativitytext{
		opacity:1;
	}
	.unhoveredallyearcativitytext{
		opacity:0;
	}
	.allyearactivitytitle{
		font-size:24px;
		font-weight:700;
		color:white;
		padding:5% 0%;
		margin:-11% 0%;
		text-align:center;
		vertical-align:middle;
		/*width:90%;*/
		/*border:1px solid green;*/
	}
	.allyearactivitytext{
		font-size:18px;
		color:white;
		/*border:1px solid red;*/
	}
	/*----------all year round  section end----------*/
	
	
	/*----------seasonal section start----------*/
	
	/*#seasonalcontainer{
		width:100%;
		display:table;
		padding-bottom:3%;
		margin:0px;
	}
	#seasonalinnercontainer{
		width:90%;
		margin:5% 5%;
		padding-bottom:3%;
	}*/
	#seasonaltitlecontainer{
		padding:2% 0% 0% 0%;
	}
	#seasonaltitlecontainer h3{
		/*padding:0% 0% 2% 0%;
		width:100%;
		text-align:center;*/
		font-size:48px;
		/*border:1px solid black;*/
	}
	#seasonaldesccontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		text-align:center;
		font-size:20px;
		/*border:1px solid black;*/
	}
	#seasonaltypecontainer{
		width:100%;
		padding:1% 0%;
		display:table;
		/*border:1px solid black;*/
	}
	.seasonalthumbtablerow{
		display:table-row;
	}
	.thumbcontainer{
		display:table-cell;
	
		width:20%;
		/*outline:1px solid black;*/
	}
	.hoveredthumbcontainer{
		-webkit-filter: brightness(100%);
		-moz-filter: brightness(100%);
		-o-filter: brightness(100%);
		filter: brightness(100%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredthumbcontainer{
		-webkit-filter: brightness(80%);
		-moz-filter: brightness(80%);
		-o-filter: brightness(80%);
		filter: brightness(80%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.thumbimgcontainer{
		width:96%;
		margin:1% 2%;
		height:180px;
		/*border:1px solid black;*/
	}
	/*.eventimg{
		height:50%;
	}*/
	.thumbtextcontainer{
		width:100%;
		padding:1% 0% 1% 0%;
		text-align:center;
		font-size:18px;
		font-weight:700;
		/*border:1px solid black;*/
	}
	
	/*----------seasonal section end----------*/
	/*page do end*/
	
	/*page eat start*/
	
	/*----------foreword section start----------*/
	/*#eatforeword{
		background-size:cover;
		background-repeat:no-repeat;
		background-attachment: fixed;
		position:absolute;
		z-index:2;
		top:0%;
		left:0%;
		width:100%;
		height:100vh;
		height:100%;
	}*/
	/*----------foreword section end----------*/
	
	/*----------eatdesc section start----------*/
	.eatdesccontainer{
		width:100%;
		margin:0%;
		display:table;
		/*border:1px solid black;*/
	}
	.eatdescinnercontainer{
		padding:7% 5%;
		width:90%;
		/*border:1px solid blue;*/
		display:block;
	}
	.eattextcontainer{
		width:100%;
		line-height:1.5;
		display:inline-block;
		vertical-align:top;
	}
	.eatdesctitle{
		padding:2% 0% 2% 0%;
	}
	.eatdesctitle h3{
		font-size:32px;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		font-style:normal;
	}
	.eatdesctext{
		padding:0% 0% 0% 0%;
		font-size:20px;
	}
	#farmtokitchentext{
		width:100%;
		display:table;
	}
	.farmtextcontainer{
		width:30%;
		display:inline-block;
	}
	
	.farmtokitchencolumn{
		width:33%;
		display:table-cell;
	}
	.farmimgcontainer{
		width:94%;
		padding:10% 3%;
		display:block;
	}

	.farmimg{
		max-height:350px;
		width:100%;
	}
	#imgfarm3{
		margin:0% 12%;
		width:auto !important;
	}
	.farmtext{
		width:94%;
		padding:0% 6% 5% 0%;
		display:block;	}
	.subhead{
		font-weight:700;
	}
	.eatimgcontainer{
		width:auto;
		display:inline-block;
	}
	.eatimg{
		max-height:450px;
		width:auto;
		/*width:100%;*/
		/*border:1px solid blue;*/
	}
	#imgfarmtokitchen{
		padding:0% 0%;
		/*border:1px solid blue;*/
	}
	#imgomakase{
		width:39%;
		height:450px;
		display:inline-block;
		vertical-align:top;
		margin-right:1%;;
		/*border:1px solid blue;*/
	}
	#imgomakase2{
		width:59%;
		height:450px;
		display:inline-block;
		vertical-align:top;
		margin-left:0%;
		/*border:1px solid blue;*/
	}
	#omakasetitle{
		padding:2% 0% 0% 0% !important;
	}
	/*#imgcooking{
		max-height:300px;
	}*/
	/*#cookingcontainer{
		width:100%;
		vertical-align:top;
		display:table;
	}*/
	/*#cookingtextcontainer{
		width:50%;
		padding:0% 0% 0% 3%;
		display:table-cell;
	}*/
	/*#cookingtitle{
		line-height:1;
		padding:0% 0% 2% 0% !important;
	}*/
	/*content 3 start*/

	.content3slidescontainer{
		width:50%;
		text-align:center;
		vertical-align:middle;
		position:relative;
		display:table-cell;
		margin-bottom:10%;
		
	}
	.content3slide {
		/*position:absolute;*/
		display: none;
	}
	.slideactive{
		display: block;
	}
	/*.roomslideimg{
		width:auto;
		height:250px;
		border:1px solid black;
	}*/
	/*.content3slideimg{
		height:100%;
		width: 100%;
		position: absolute;
		right: 0;
		top: 0;
	}*/
	.content3prev {
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 1px;
		z-index:22;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
	}
	.content3next {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 1px;
		z-index:22;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 3px 0 0 3px;
	}
	.content3prev:hover, .content3next:hover {
		color:white;
		background-color: rgba(50,50,50,0.8);
	}
	.content3dotcontainer{
		width:100%;
		position:absolute;
		left: 0%;
		bottom: 0%;
		margin:auto;
	}
	#content3dotinnercontainer{
		width:100%;
		/*margin:0% 30%;*/
		text-align:center; 
		/*border:1px solid green;*/
	}
	.content3dotcheckmark {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin:auto;
		height: 15px;
		width: 15px;
		background-color: none;
		border-radius: 50%;
		border:1px solid white;
	}
	.content3dotcheckmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.radiocontainer .dot:checked ~ .content3dotcheckmark:after {
		display:inline-block;
	}
	.radiocontainer .content3dotcheckmark:after {
		top: 3px;
		left: 3px;
		width: 9px;
		height: 9px;
		border-radius: 50%;
		background: white;
	}
	
	/*content 3 end*/
	
	/*----------eatdesc section end----------*/
	/*page eat end*/
	
	/*page blog start*/

	#blogmaincontainer{
		width:100% !important;
		position:relative;
	}
	#blogcontainer{
		width:100%;
		padding-top:3.5%;
		/*display:table;*/
		display:block;
		/*border:1px solid black;*/
	}
	#bloginnercontainer{
		/*width:100%;*/
		width:98%;
		margin:1% 1%;
		/*border:1px solid blue;*/
		vertical-align:top;
	}
	#blogpagetitlecontainer{
		padding:5% 0% 2% 0%;
		width:100%;
		text-align:center;
	}
	#blogpagetitlecontainer h1{
		font-size:48px;
	}
	#blogpagedesccontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		text-align:center;
	}
	#blogpagedesccontainer h2{
		font-size:22px;
		/*color:#000000;
		font-weight:700;*/
	}

	#blogpagecategorycontainer{
		width:100%;
		/*border:1px solid green;*/
		text-align:center;
		font-size: 0;
		padding:0% 0% 5% 0%;
	}
	.blogcategory{
		display:inline-block;
		width:auto;
		color:#cc662e;
		font-size:18px;
		padding:0.5% 1%;
		vertical-align:top;
		/*border:1px solid #ffffff;*/
		border:1px solid transparent;
		object-fit: contain;
		white-space:nowrap;
		cursor:pointer;
	}
	.blogcategory:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	.activedblogcategory{
		color:#cc662e;
		border:1px solid #cc662e;
	}

	#blogthumbcontainer{
	}
	.blogthumbnail{
		position:relative;
		width:24%;
		height:500px;
		display:inline-block;
		margin:0.5% 0.4%;
		vertical-align:top;
	}
	.blogthumbimg{
		cursor:pointer;
		width:100%;
		height:500px;
		z-index:1;
		/*background-position:center;*/
		background-size:cover;
	}
	
	.blogthumbtextcontainer{
		width:80%;
		position:absolute;
		bottom:0%;
		left:0%;
		z-index:3;
		padding:7% 10%;
		/*border:1px solid blue;*/
	}
	.blogthumbcategory{
		font-size:18px;
		color:white;
		/*border:1px solid red;*/
	}
	.blogthumbtitle{
		font-family:RIGT, Verdana, sans-serif;
		font-size:24px;
		font-weight:700;
		color:white;
		padding:5% 0%;
		/*border:1px solid green;*/
	}
	.blogthumbtext{
		font-size:18px;
		color:white;
		/*display:none;*/
		-webkit-opacity:0.0;
		-moz-opacity:0.0;
		-o-opacity:0.0;
		opacity:0.0;
		/*border:1px solid red;*/
	}
	.hoveredblogtext{
		-webkit-opacity:1.0;
		-moz-opacity:1.0;
		-o-opacity:1.0;
		opacity:1.0;
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredblogtext{
		-webkit-opacity:0.0;
		-moz-opacity:0.0;
		-o-opacity:0.0;
		opacity:0.0;
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
		
	/*page blog end*/
	
	/*page blog post start*/
	
	/*----------content section start----------*/
	/*.contentcontainer{
		width:100%;
		padding-top:3%;
		padding-bottom:5%;
		margin:0%;
		display:table;
	}*/
	#blogpostcontentcontainer{
		padding-bottom:0 !important;
	}
	.contentinnercontainer{
		padding:5% 20%;
		width:60%;
		/*border:1px solid blue;*/
		display:block;
	}
	.contenttextcontainer{
		width:100%;
		/*border:1px solid black;*/
		display:inline-block;
		vertical-align:top;
	}
	.contenttextcontainer a{
		color:#cc662e;
	}
	.contenttextcontainer a:hover{
		color:blue;
		text-decoration:underline;
	}
	.contenttitle{
		/*border:1px solid red;*/
		text-align:center;
		padding:2% 0% 2% 0%;
	}
	.categorytitle{
		font-size:18px;
		color:#888888;
		/*padding:2% 0% 2% 0%;*/
	}
	.blogposttitle{
		padding:2% 0% 1% 0%;
		/*border:1px solid red;*/
	}
	.blogposttitle h1{
		font-size:38px;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		/*padding:2% 0% 1% 0%;*/
		/*border:1px solid red;*/
	}
	.datepost{
		font-size:14px;
		color:#888888;
		padding:0% 0% 2% 0%;
	}
	.contenttext{
		padding:0% 0% 0% 0%;
		font-size:20px;
		/*border:1px solid green;*/
		vertical-align:top;
	}
		
	.contenttext h2{
		/*font-size:18px;*/
		font-size:26px;
		/*font-size:1.5em;*/
	}
	
	.contenttext h3{
		/*font-size:18px;*/
		font-size:21px;
		/*font-size:1.5em;*/
	}
	
	.contenttext h4{
		font-size:18px;
		/*font-size:1.5em;*/
	}

	.blogcontentlayer{
		width:100%;
		/*border:1px solid red;*/
		display:block;
		text-align:top;
	}
	
	#blogposttextcontainer1{
		width:60%;
		display:inline-block;
		padding:3% 4%;
		/*border:1px solid black;*/
	}
	#blogposttextcontainer2{
		width:46%;
		display:inline-block;
		padding:2% 4% 2% 4%;
		/*border:1px solid black;*/
	}
	#blogposttextcontainer3{
		width:92%;
		display:inline-block;
		padding:2% 4%;
		/*border:1px solid blue;*/
	}
	#blogcontentimgcontainer1{
		width:30%;
		display:inline-block;
		padding:2% 0% 2% 0%;
		/*border:1px solid blue;*/
	}
	#blogcontentimgcontainer2{
		width:44%;
		/*padding:0% 0%;*/
		display:inline-block;
		/*border:1px solid blue;*/
	}
	#blogcontentimgcontainer3{
		width:100%;
		display:inline-block;
		/*border:1px solid blue;*/
	}
	
	/*----------content section end----------*/
	
	/*----------otherblog section start----------*/
	
	#otherblogcontainer{
		width:100%;
		display:table;
		/*border:1px solid black;*/
	}
	#otherbloginnercontainer{
		width:60%;
		margin:0% 20.2% 0% 20.2%;
		padding:2% 0% 3% 0%;
		border-top:2px solid #cc662e;
		border-bottom:2px solid #cc662e;
		/*border:1px solid green;*/
	}
	#otherblogtitlecontainer{
		padding:2% 0% 2% 0%;
		width:100%;
		font-size:36px;
		/*border:1px solid black;*/
	}
	#otherblogtypecontainer{
		width:100%;
		display:table;
		/*padding:1% 0%;*/
		/*border:1px solid blue;*/
	}
	#otherblogtypecontainer a{
		color:#000000;
	}
	.otherblogthumbtablerow{
		display:table-row;
		/*border:1px solid green;*/
	}
	.otherblogthumbcell{
		display:table-cell;
		width:25%;
		/*border:1px solid blue;*/
	}
	.otherblogthumbcontainer{
		/*display:inline-block;*/
		/*display:table-cell;*/
		width:90%;
		/*padding:2% 5%;*/
		margin:3% 5%;
		cursor:pointer;
		/*border:1px solid red;*/
	}
	/*.hoveredotherblogthumbcontainer{
		-webkit-filter: brightness(110%);
		-moz-filter: brightness(110%);
		-o-filter: brightness(110%);
		filter: brightness(110%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredotherblogthumbcontainer{
		-webkit-filter: brightness(100%);
		-moz-filter: brightness(100%);
		-o-filter: brightness(100%);
		filter: brightness(100%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}*/
	.otherblogthumbimg{
		width:auto;
		/*width:150px;*/
		padding:0% 5%;
		height:100px;
		/*margin:5% 0%;*/
		/*border:1px solid black;*/
		
		/*background-position: center;
		background-repeat: no-repeat;
		background-size:cover;*/
	}
	.otherblogthumbtext{
		width:100%;
		padding:3% 0%;
		text-align:center;
		font-weight:700;
		font-size:14px;
		/*border:1px solid black;*/
	}
	
	/*----------otherblog section end----------*/
	
	/*----------tags section start----------*/
	.tagscontainer{
		width:100%;
		margin:0%;
		display:table;
		/*border:1px solid black;*/
	}
	.tagsinnercontainer{
		padding:1.5% 15% 3% 22%;
		width:60%;
		/*border:1px solid blue;*/
		display:block;
	}
	.tagstextcontainer{
		width:100%;
		/*padding:0% 0% 2% 0%;*/
		/*border:1px solid black;*/
		display:inline-block;
		vertical-align:top;
	}
	.tagstext{
		padding:0% 0% 0% 0%;
		font-size:20px;
		/*border:1px solid green;*/
	}
	.tagstext a{
		color:#cc662e;
	}
	.tagstext a:hover{
		color:blue;
		text-decoration:underline;
	}
	/*----------tags section end----------*/
	
	/*page blog post end*/
	
	/*page sleep start*/
	
	/*----------foreword section start----------*/
	/*#sleepforeword{
		background-size:cover;
		background-repeat:no-repeat;
		background-attachment: fixed;
		position:absolute;
		z-index:2;
		top:0%;
		left:0%;
		width:100%;
		height:100vh;
		height:100%;
	}*/
	/*----------foreword section end----------*/
	
	/*----------room section start----------*/
	
	#roomcontainer{
		width:100%;
		display:table;
		/*border:1px solid black;*/
	}
	#roominnercontainer{
		width:80%;
		margin:8% 10% 3% 10%;
		/*border:1px solid black;*/
	}
	#roomtitlecontainer{
		padding:2% 0% 0% 0%;
	}
	#roomtitlecontainer h3{
		font-size:48px;
		/*border:1px solid black;*/
	}
	#roomtypecontainer{
		/*width:100%;
		padding:1% 0%;*/
		width:96%;
		padding:1% 0% 1% 4%;
		/*border:1px solid black;*/
	}
	/*.roomthumbcontainer{
		display:inline-block;
		width:20%;
		margin:1% 2.3%;
		border:1px solid black;
	}*/
	.roomthumbcontainer{
		/*display:inline-block;*/
		display:table-cell;
		/*width:20%;
		padding:2% 2.2%;*/
		width:20%;
		padding:2% 2% 2% 3%;
		cursor:pointer;
		/*margin:1% 2.2%;*/
		/*border:1px solid black;*/
	}
	.hoveredroomthumbcontainer{
		-webkit-filter: brightness(110%);
		-moz-filter: brightness(110%);
		-o-filter: brightness(110%);
		filter: brightness(110%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredroomthumbcontainer{
		-webkit-filter: brightness(100%);
		-moz-filter: brightness(100%);
		-o-filter: brightness(100%);
		filter: brightness(100%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.roomthumbimgcontainer{
		width:100%;
		/*width:auto;*/
		height:150px;
		/*border:1px solid black;*/
	}
	.roomthumbtextcontainer{
		width:100%;
		/*text-align:center;*/
		font-size:18px;
		padding:2% 2.2%;
		/*border:1px solid black;*/
	}
	.floorcontainer{
		width:100%;
		padding:2% 0%;
		/*border:1px solid black;*/
	}
	.floortitle{
		width:97%;
		padding-left:3%;
		font-size:24px;
		font-weight:bold;
		/*border:1px solid black;*/
	}
	.floorroomtype{
		/*width:95%;
		padding-left:5%;*/
		width:100%;
		font-size:18px;
		display:table;
		/*border:1px solid black;*/
	}
	.floorroomtablerow{
		display:table-row;
	}
	/*----------room section end----------*/
	
	/*----------popup room detail section start----------*/
	#roomdetailcontainer{
		width:100%;
		height:100%;
		top:0;
		left:0;
		display:none;
		position:fixed;
		background-color: rgba(51,51,51,.9);
		overflow:auto;
		z-index:21;
	}
	#roomdetailbox{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		width:850px;;
		height:600px;
		/*max-width:850px;
		min-width:250px;
		min-height:200px;
		max-height:580px;*/
		padding:2% 2% 0% 2%;
		border:1px solid gray;
		/*border-radius:5px;*/
		background-color:#FFFFFF;
		overflow:auto;
	}
	.divclosebutton{
		width:100%;
		margin-top:-1%;
		/*border:1px solid black;*/
		position:relative;
	}
	.xbutton{
		/*float:right;*/
		width:20px;
		height:20px;
		/*background:url(../images/icon/x-button.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;*/
		/*padding:5%;*/
		text-align:center;
		position:absolute;
		top:0%;
		right:-1%;
		z-index:22;
		font-size:24px;
		cursor:pointer;
		/*border:1px solid red;*/
	}
	.roomdetailmaincontainer{
		padding:5%;
		width:90%;
		/*border:1px solid blue;*/
	}
	.roomimgslidescontainer{
		width:100%;
		text-align:center;
		vertical-align:middle;
		/*border:1px solid cyan;*/
		position:relative;
		
	}
	.roomslide {
		/*position:absolute;*/
		display: none;
	}
	.slideactive{
		display: block;
	}
	/*.roomslideimg{
		width:auto;
		height:250px;
		border:1px solid black;
	}*/
	.roomslideimg{
		width:100%;
		height:500px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
		/*border:1px solid black;*/
	}
	.roomprev {
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 1px;
		z-index:22;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
	}
	.roomnext {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 1px;
		z-index:22;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 3px 0 0 3px;
	}
	.roomprev:hover, .roomnext:hover {
		color:white;
		background-color: rgba(50,50,50,0.8);
	}
	.roomdotcontainer{
		width:100%;
		/*border:1px solid yellow;*/
		margin:-5% 0% 0% 0%;
		/*padding:3% 35% 3% 35%;*/
		z-index:22;
	}
	#roomdotinnercontainer{
		width:100%;
		/*margin:0% 30%;*/
		text-align:center; 
		/*border:1px solid green;*/
	}
	.roomdotcheckmark {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin:auto;
		height: 15px;
		width: 15px;
		background-color: none;
		border-radius: 50%;
		border:1px solid white;
	}
	.roomdotcheckmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.radiocontainer .dot:checked ~ .roomdotcheckmark:after {
		display:inline-block;
	}
	.radiocontainer .roomdotcheckmark:after {
		top: 3px;
		left: 3px;
		width: 9px;
		height: 9px;
		border-radius: 50%;
		background: white;
	}
	
	#roomdetailbottomcontainer{
		width:100%;
		/*border:1px solid red;*/
	}
	.roomdetailleftcontainer{
		width:50%;
		/*border:1px solid blue;*/
		display:inline-block;
	}
	.roomdetailtextcontainer{
		/*border:1px solid black;*/
	}
	
	.roomdetailrightcontainer{
		width:46%;
		padding:2.5% 0% 0% 3%;
		/*border:1px solid blue;*/
		display:inline-block;
	}
	
	/*---------popup pictures start---------*/
	#popupictures{
		display:none;
		position:fixed;
		top:0px;
		background-color:rgba(0,0,0,1.0);
		height:100%;
		height:100vh;
		width:100%;
		color:#fff;
		z-index:30;
		/*border:1px solid white;*/
	}
	#popupicturesfill{
		display:table-cell;
		width:8%;
		padding:1%;
		vertical-align:top;
		text-align:right;
		font-size:1.5em;
		cursor:pointer;
		position:relative;
		/*border:1px solid yellow;*/
	}
	#popupicturescontainer{
		display:table-cell;
		padding:0px;
		width:80%;
		height:100%;
		vertical-align:middle;
		text-align:center;
	}
	#popupicturescontainer img{
		width:auto;
		height:auto;
	}
	#xbuttonpopupimg{
		width:20px !important;
		height:20px !important;
		margin:5% 3%;
		
		-webkit-filter: invert(100%);
		-moz-filter: invert(100%);
		-o-filter: invert(100%);
		filter: invert(100%);
	}
	.previmgdetail {
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 0%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: white;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
		z-index:32;
	}
	.nextimgdetail {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 0%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: white;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 3px 0 0 3px;
		z-index:32;
	}
	.previmgdetail:hover, .nextimgdetail:hover {
	  background-color: rgba(50,50,50,0.8);
	}
	/*---------popup pictures end---------*/
	
	/*----------popup room detail section end----------*/
	
	/*----------facilities section start----------*/
	
	#facilitiescontainer{
		width:100%;
		display:table;
		/*background-color:blue;*/
		/*border:1px solid black;*/
		
	}
	#facilitiesinnercontainer{
		width:80%;
		margin:3% 10% 5% 10%;
		/*border:1px solid blue;*/
	}
	#facilitiestitlecontainer{
		padding:0% 0% 2% 0%;
		width:100%;
		text-align:center;
		/*border:1px solid red;*/
	}
	#facilitiestitlecontainer h3{
		font-size:48px;
		/*border:1px solid red;*/
	}
	#facilitiestypecontainer{
		width:100%;
		padding:1% 0%;
		/*border:1px solid magenta;*/
		display:table;
		vertical-align:top;
	}
	.facilthumbnailtablerow{
		display:table-row;
	}
	.facilthumbcontainer{
		display:table-cell;
		width:20%;
		/*padding:5%;*/
		/*margin:1% 2.25%;*/
		/*background-color:white;*/
		/*cursor:pointer;*/
		/*border:1px solid green;*/
	}
	.facilthumbimgcontainer{
		width:50%;
		height:80px;
		margin:15% 22%;
		padding:3%;
		cursor:pointer;
		/*border:1px solid cyan;*/
		
		-webkit-filter: brightness(0%);
		-moz-filter: brightness(0%);
		-o-filter: brightness(0%);
		filter: brightness(0%);
	}
	.hoveredfacilthumbnailimg{
		-webkit-filter: brightness(100%);
		-moz-filter: brightness(100%);
		-o-filter: brightness(100%);
		filter: brightness(100%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredfacilthumbnailimg{
		-webkit-filter: brightness(0%);
		-moz-filter: brightness(0%);
		-o-filter: brightness(0%);
		filter: brightness(0%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.facilthumbtextcontainer{
		width:100%;
		text-align:center;
		font-size:20px;
		/*font-weight:700;*/
		/*border:1px solid purple;*/
	}
	
	/*----------facilities section end----------*/
	
	/*----------faq section end----------*/
	/*.faqcontainer{
		width:100%;
		margin:0%;
		display:table;
	}
	.faqinnercontainer{
		padding:0% 5% 10% 5%;
		width:90%;
		display:block;
	}*/
	.faqtextcontainer{
		width:100%;
		/*padding:0% 0% 2% 0%;*/
		/*border:1px solid black;*/
		display:inline-block;
		vertical-align:top;
	}
	.faqtext{
		padding:0% 0% 0% 0%;
		font-size:20px;
		text-align:center;
		/*border:1px solid green;*/
	}
	.faqtext a{
		color:#cc662e;
		/*text-decoration:underline;*/
	}
	/*.faqtext a:hover{
		border-bottom:1px solid #cc662e;
	}*/
	/*----------faq section end----------*/
	/*page sleep end*/
	
	/*page faq start*/
	
	.faqtitle{
		font-size:28px;
		font-weight:bold;
		/*border:1px solid red;*/
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		padding:2% 0% 3% 0%;
	}
	/*.tablefaq{
		display:table;
		border:1px solid black;
		width:60%;
		margin:0% 20% 0% 20%;
	}
	.trfaq{
		display:table-row;
	}
	.tdfaq{
		display:table-cell;
		padding:2%;
		width:auto;
		border:1px solid black;
		white-space:nowrap;
		text-align:center;
	}
	.tdfaqseason{
		text-align:left !important;
	}*/
	/*page faq end*/
	
	/*page sitemap start*/
	
	.sitemaptitle{
		font-size:28px;
		font-weight:bold;
		/*border:1px solid red;*/
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		padding:2% 0% 3% 0%;
	}
	.sitemapcontainer a{
		/*color:#cc662e;*/
		color:#000000;
	}
	.sitemapcontainer a:hover{
		color:blue;
		text-decoration:underline;
	}
	/*page sitemap end*/
	
	/*page career start*/
	
	#carriercontainer{
		height:75vh !important;
	}
	.careertitle{
		font-size:28px;
		font-weight:bold;
		/*border:1px solid red;*/
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		padding:2% 0% 3% 0%;
	}
	#jointeamtext{
		padding-bottom:10% !important;
	}
	/*page career end*/
	
	/*page media start*/
	#mediacontentcontainer{
		padding-bottom:0 !important;
	}
	.mediatitle{
		font-size:28px;
		font-weight:bold;
		/*border:1px solid red;*/
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		padding:2% 0% 3% 0%;
	}
	
	
	/*----------mediaform section start----------*/
	.mediaformcontainer{
		/*width:100%;*/
		padding-bottom:5%;
		margin:0%;
		display:table;
		/*border:1px solid black;*/
	}
	.mediaforminnercontainer{
		/*width:90%;
		padding:2% 5% 5% 5%;
		border:1px solid black;*/
		/*background:rgba(204, 144, 112, 0.1);*/
		padding:5% 10%;
		width:80%;
		/*border:1px solid blue;*/
		display:block;
	}
	#mediaformbg{
		padding:5% 10%;
		width:80%;
		background:rgba(204, 144, 112, 0.1);
	}
	.mediaformtitle{
		font-size:28px;
		font-weight:bold;
		text-align:center;
		font-family:RIGT, Verdana, sans-serif;
		/*border:1px solid red;*/
		color:#114b7b;
		padding:2% 0% 2% 0%;
	}
	.mediaformtable{
		display:table;
	}
	.mediaformtr{
		display:table-row;
	}
	.mediaformtd{
		display:table-cell;
	}
	.mediaforminnertable{
		width:100%;
		display:table;
		/*border:1px solid black;*/
	}
	.notfulltable{
		width:70% !important;
	}
	.mediaforminnertr{
		display:table-row;
	}
	.mediaforminnertdlabel{
		width:60%;
		padding:2%;
		display:table-cell;
		/*white-space:nowrap;*/
		font-size:20px;
		text-align:right;
		vertical-align:top;
		/*border:1px solid black;*/
	}
	.mediaforminnertdinput{
		width:40%;
		padding:2%;
		display:table-cell;
		font-size:20px;
		white-space:nowrap;
		/*border:1px solid black;*/
	}
	.formtextinput{
		padding:1%;
		font-size:18px;
		color:#cc662e;
		border:1px solid #cc662e !important;
	}
	/*.formtextinput:hover, .formtextinput:active{
		color:#cc662e;
	}*/
	.formemailinput{
		padding:1%;
		font-size:18px;
		color:#cc662e;
		border:1px solid #cc662e !important;
	}
	.formcheckboxinput{
		/*-webkit-appearance:none;
		appearance:none;
		width:15px;
		height:15px;*/
		width:auto;
		border:1px solid #cc662e;
	}
	.formsubmitbuttoninput{
		width:30%;
		text-align:center;
		font-size:20px;
		white-space:nowrap;
		margin:2%;
		padding:1%;
		color:#cc662e;
		background-color:transparent;
		border:1px solid #cc662e;
		cursor:pointer;
	}
	.formsubmitbuttoninput:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	#mediaformpermission{
		width:100%;
		text-align:left !important;
	}
	#mediaformagreement{
		width:100%;
		text-align:left !important;
	}
	/*----------mediaform section end----------*/
	/*page media end*/
	
	
	/*===================update 21102019==========================*/
	
	/*page rates start*/
		
	/*farmplusdetail start*/
	#farmplusdetailbox{
		width:780px;
		height:600px;
	}
	/*farmplusdetail end*/
	
	/*promodetail start*/
	#promodetailbox{
		width:780px;
		height:600px;
	}
	/*promodetail end*/
	
	/*----------farmplus section end----------*/
		
	/*page rates end*/
	
	/*===========================================================*/
	
		
}

@media screen and (max-width: 1320px) 	{
	
	a{
		text-decoration:none;
		color:black;
	}
	
	body{
		/*max-width:1330px;*/
		width:100%;
		/*border:1px solid black;*/
		font-family:Ducosky, Arial, sans-serif;
		display:table;
	}
	.leftcontainer{
		width:0% !important;
		/*border:1px solid black;*/
		display:none;
		position:relative;
	}
	.rightcontainer{
		width:0% !important;
		/*border:1px solid black;*/
		display:none;
	}
	.maincontainerall{
		max-width:1140px;
		min-width:100%;
		/*border:1px solid black;*/
		position:relative;
	}
	#maincontainer{
		width:100%;
		position:relative;
	}
	#innerbgcontainer{
		width:100%;
		/*border:1px solid black;*/
		position:absolute;
		z-index:2;
	}
	
	#innermaincontainer{
		width:100%;
		/*border:1px solid red;*/
		position:absolute;
		top:0%;
		left:0%;
		z-index:3;
	}
	
	/*page home start*/
	
	#videonavbarcontainer{
		position:relative;
		/*border:1px solid red;*/
	}
	
	/*----------video section start----------*/
	#parralaxvideo {
		height:100%;
		height:100vh;
		position:absolute;
	}
	#videotextcontainer{
		position:absolute;
		/*top:40%;*/
		top:36%;
		left:0%;
		width:100%;
		/*border:1px solid black;*/
	}
	#videotextinnercontainer{
		width:100%;
		/*border:1px solid black;*/
		vertical-align:top;
		/*display:table;*/
	}
	#textvideo{
		width:50%;
		color:#ffffff;
		font-size:48px;
		/*border:1px solid black;*/
	}
	#logovideo{
		width:auto;
		margin:auto;
		height:110px;
		/*display:table-cell;*/
		/*border:1px solid black;*/
	}
	/*----------video section end----------*/
	
	/*----------navigation section start----------*/
	.navbarcontainer{
		width:100%;
		background-color:#114b7b;
		/*border:1px solid #114b7b;*/
		position:fixed;
		z-index:20;
	}
	#navbar{
		width:90%;
		padding:5px 5%;
		/*border:1px solid red;*/
		vertical-align:middle;
		display:table;
	}
	.logocontainer{
		width:20%;
		/*height:50px;*/
		display:table-cell;
		/*border:1px solid black;*/
	}
	#logonavbar{
		width:90%;
		height:50px;
		/*border:1px solid red;*/
	}
	.buttonnavcontainer{
		/*border:1px solid green;*/
		display:table-cell;
		width:50%;
		margin:0%;
	}
	.navbuttoncontainer{
		/*border:1px solid yellow;*/
		/*display:table;*/
		width:100%;
	}
	.navbutton{
		display:inline-block;
		margin:0% !important;
		font-size:16px;
		width:auto;
		color:#ffffff;
		text-align:center;
		white-space:nowrap;
		cursor:pointer;
		/*border-bottom:2px solid #114b7b;*/
		/*border:1px solid white;*/
	}
	.navbuttonactive{
		border-bottom:2px solid #cc662e;
	}
	.buttonbookcontainer{
		width:20%;
		display:table-cell;
		margin:0%;
		padding:0% 2%;
		/*border:1px solid black;*/
	}
	#buttonbook{
		width:auto;
		color:#ffffff;
		outline:1px solid white;
		font-size:16px;
		padding:3% 5%;
		text-align:center;
		white-space:nowrap;
		/*float:right;*/
		cursor:pointer;
	}
	#buttonbook:hover{
		color:#ffffff;
		background-color:#cc662e;
		outline:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	
	/*.mobilenavbarcontainer{
		display:none;
	}*/
	/*----------navigation section end----------*/
	
	
	/*----------activity section start----------*/
	#activitycontainer{
		width:100%;
		display:table;
		height:100%;
		height:100vh;
		/*background-color:white;*/
		/*border:1px solid black;*/
	}
	#activityinnercontainer{
		width:100%;
		display:table;
		/*border:1px solid black;*/
	}
	.activitydesccontainer{
		width:30%;
		/*padding:1%;*/
		height:100%;
		height:100vh;
		display:table-cell;
		/*border:1px solid yellow;*/
		position:relative;
	}
	.activitybgimage{
		position:absolute;
		width:100%;
		height:100%;
		height:100vh;
		top:0%;
		bottom:0%;
		z-index:4;
		/*border:1px solid red;*/
		
		-webkit-filter: brightness(95%);
		-moz-filter: brightness(95%);
		-o-filter: brightness(95%);
		filter: brightness(95%);
	}
	.twothird{
		width:60%;
		
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	.onethird{
		width:30%;
		
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	.onesixth{
		width:15%;
		
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	.activitytitle{
		position:absolute;
		top:40%;
		z-index:10;
		vertical-align:middle;
		text-align:center;
		font-family:RIGT, Verdana, sans-serif;
		font-size:48px;
		font-weight:bold;
		width:100%;
		/*height:700px;*/
		color:#ffffff;
		padding:10px 0px;
		/*padding:2% 0%;*/
		/*border:1px solid black;*/
	}
	/*.hoveredactivitytitle{
		background-color:rgb(7,7,7,0.3);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}*/
	.activitydesc{
		width:80%;
		position:absolute;
		top:48%;
		z-index:10;
		padding:2% 10%;
		font-size:20px;
		line-height:1.5;
		color:#ffffff;
		opacity:0;
		/*background-color:rgb(7,7,7,0.3);*/
		/*border:1px solid blue;*/
		/*padding-bottom:80%;*/
		/*height:700px;*/
	}
	.hoveredactivitydesc{
		opacity:1;
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredactivitydesc{
		opacity:0;
	}
	
	.readmorebuttonconainer{
		width:100%;
		height:50px;
		/*border:1px solid black;*/
		position:relative;
		padding:3% 0%;
	}
	.readmorebutton{
		width:auto;
		font-size:18px;
		cursor:pointer;
		background-color:#FF8C1A;
		color:#ffffff;
		white-space:nowrap;
		border:1px solid red;
		top:0%;
		left:40%;
		padding:2%;
		position:4;
	}
	/*----------activity section end----------*/
	
	
	/*----------animated map section start----------*/ /* added in ver2.0.0*/
		
	#sukasantai-map-mountain-title{
		top:3%;
		left:60%;
	}
	#sukasantai-map-cow-title{
		top:91%;
		left:79.5%;
	}
	#sukasantai-map-buffalo-title{
		top:90.5%;
		left:47%;
	}
	#sukasantai-map-fireflies-title{
		top:62%;
		left:49%;
	}
	#sukasantai-map-duck-title{
		top:53%;
		left:71%;
	}
	#sukasantai-map-mujair-title{
		top:48.5%;
		left:50%;
	}
	#sukasantai-map-dragonfly-title{
		top:84%;
		left:13%;
	}
	#sukasantai-map-veggies-title{
		top:83%;
		left:63%;
	}
	#sukasantai-map-nangka-title{
		top:57%;
		left:11%;
	}
	#sukasantai-map-hammock-title{
		top:21%;
		left:55%;
	}
	
	
	
	/*----------animated map section end----------*/
	
	/*----------event section start----------*/
	#eventcontainer{
		width:100%;
		display:table;
		height:100%;
		height:100vh;
		/*border:1px solid black;*/
	}
	#eventmaincontainer{
		height:90%;
		height:90vh;
		margin:5% 0% 5% 0%;
		position:relative;
		/*border:1px solid green;*/
	}
	#eventinnercontainer{
		width:80%;
		height:auto;
		position:absolute;
		/*display:block;*/
		top:0%;
		left:0%;
		right:0%;
		bottom:0%;
		margin:auto;
		vertical-align:middle;
		/*padding-top:13%;
		padding-top:13vh;*/
		/*border:1px solid blue;*/
	}
	#eventtitlecontainer{
		padding:3% 0% 3% 0%;
		width:100%;
		text-align:center;
		font-size:48px;
		font-family:RIGT, Verdana, sans-serif;
		font-weight:bold;
		color:#0F1067;
		/*border:1px solid black;*/
	}
	#eventdesccontainer{
		width:100%;
		text-align:center;
		font-size:20px;
		/*border:1px solid black;*/
	}
	#eventtypecontainer{
		width:100%;
		padding:1% 0%;
		display:table;
		vertical-align:top;
		/*border:1px solid black;*/
	}
	.eventthumbnailtablerow{
		display:table-row;
	}
	.eventthumbcontainer{
		/*display:inline-block;*/
		display:table-cell;
		width:25%;
		vertical-align:top;
		/*margin:3% 2.2%;*/
		/*border:1px solid black;*/
	}
	.eventthumbimgcontainer{
		width:100%;
		height:150px;
		vertical-align:top;
		/*border:1px solid black;*/
	}
	.eventthumbtextcontainer{
		width:100%;
		text-align:center;
		padding:1% 0% 5% 0%;
		font-size:20px;
		/*font-weight:700;*/
		vertical-align:top;
		/*border:1px solid black;*/
	}
	#eventbuttoncontainer{
		width:auto;
		padding:2% 5%;
		/*border:1px solid black;*/
	
	}
	#eventbutton{
		width:auto;
		text-align:center;
		font-size:28px;
		white-space:nowrap;
		margin:1% 30%;
		padding:1%;
		color:#cc662e;
		background-color:transparent;
		border:1px solid #cc662e;
		cursor:pointer;
	}
	#eventbutton:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	
	/*----------event section end----------*/
	
	/*----------story section start----------*/
	
	#storycontainer{
		width:100%;
		height:100%;
		height:100vh;
		display:block;
		position:relative;
		/*border:1px solid black;*/
	}
	/*#storycontainerbg{
		background-repeat: no-repeat;
		background-size:cover;
		background-attachment: fixed;
		width:100%;
		height:100%;
		height:100vh;
		position:absolute;
		top:0%;
		left:0%;
		z-index:1;
	}*/
	#storymaincontainer{
		position:relative;
		width:100%;
		/*border:1px solid white;*/
	}
	#storyinnercont{
		width:100%;
		height:100%;
		height:100vh;
		position:absolute;
		top:0%;
		left:0%;
		/*right:0%;*/
		/*bottom:0%;*/
		/*margin:auto;*/
		z-index:3;
	}
	#storyinnercontainer{
		width:100%;
		height:100%;
		height:100vh;
		position:relative;
	}
	#storycontainerfilter{
		width:100%;
		height:100%;
		height:100vh;
		position:absolute;
		bottom:0;
		left:0;
		z-index:5;
		background:rgb(0, 0, 0, 0.2);
		/*border:1px solid blue;*/
	}
	#storydesccontainer{
		width:40%;
		position:absolute;
		bottom:0;
		left:0;
		z-index:10;
		/*border:1px solid blue;*/
	}
	#storydescinnercontainer{
		margin:15%;
		font-size:20px;
		color:#ffffff;
		/*border:1px solid black;*/
	}
	#storytitle{
		padding:3% 0%;
		font-size:30px;
		font-weight:700;
		/*border:1px solid black;*/
	}
	#storytext{
		padding:3% 0% 15% 0%;
		/*border:1px solid black;*/
	}
	#followbuttoncontainer{
		padding:1% 0% 10% 0%;
		/*border:1px solid black;*/
	}
	#followbutton{
		width:200px;
		padding:2% 5% 2% 5%;
		text-align:center;
		white-space:nowrap;
		border:1px solid white;
	}
	#followbutton:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	/*----------story section end----------*/
	
	/*----------slideshow section start----------*/
	
	/*#slideshowcontainer {
		width:100%;
		height:100%;
		height:100vh;
		display:table;
	}
	#slideshowinnercontainer {
	}
	.mySlides {
		display: none;
	}
	.slideimg{
		width:100%;
		margin:12vh 0% 0% 0%;
	}*/
	.slideimgcontainer{
		width:1120px;
		height:680px;
		/*height:100vh;*/
		display:table;
		margin:auto;
		/*border:1px solid green;*/
		vertical-align:middle;
	}
	.imgSlide{
		width:50%;
		/*border:1px solid green;*/
	}
	.slideimg{
		width:100%;
		height:680px;
		/*margin:12vh 0% 0% 0%;*/
		/*max-height:600px;*/
		/*border:1px solid red;*/
	}
	.ballooncontainer{
		width:50%;
		height:680px;
		/*border:1px solid blue;*/
	}
	.testimonitext{
		/*border:1px solid black;*/
		font-size:18px;
		margin:-7% 0% 5% 17%;
		width:400px;
		height:300px;
		color:white;
		line-height:1.5;
	}
	.dotcontainer{
		/*border:1px solid yellow;*/
		margin:-8% 0% 0% 0%;
		padding:3% 0% 3% 0%;
		z-index:20;
		display:table;
	}
	.dotcontainerwhitespace{
		width:60%;
		/*border:1px solid blue;*/
		display:table-cell;
	}
	.dotinnercontainer{
		width:30%;
		/*border:1px solid green;*/
		display:table-cell;
	}
	input[type='radio']{
		-webkit-appearance: none;
		appearance:none;
		outline: none;
		/*border:1px solid #9F571F !important;*/
	}
	.radiocontainer{
		position: relative;
		cursor: pointer;
		display:inline-block;
		width:5%;
		padding:1%;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		/*border:1px solid white;*/
	}
	.dot {
		/*cursor: pointer;
		height: 15px;
		width: 15px;
		margin: 0 3px;
		border-radius: 50%;
		display: inline-block;
		border:1px solid white !important;
		position:relative;*/
	}
	.dot:hover {
		background-color: #717171;
	}
	.dotcheckmark {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin:auto;
		height: 15px;
		width: 15px;
		background-color: none;
		border-radius: 50%;
		border:1px solid orange;
	}
	.dotcheckmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.radiocontainer .dot:checked ~ .dotcheckmark:after {
		display:inline-block;
	}
	.radiocontainer .dotcheckmark:after {
		top: 3px;
		left: 3px;
		width: 9px;
		height: 9px;
		border-radius: 50%;
		background: #114b7b;
	}
	.prev {
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 0%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius:3px;
		z-index:10;
	}
	.next {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 0%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 3px;
		z-index:10;
	}
	.prev:hover, .next:hover {
		color:white;
		background-color: rgba(50,50,50,0.8);
	}
	.fade-in {
		-webkit-animation-name: fade-in;
		-webkit-animation-duration: 2s;
		animation-name:  fade-in;
		animation-duration: 2s;
	}
	@-webkit-keyframes fade-in {
		from {opacity: .4} 
		to {opacity: 1}
	}
	@keyframes fade-in {
		from {opacity: .4} 
		to {opacity: 1}
	}
	.fade-out {
		-webkit-animation-name: fade-out;
		-webkit-animation-duration: 2s;
		animation-name:  fade-out;
		animation-duration: 2s;
	}
	@-webkit-keyframes fade-out {
		from {opacity: 1} 
		to {opacity: .4}
	}
	@keyframes fade-out {
		from {opacity: 1} 
		to {opacity: .4}
	}
	
	.fadeinout {
		-webkit-animation: fadeinout 10s linear;
		animation: fadeinout 10s linear;
		/*-webkit-animation: fadeinout 10s linear forwards;
		animation: fadeinout 10s linear forwards;*/
	}
	@-webkit-keyframes fadeinout {
		0%, 100% {opacity: .4} 
		20%,50%,80% {opacity: 1}
	}
	@keyframes fadeinout  {
		0%, 100% {opacity: .4} 
		20%,50%,80% {opacity: 1}
	}
	
	/*----------slideshow section end----------*/
	
	/*----------location section start----------*/
	#locationcontainer{
		width:100%;
		height:70%;
		height:70vh;
		/*border:1px solid black;*/
		position:relative;
		display:block;
	}
	#locationmapscontainer{
		position:absolute;
		width:100%;
		height:70%;
		height:70vh;
		top:0%;
		left:0%;
		z-index:3;
		/*border:1px solid orange;*/
	}
	#mapscontainer{
		width:100%;
		height:70%;
		height:70vh;
		-webkit-filter: brightness(80%);
		filter: brightness(80%);
		/*display:table-cell;*/
		/*display:none;*/
		/*border:1px solid black;*/
	}
	#locationmaincontainer{
		position:absolute;
		max-width:1200px;
		height:70%;
		height:70vh;
		top:0%;
		left:0%;
		z-index:5;
		/*border:1px solid yellow;*/
		display:table;
	}
	#locationinnercontainer{
		width:30%;
		height:70%;
		height:70vh;
		/*border:1px solid black;*/
		position:relative;
		z-index:5;
		/*display:table;*/
	}
	#locationdesccontainer{
		width:100%;
		position:absolute;
		z-index:10;
		top:50%;
		bottom:50%;
		left:0%;
		/*display:table-cell;*/
		/*border:1px solid blue;*/
		/*background-color:##CCB89E;*/
		padding:0% 0% 0% 17%;
	}
	#locationmapsdesc{
		margin-top:-52%;
		padding:10%;
		height:300px;
		background:rgba(17, 75, 123, 0.5);
		font-size:20px;
		color:#ffffff;
		/*border:1px solid black;*/
	}
	#locationtitle{
		padding:0% 0% 3% 0%;
		font-size:30px;
		font-weight:700;
		font-family:RIGT, Verdana, sans-serif;
		/*border:1px solid black;*/
	}
	#locationtext{
		padding:2% 0%;
		/*border:1px solid black;*/
	}
	#directionbuttoncontainer{
		padding:10% 0% 0% 0%;
		/*border:1px solid black;*/
	}
	#directionbutton{
		width:150px;
		padding:2% 5%;
		text-align:center;
		border:1px solid white;
	}
	#directionbutton:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	/*----------location section end----------*/
	
	/*----------footer section start----------*/
	#footercontainer{
		width:100%;
		height:40%;
		height:40vh;
		background-color:#114b7b;
		display:table;
		/*border:1px solid black;*/
	}
	#footerinnercontainer{
		width:90%;
		height:20vh;
		margin:0% 5% 0% 5%;
		padding:5% 0% 5% 0%;
		/*border:1px solid white;*/
		vertical-align:middle;
		display:table;
	}
	/*#footeruppercontainer{
		width:100%;
		display:table;
		vertical-align:top;
	}
	#footerbottomcontainer{
		width:100%;
		display:table;
		vertical-align:top;
	}
	.footerleftcontainer{
		width:30%;
		display:table-cell;
	}
	.footermiddlecontainer{
		width:30%;
		display:table-cell;
		vertical-align:top;
	}
	.footerrightcontainer{
		width:30%;
		display:table-cell;
		vertical-align:top;
	}*/
	#contactcontainer{
		width:100%;
		/*border:1px solid black;*/
	}
	#addresscontainer{
		width:95%;
		padding:1% 2%;
		font-size:18px;
		/*border:1px solid black;*/
	}
	#phonecontainer{
		width:95%;
		padding:1% 2%;
		color:#FFFFFF;
		font-size:18px;
		font-weight:700;
		text-align:center;
		vertical-align:middle;
		/*border:1px solid black;*/
	}
	#logofootercontainer{
		width:80%;
		margin:-8% 10% 0% 10%;
		
		/*border:1px solid black;*/
	}
	#logofooter{
		width:100%;
		height:150px;
	}
	#navfootercontainer{
		vertical-align:top;
	}
	.navfooterbutton{
		width:95%;
		padding:6% 2% 2% 2%;
	}
	.underlinefooternav{
		display:block !important;
		width:auto;
		margin:0% 65% 0% 0%;
		border-bottom:1px solid #114b7b;
	}
	.underlinefooternav:hover{
		border-bottom:1px solid #cc662e;
	}
	#socialmediacontainer{
		margin-top:4.5%;
	}
	#copyrightcontainer{
		text-align:right;
		vertical-align:middle;
		color:#FFFFFF;
		padding:1% 0%;
		bottom:1%;
		/*border:1px solid black;*/
	}
	/*----------footer section end----------*/

	/*page home end*/
	
	/*page event start*/
	
	/*----------foreword section start----------*/
	
	.forewordcontainer{
		width:100%;
		height:100%;
		height:100vh;
		margin:0%;
		display:block;
		position:relative;
		/*border:1px solid #e5e1dc;*/
	}
	/*#eventforeword{
		background-size:cover;
		background-repeat:no-repeat;
		background-attachment: fixed;
		position:absolute;
		z-index:2;
		top:0%;
		left:0%;
		width:100%;
		height:100%;
		height:100vh;
	}*/
	.forewordinnercontainer{
		padding:0% 5%;
		width:90%;
		height:100%;
		height:100vh;
		/*border:1px solid blue;*/
		display:table;
		position:absolute;
		top:0%;
		left:0%;
		right:0%;
		bottom:0%;
		z-index:5;
	}
	.forewordtextcontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		/*border:1px solid yelllow;*/
		display:table-cell;
		vertical-align:middle;
	}
	.forewordtitle{
		padding:0% 0% 2% 0%;
		text-align:center;
		/*border:1px solid red;*/
	}
	.forewordtitle h1{
		font-size:70px;
		font-family:RIGT, Verdana, sans-serif;
		color:#FFFFFF;
		/*border:1px solid red;*/
	}
	.forewordtext{
		/*font-size:20px;
		color:#FFFFFF;*/
		width:100%;
		text-align:center;
		padding:2% 0% 2% 0%;
		/*border:1px solid green;*/
	}
	.forewordtext h2{
		font-size:20px;
		color:#FFFFFF;
		/*border:1px solid green;*/
	}
	.forewordtext a{
		color:white;
		font-weight:700;
	}
	/*.forewordtext a:hover{
		border-bottom:1px solid white;
	}*/
	/*----------foreword section end----------*/
	
	/*----------eventdesc section start----------*/
	.eventdesccontainer{
		width:100%;
		margin:0%;
		display:block;
		/*border:1px solid black;*/
	}
	.eventdescinnercontainer{
		padding:8% 5%;
		width:90%;
		/*border:1px solid blue;*/
		display:block;
	}
	.eventtextcontainer{
		width:50%;
		padding:0% 0% 2% 5%;
		/*border:1px solid black;*/
		display:inline-block;
		vertical-align:middle;
	}
	.eventdesctitle{
		/*font-size:24px;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;*/
		padding:5% 0% 2% 0%;
		/*border:1px solid red;*/
	}
	.eventdesctitle h3{
		font-size:24px;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		font-style:normal;
		/*padding:5% 0% 2% 0%;*/
		/*border:1px solid red;*/
	}
	.eventdesctext{
		padding:0% 0% 0% 0%;
		font-size:20px;
		line-height:1.5;
		/*border:1px solid green;*/
	}
	.eventimgcontainer{
		/*height:200px;*/
		/*width:40%;*/
		width:auto;
		max-width:60%;
		padding:0% 0% 0% 0%;
		vertical-align:middle;
		/*text-align:right;*/
		/*border:1px solid purple;*/
		display:inline-block;
	}
	.eventimg{
		max-height:450px;
		width:auto;
		/*width:100%;*/
		/*border:1px solid white;*/
	}
	.dualinnercontainer{
		width:40%;
		padding:0% 4.5%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	.eventimgcontainerdual{
		/*border:1px solid green;*/
	}
	.eventtextcontainerdual{
		/*border:1px solid purple;*/
	}
	
	/*----------eventdesc section end----------*/
	
	/*page event end*/
	
	/*page contact us start*/
	
	/*----------title section start----------*/

	.titlecontactcontainer{
		width:100%;
		margin:0%;
		padding-top:5%;
		display:table;
		/*background-color:#D08E00;*/
		/*position:relative;*/
		/*border:1px solid #e5e1dc;*/
	}
	.titlecontactinnercontainer{
		margin:0% 0%;
		padding:6% 8% 0% 12%;
		width:80%;
		/*border:1px solid blue;*/
		position:relative;
	}
	
	#contactuspagetitlecontainer{
		padding:0% 0% 2% 0%;
		width:100%;
		text-align:center;
		/*border:1px solid black;*/
	}
	#contactuspagetitlecontainer h1{
		font-size:42px;
		/*border:1px solid black;*/
	}
	#contactuspagedesccontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		text-align:center;
		font-size:20px;
		font-weight:700;
		/*border:1px solid black;*/
	}
	/*-----------title section end-----------*/
	
	/*----------description section start----------*/
	.relativediv{
		display:block;
		position:relative;
		/*border:1px solid green;*/
	}
	.desccontactcontainer{
		width:100%;
		margin:0%;
		display:table;
		/*position:relative;*/
		/*border:1px solid #e5e1dc;*/
		vertical-align:top;
	}
	#descmaincontainer{
		position:relative;
	}
	.desccontactinnercontainer{
		margin:0% 0%;
		padding:0% 8% 2% 12%;
		width:80%;
		/*border:1px solid blue;*/
		position:relative;
		vertical-align:top;
	}
	
	.desccontacttextcontainer{
		width:50%;
		padding:5% 0%;
		/*border:1px solid red;*/
		vertical-align:middle;
		display:inline-block;
	}
	.desccontacttitle{
		font-size:22px;
		font-weight:700 !important;
		font-style:italic;
		/*border:1px solid blue;*/
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		padding:2% 0%;
	}
	.desccontactusimgcontainer{
		/*max-width:25%;*/
		width:45%;
		padding:0% 0% 0% 0%;
		/*border:1px solid purple;*/
		/*display:table-cell;*/
		vertical-align:middle;
		display:inline-block;
		position:relative;
		/*top:0%;
		left:55%;*/
	}
	
	#descimgcontactus{
	}
	#imgcontactus{
		/*min-width:480px;
		min-height:380px;
		max-width:600px;
		max-height:450px;*/
		width:90%;
		/*border:1px solid red;*/
		/*box-shadow: 10px 10px 8px rgb(87,87,87,0.5);*/
	}
	
	/*----------description section end----------*/
	
	/*----------postcard form section start----------*/
	::placeholder{
		color:#5d5d5d;
	}
	input[type=text],input[type=email]{
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		outline:none;
		border  : none;
		background: none;
	}
	textarea{
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		outline:none;
		border: none;
		background: none;
	}
	input[type=button]{
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border: none;
		background: none;
	}
	input,textarea{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
	}
	.postcardformcontainer{
		width:100%;
		margin:0%;
		display:block;
		/*border:1px solid black;*/
	}
	.postcardforminnercontainer{
		padding:0% 12% 12% 12%;
		width:75%;
		/*border:1px solid blue;*/
		display:block;
	}
	.postcardstyle{
		padding:2%;
		width:95%;
		height:585px;
		display:block;
		background-size:contain;
		background-position:center;
		background-repeat:no-repeat;
	}
	.postcardformcontain{
		padding:2%;
		width:95%;
		font-family:RIGT, Verdana, sans-serif;
		/*border:1px solid #cc662e;*/
		display:block;
		/*background-color:#edede6;*/
	}
	.containerpostcardformleft{
		width:55%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	.formcontainer{
		font-size:18px;
		color:#114b7b;
		/*border:1px solid black;*/
		padding:2% 8% 2% 2%;
		width:90%;
		border-right:1px solid #cc662e;
	}
	.labelpostcard{
		width:100%;
		/*font-family:RIGT, Verdana, sans-serif;
		font-size:34px;
		font-weight:bold;
		color:#114b7b;
		text-align:center;*/
		padding:0% 0% 2% 0%;
		margin-top:-4%;
		/*border:1px solid yellow;*/
	}
	#postcardimgccontainer{
		width:40%;
		/*border:1px solid blue;*/
	}
	#imglabelpostcard{
		/*width:15%;*/
		/*border:1px solid black;*/
	}
	.subjectinputcontainer{
		/*border:1px solid blue;*/
		padding:1% 0%;
	}
	.inputtextstyle{
		border-bottom:1px solid #cc662e;
	}
	.inputlabel{
		width:15%;
		color:black;
		display:inline-block;
		padding:5px 0px;
		/*border-bottom:1px solid #cc662e;*/
	}
	.inputcontainer{
		width:80%;
		color:black;
		display:inline-block;
		/*border-bottom:1px solid #cc662e;*/
	}
	#subjectinput{
		width:100%;
		font-size:16px;
		color:#000000;
		/*border-bottom:1px solid #cc662e;*/
		padding:5px 3px;
		/*border:px solid black;*/
	}
	.messagelabelcontainer{
		/*border:1px solid blue;*/
		padding:1% 0%;
		color:#000000;
	}
	.messageinputcontainer{
		/*border:1px solid blue;*/
		padding:1% 0% 3% 0%;
	}
	#messageinput{
		width:100%;
		height:200px;
		max-height:200px;
		max-width:400px;
		font-size:18px;
		color:#000000;
		border:1px solid #cc662e;
		padding:5px 10px;
	}
	.fromlabelcontainer{
		/*border:1px solid blue;*/
		padding:1% 0%;
		color:#000000;
	}
	#fromlabelcontainer{
		/*width:5%;*/
	}
	#imglabelfrom{
		width:15%;
		/*border:1px solid black;*/
	}
	.frominputcontainer{
		/*border:1px solid blue;*/
		padding:1% 0% 1% 0%;
	}
	#frominput{
		width:100%;
		font-size:16px;
		color:#000000;
		border-bottom:1px solid #cc662e;
		/*border:1px solid blue;*/
		padding:5px 0px;
	}
	.containerpostcardformright{
		width:40%;
		padding:0% 0% 1% 4%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	.stampcontainer{
		/*border:1px solid blue;*/
		width:62.5%;
		padding:4.5% 0% 15% 36.8%;
		text-align:right;
	}
	#postcardimg{
		width:80%;
		max-height:150px;
		/*border:1px solid black;*/
	}
	.formlogocontainer{
		width:100%;
		font-size:18px;
		color:#114b7b;
		padding:3% 0%;
		/*border:1px solid blue;*/
		border-bottom:1px solid #cc662e;
	}
	#toimgccontainer{
		width:10%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	#imglabelto{
	}
	#logoform{
		/*background-image:url(../images/sukasantai-logo-black.png);
		background-size:contain;
		background-position:center;
		background-repeat: no-repeat;*/
		width:90%;
		height:50px;
		display:inline-block;
		margin:0% 5%;
	}
	.addresscontainer{
		width:80%;
		font-size:18px;
		font-style:italic;
		padding:2% 0% 2% 20%;
		/*border:1px solid blue;*/
		border-bottom:1px solid #cc662e;
	}
	.phonecontainer{
		width:80%;
		font-size:18px;
		font-style:italic;
		padding:2% 0% 2% 20%;
		/*border:1px solid blue;*/
		border-bottom:1px solid #cc662e;
	}
	/*#phonecontainer a{
		color:#FFFFFF;
	}*/
	.sendbuttoncontainer{
		width:100%;
		padding:8% 0% 2% 0%;
		text-align:right;
		/*border:1px solid blue;*/
	}
	#sendimgcontainer{
		/*border:1px solid #cc662e;*/
		padding:2% 4% 2% 0%;
	}
	#imgsendbutton{
		border:1px solid #cc662e;
		padding:2% 10%;
		width:15%;
		cursor:pointer;
	}
	#imgsendbutton:hover{
		border:1px solid #cc662e;
		background-color:#cc662e;
		
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	#sendbutton{
		font-size:18px;
		border:1px solid #cc662e;
		width:50%;
		padding:2% 4%;
	}
	#sendbutton:hover{
		border:1px solid #cc662e;
		background-color:#cc662e;
		color:#edede6;
		width:50%;
		padding:2% 4%;
	}
	/*----------postcard form section end----------*/
	/*page contact us end*/
	
	/*page do start*/
	
	/*----------foreword section start----------*/
	/*#doforeword{
		background-size:cover;
		background-repeat:no-repeat;
		background-attachment: fixed;
		position:absolute;
		z-index:2;
		top:0%;
		left:0%;
		width:100%;
		height:100vh;
		height:100%;
	}*/
	/*----------foreword section end----------*/
	
	/*----------all year round section start----------*/
	#allyearcontainer{
		display:block;
	}
	#allyearinnercontainer{
		width:90%;
		margin:5% 5%;
		/*border:1px solid blue;*/
	}
	#allyeartitlecontainer h3{
		font-size:48px;
		/*border:1px solid black;*/
	}
	#allyeartypecontainer{
		width:100%;
		padding:1% 0% 1% .5%;
		/*border:1px solid black;*/
	}
	/*.allyearimgcontainer{
		position:relative;
	}*/
	.allyearimgcontainer{
		display:inline-block;
		margin:0% auto .5% auto;
		padding:0px;
		width: 32.4%;
		/*width: 19.75%;*/
		position:relative;
		/*border:1px solid blue;*/
	}
	.grid-sizer{
		display:inline-block;
		width: 32.4%;
		margin:0px;
		padding:0px;
		/*border:1px solid green;*/
	}
	.gutter-sizer {
		display:inline-block;
		width: 1%;
	}
	/*.hoveredallyearactivityimg{
		-webkit-filter: brightness(60%);
		-moz-filter: brightness(60%);
		-o-filter: brightness(60%);
		filter: brightness(60%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredallyearactivityimg{
		-webkit-filter: brightness(80%);
		-moz-filter: brightness(80%);
		-o-filter: brightness(80%);
		filter: brightness(80%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}*/
	/*.masonry {
		column-count: 3;
		column-gap: 0.5em;
	}
	
	.item {
		display: inline-block;
		margin: 0 0 0.25em 0;
		width: 100%;
	}*/
	.allyearthumbtextcontainer{
		/*width:80%;*/
		position:absolute;
		top:50%;
		right:0%;
		bottom:50%;
		left:0%;
		/*margin:auto;*/
		z-index:3;
		/*width:80%;
		padding:7% 10%;*/
		opacity:0;
		/*border:1px solid blue;*/
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.hoveredallyearcativitytext{
		opacity:1;
	}
	.unhoveredallyearcativitytext{
		opacity:0;
	}
	/*.allyeartextcontainer{
		position:relative;
		z-index:5;
		border:1px solid red;
	}*/
	.allyearactivitytitle{
		font-size:24px;
		font-weight:700;
		color:white;
		padding:5% 0%;
		margin:-11% 0%;
		text-align:center;
		vertical-align:middle;
		/*width:90%;*/
		/*border:1px solid green;*/
	}
	.allyearactivitytext{
		font-size:18px;
		color:white;
		/*border:1px solid red;*/
	}
	/*----------all year round  section end----------*/
	
	
	/*----------seasonal section start----------*/
	
	/*#seasonalcontainer{
		width:100%;
		display:block;
		padding-bottom:3%;
		margin:0px;
	}
	#seasonalinnercontainer{
		width:90%;
		margin:5% 5%;
	}*/
	#seasonaltitlecontainer h3{
		font-size:48px;
		/*border:1px solid black;*/
	}
	#seasonaldesccontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		text-align:center;
		font-size:20px;
		/*border:1px solid black;*/
	}
	#seasonaltypecontainer{
		width:100%;
		padding:1% 0%;
		display:table;
		/*border:1px solid black;*/
	}
	.seasonalthumbtablerow{
		display:table-row;
	}
	.thumbcontainer{
		display:table-cell;
	
		width:20%;
	}
	.hoveredthumbcontainer{
		-webkit-filter: brightness(100%);
		-moz-filter: brightness(100%);
		-o-filter: brightness(100%);
		filter: brightness(100%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredthumbcontainer{
		-webkit-filter: brightness(80%);
		-moz-filter: brightness(80%);
		-o-filter: brightness(80%);
		filter: brightness(80%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.thumbimgcontainer{
		width:97%;
		margin:1% 1.5%;
		height:182px;
		/*border:1px solid black;*/
	}
	/*.eventimg{
		height:50%;
	}*/
	.thumbtextcontainer{
		width:100%;
		padding:2% 0% 2% 0%;
		text-align:center;
		font-size:18px;
		font-weight:700;
		/*border:1px solid black;*/
	}
	
	/*----------seasonal section end----------*/
	/*page do end*/
	
	/*page eat start*/
	
	/*----------foreword section start----------*/
	/*#eatforeword{
		background-size:cover;
		background-repeat:no-repeat;
		background-attachment: fixed;
		position:absolute;
		z-index:2;
		top:0%;
		left:0%;
		width:100%;
		height:100vh;
		height:100%;
	}*/
	/*----------foreword section end----------*/
	
	/*----------eatdesc section start----------*/
	.eatdesccontainer{
		width:100%;
		margin:0%;
		display:block;
		/*border:1px solid black;*/
	}
	.eatdescinnercontainer{
		padding:7% 5%;
		width:90%;
		/*border:1px solid blue;*/
		display:block;
	}
	.eattextcontainer{
		width:100%;
		/*padding:0% 0% 2% 0%;*/
		/*border:1px solid black;*/
		display:inline-block;
		line-height:1.5;
		vertical-align:top;
	}
	.eatdesctitle{
		/*font-size:32px;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;*/
		padding:2% 0% 2% 0%;
		/*border:1px solid red;*/
	}
	.eatdesctitle h3{
		font-size:32px;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		font-style:normal;
		/*padding:2% 0% 2% 0%;*/
		/*border:1px solid red;*/
	}
	.eatdesctext{
		padding:0% 0% 0% 0%;
		font-size:20px;
		/*border:1px solid green;*/
	}
	#farmtokitchentext{
		width:100%;
		display:table;
		/*border:1px solid yellow;*/
	}
	.farmtextcontainer{
		width:30%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	/*.farmtokitchenrow{
		width:100%;
		display:table-row;
		border:1px solid red;
	}
	.farmimgcontainer{
		width:30%;
		padding:3% 3%;
		display:table-cell;
		border:1px solid green;
	}*/
	.farmtokitchencolumn{
		width:33%;
		display:table-cell;
		/*border:1px solid red;*/
	}
	.farmimgcontainer{
		width:94%;
		padding:10% 3%;
		display:block;
		/*border:1px solid green;*/
	}

	.farmimg{
		max-height:350px;
		width:100%;
		/*max-width:280px;*/
		/*width:auto;*/
		/*width:100%;*/
		/*border:1px solid blue;*/
	}
	#imgfarm3{
		margin:0% 12%;
		width:auto !important;
	}
	/*.farmtext{
	
		width:30%;
		padding:0% 3% 2% 0%;
		display:table-cell;
		border:1px solid green;
	}*/
	.farmtext{
		width:94%;
		padding:0% 6% 5% 0%;
		display:table-cell;
		/*border:1px solid green;*/
	}
	.subhead{
		font-weight:700;
	}
	.eatimgcontainer{
		width:auto;
		/*padding:0% 5% 0% 5%;*/
		/*border:1px solid purple;*/
		display:inline-block;
	}
	.eatimg{
		max-height:400px;
		width:auto;
		/*width:100%;*/
		/*border:1px solid blue;*/
	}
	#imgfarmtokitchen{
		padding:0% 0%;
		/*border:1px solid blue;*/
	}
	#eatimgcontainer{
		width:100%;
		/*padding:0% 5% 0% 5%;*/
		/*border:1px solid purple;*/
		display:block;
	}
	#imgomakase{
		width:39%;
		height:450px;
		display:inline-block;
		vertical-align:top;
		margin-right:1%;;
		/*border:1px solid blue;*/
	}
	#imgomakase2{
		width:59%;
		height:450px;
		display:inline-block;
		vertical-align:top;
		margin-left:0%;
		/*border:1px solid blue;*/
	}
	/*#imgomakasecontainer{
		margin:0% 0% 0% 0%;
	}
	#imgomakase2container{
		margin:0% 0% 0% 1.5%;
	}*/
	#omakasetitle{
		padding:2% 0% 0% 0% !important;
	}
	#imgcooking{
		max-height:300px;
	}
	/*#cookingcontainer{
		width:100%;
		vertical-align:top;
		display:table;
	}
	#cookingtextcontainer{
		width:50%;
		padding:0% 0% 0% 3%;
		display:table-cell;
	}
	#cookingtitle{
		line-height:1;
		padding:0% 0% 2% 0% !important;
	}*/
	/*----------eatdesc section end----------*/
	
	/*content 3 start*/

	.content3slidescontainer{
		width:50%;
		text-align:center;
		vertical-align:middle;
		position:relative;
		display:table-cell;
		
	}
	.content3slide {
		display: none;
	}
	.slideactive{
		display: block;
	}
	.content3slideimg{
		height:96%;
		width: 100%;
		position: absolute;
		right: 0;
		top: 2%;
	}
	.content3prev {
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 1px;
		z-index:22;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
	}
	.content3next {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 1px;
		z-index:22;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 3px 0 0 3px;
	}
	.content3prev:hover, .content3next:hover {
		color:white;
		background-color: rgba(50,50,50,0.8);
	}
	.content3dotcontainer{
		width:100%;
		position:absolute;
		left: 0%;
		bottom: 0%;
		margin:auto;
	}
	#content3dotinnercontainer{
		width:100%;
		/*margin:0% 30%;*/
		text-align:center; 
		/*border:1px solid green;*/
	}
	.content3dotcheckmark {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin:auto;
		height: 15px;
		width: 15px;
		background-color: none;
		border-radius: 50%;
		border:1px solid white;
	}
	.content3dotcheckmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.radiocontainer .dot:checked ~ .content3dotcheckmark:after {
		display:inline-block;
	}
	.radiocontainer .content3dotcheckmark:after {
		top: 3px;
		left: 3px;
		width: 9px;
		height: 9px;
		border-radius: 50%;
		background: white;
	}
	
	/*content 3 end*/
	
	/*page eat end*/
	
	/*page blog start*/	
	
	#blogmaincontainer{
		width:100% !important;
		position:relative;
	}
	#blogcontainer{
		width:100%;
		padding-top:3.5%;
		display:table;
		/*border:1px solid black;*/
	}
	#bloginnercontainer{
		width:98%;
		margin:1% 1%;
		/*border:1px solid blue;*/
		vertical-align:top;
	}
	#blogpagetitlecontainer{
		padding:5% 0% 2% 0%;
		width:100%;
		text-align:center;
		/*font-size:48px;
		font-family:RIGT, Verdana, sans-serif;
		font-weight:bold;
		color:#0F1067;*/
		/*border:1px solid black;*/
	}
	#blogpagetitlecontainer h1{
		/*padding:5% 0% 2% 0%;
		width:100%;
		text-align:center;*/
		font-size:48px;
		/*border:1px solid black;*/
	}
	#blogpagedesccontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		text-align:center;
		/*font-size:22px;
		font-weight:700;*/
		/*border:1px solid black;*/
	}
	#blogpagedesccontainer h2{
		/*width:100%;
		padding:0% 0% 5% 0%;
		text-align:center;*/
		font-size:22px;
		color:#000000;
		font-weight:700;
		/*border:1px solid black;*/
	}

	#blogpagecategorycontainer{
		width:100%;
		/*border:1px solid green;*/
		text-align:center;
		font-size: 0;
		padding:0% 0% 5% 0%;
	}
	.blogcategory{
		display:inline-block;
		width:10%;
		color:#cc662e;
		font-size:18px;
		padding:0.5% 1%;
		vertical-align:top;
		/*border:1px solid #ffffff;*/
		border:1px solid transparent;
		object-fit: contain;
		white-space:nowrap;
		cursor:pointer;
	}
	.blogcategory:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	.activedblogcategory{
		color:#cc662e;
		border:1px solid #cc662e;
	}

	.blogthumbnail{
		position:relative;
		/*border:4px solid purple;*/
		width:23.8%;
		height:500px;
		display:inline-block;
		/*margin:8px 5px;*/
		margin:0.5% 0.4%;
		vertical-align:top;
	}
	.blogthumbimg{
		cursor:pointer;
		width:100%;
		height:500px;
		z-index:1;
		/*background-position:center;*/
		background-size:cover;
		
		/*-webkit-filter: brightness(80%);
		-moz-filter: brightness(80%);
		-o-filter: brightness(80%);
		filter: brightness(80%);*/
	}
	/*.hoveredblog{
		-webkit-filter: brightness(60%);
		-moz-filter: brightness(60%);
		-o-filter: brightness(60%);
		filter: brightness(60%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}*/
	/*.unhoveredblog{
		-webkit-filter: brightness(80%);
		-moz-filter: brightness(80%);
		-o-filter: brightness(80%);
		filter: brightness(80%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}*/
	.blogthumbtextcontainer{
		width:80%;
		position:absolute;
		bottom:0%;
		left:0%;
		z-index:3;
		padding:7% 10%;
		/*border:1px solid blue;*/
	}
	.blogthumbcategory{
		font-size:18px;
		color:white;
	}
	.blogthumbtitle{
		font-family:RIGT, Verdana, sans-serif;
		font-size:24px;
		font-weight:700;
		color:white;
		padding:5% 0%;
		/*border:1px solid green;*/
	}
	.blogthumbtext{
		font-size:18px;
		color:white;
		-webkit-opacity:0.0;
		-moz-opacity:0.0;
		-o-opacity:0.0;
		opacity:0.0;
		/*border:1px solid red;*/
	}
	.hoveredblogtext{
		-webkit-opacity:1.0;
		-moz-opacity:1.0;
		-o-opacity:1.0;
		opacity:1.0;
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredblogtext{
		-webkit-opacity:0.0;
		-moz-opacity:0.0;
		-o-opacity:0.0;
		opacity:0.0;
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	/*page blog end*/
	
	/*page blog post start*/
	
	/*----------content section start----------*/
	/*.contentcontainer{
		width:100%;
		padding-top:3%;
		padding-bottom:5%;
		margin:0%;
		display:block;
	}*/
	#blogpostcontentcontainer{
		padding-bottom:0 !important;
	}
	.contentinnercontainer{
		padding:5% 20%;
		width:60%;
		/*border:1px solid blue;*/
		display:block;
	}
	.contenttextcontainer{
		width:100%;
		/*border:1px solid black;*/
		display:inline-block;
		vertical-align:top;
	}
	.contenttextcontainer a{
		color:#cc662e;
	}
	.contenttextcontainer a:hover{
		color:blue;
		text-decoration:underline;
	}
	.contenttitle{
		/*border:1px solid red;*/
		text-align:center;
		padding:2% 0% 2% 0%;
	}
	.categorytitle{
		font-size:18px;
		/*font-weight:bold;*/
		/*border:1px solid red;*/
		color:#888888;
		/*padding:2% 0% 2% 0%;*/
	}
	.blogposttitle{
		/*font-size:38px;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;*/
		padding:2% 0% 1% 0%;
		/*border:1px solid red;*/
	}
	.blogposttitle h1{
		font-size:38px;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		/*padding:2% 0% 1% 0%;*/
		/*border:1px solid red;*/
	}
	.datepost{
		font-size:14px;
		color:#888888;
		padding:0% 0% 2% 0%;
	}
	.contenttext{
		padding:0% 0% 0% 0%;
		font-size:20px;
		/*border:1px solid green;*/
		vertical-align:top;
	}
	
	.contenttext h2{
		/*font-size:18px;*/
		font-size:26px;
		/*font-size:1.5em;*/
	}
	
	.contenttext h3{
		/*font-size:18px;*/
		font-size:21px;
		/*font-size:1.5em;*/
	}
	
	.contenttext h4{
		/*font-size:18px;*/
		/*font-size:26px;*/
		font-size:18px;
		/*font-size:1.5em;*/
	}
	
	.blogcontentlayer{
		width:100%;
		/*border:1px solid red;*/
		display:block;
		text-align:top;
	}
	
	#blogposttextcontainer1{
		width:60%;
		display:inline-block;
		padding:3% 4%;
		/*border:1px solid black;*/
	}
	#blogposttextcontainer2{
		width:46%;
		display:inline-block;
		padding:2% 4% 2% 4%;
		/*border:1px solid black;*/
	}
	#blogposttextcontainer3{
		width:92%;
		display:inline-block;
		padding:2% 4%;
		/*border:1px solid blue;*/
	}
	#blogcontentimgcontainer1{
		width:30%;
		display:inline-block;
		padding:2% 0% 2% 0%;
		/*border:1px solid blue;*/
	}
	#blogcontentimgcontainer2{
		width:44%;
		/*padding:0% 0%;*/
		display:inline-block;
		/*border:1px solid blue;*/
	}
	#blogcontentimgcontainer3{
		width:100%;
		display:inline-block;
		/*border:1px solid blue;*/
	}
		
	/*----------content section end----------*/
	
	/*----------otherblog section start----------*/
	
	#otherblogcontainer{
		width:100%;
		display:block;
		/*border:1px solid black;*/
	}
	#otherbloginnercontainer{
		width:60%;
		margin:0% 20.2% 0% 20.2%;
		padding:2% 0% 3% 0%;
		border-top:2px solid #cc662e;
		border-bottom:2px solid #cc662e;
		/*border:1px solid green;*/
	}
	#otherblogtitlecontainer{
		padding:2% 0% 2% 0%;
		width:100%;
		font-size:36px;
		/*border:1px solid black;*/
	}
	#otherblogtypecontainer{
		width:100%;
		display:table;
		/*padding:1% 0%;*/
		/*border:1px solid blue;*/
	}
	#otherblogtypecontainer a{
		color:#000000;
	}
	.otherblogthumbtablerow{
		display:table-row;
		/*border:1px solid green;*/
	}
	.otherblogthumbcell{
		display:table-cell;
		width:25%;
		/*border:1px solid blue;*/
	}
	.otherblogthumbcontainer{
		/*display:inline-block;*/
		/*display:table-cell;*/
		width:90%;
		/*padding:2% 5%;*/
		margin:3% 5%;
		cursor:pointer;
		/*border:1px solid red;*/
	}
	/*.hoveredotherblogthumbcontainer{
		-webkit-filter: brightness(110%);
		-moz-filter: brightness(110%);
		-o-filter: brightness(110%);
		filter: brightness(110%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredotherblogthumbcontainer{
		-webkit-filter: brightness(100%);
		-moz-filter: brightness(100%);
		-o-filter: brightness(100%);
		filter: brightness(100%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}*/
	.otherblogthumbimg{
		width:auto;
		/*width:150px;*/
		padding:0% 5%;
		height:100px;
		/*margin:5% 0%;*/
		/*border:1px solid black;*/
		
		/*background-position: center;
		background-repeat: no-repeat;
		background-size:cover;*/
	}
	.otherblogthumbtext{
		width:100%;
		padding:3% 0%;
		text-align:center;
		font-weight:700;
		font-size:14px;
		/*border:1px solid black;*/
	}
	
	/*----------otherblog section end----------*/
	
	/*----------tags section start----------*/
	.tagscontainer{
		width:100%;
		margin:0%;
		display:block;
		/*border:1px solid black;*/
	}
	.tagsinnercontainer{
		padding:1.5% 15% 3% 22%;
		width:60%;
		/*border:1px solid blue;*/
		display:block;
	}
	.tagstextcontainer{
		width:100%;
		/*padding:0% 0% 2% 0%;*/
		/*border:1px solid black;*/
		display:inline-block;
		vertical-align:top;
	}
	.tagstext{
		padding:0% 0% 0% 0%;
		font-size:20px;
		/*border:1px solid green;*/
	}
	.tagstext a{
		color:#cc662e;
	}
	.tagstext a:hover{
		color:blue;
		text-decoration:underline;
	}
	/*----------tags section end----------*/
	
	/*page blog post end*/
	
	/*page sleep start*/
	
	/*----------foreword section start----------*/
	/*#sleepforeword{
		background-size:cover;
		background-repeat:no-repeat;
		background-attachment: fixed;
		position:absolute;
		z-index:2;
		top:0%;
		left:0%;
		width:100%;
		height:100vh;
		height:100%;
	}*/
	/*----------foreword section end----------*/
	
	/*----------room section start----------*/
	
	#roomcontainer{
		width:100%;
		display:block;
		/*border:1px solid black;*/
	}
	#roominnercontainer{
		width:80%;
		/*border:1px solid black;*/
	}
	#roomtitlecontainer h3{
		font-size:48px;
		/*border:1px solid black;*/
	}
	#roomtypecontainer{
		/*width:100%;
		padding:1% 0%;*/
		width:96%;
		padding:1% 0% 1% 4%;
		/*border:1px solid black;*/
	}
	/*.roomthumbcontainer{
		display:inline-block;
		width:20%;
		margin:1% 2.3%;
		border:1px solid black;
	}*/
	.roomthumbcontainer{
		/*display:inline-block;*/
		display:table-cell;
		width:20%;
		padding:2% 2% 2% 3%;
		/*padding:2% 2.2%;*/
		cursor:pointer;
		/*margin:1% 2.2%;*/
		/*border:1px solid black;*/
	}
	.hoveredroomthumbcontainer{
		-webkit-filter: brightness(110%);
		-moz-filter: brightness(110%);
		-o-filter: brightness(110%);
		filter: brightness(110%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredroomthumbcontainer{
		-webkit-filter: brightness(100%);
		-moz-filter: brightness(100%);
		-o-filter: brightness(100%);
		filter: brightness(100%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.roomthumbimgcontainer{
		width:100%;
		/*width:auto;*/
		height:150px;
		/*border:1px solid black;*/
	}
	.roomthumbtextcontainer{
		width:100%;
		/*text-align:center;*/
		font-size:18px;
		padding:2% 2.2%;
		/*border:1px solid black;*/
	}
	.floorcontainer{
		width:100%;
		padding:2% 0%;
		/*border:1px solid black;*/
	}
	.floortitle{
		width:97%;
		padding-left:3%;
		font-size:24px;
		font-weight:bold;
		/*border:1px solid black;*/
	}
	.floorroomtype{
		/*width:95%;
		padding-left:5%;*/
		width:100%;
		font-size:18px;
		display:table;
		/*border:1px solid black;*/
	}
	.floorroomtablerow{
		display:table-row;
	}
	/*----------room section end----------*/
	
	/*----------popup room detail section start----------*/
	#roomdetailcontainer{
		width:100%;
		height:100%;
		top:0;
		left:0;
		display:none;
		position:fixed;
		background-color: rgba(51,51,51,.9);
		overflow:auto;
		z-index:21;
	}
	#roomdetailbox{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		width:780px;
		height:520px;
		/*max-width:850px;
		min-width:250px;
		min-height:200px;
		max-height:580px;*/
		padding:2% 2% 0% 2%;
		border:1px solid gray;
		/*border-radius:5px;*/
		background-color:#FFFFFF;
		overflow:auto;
	}
	.divclosebutton{
		width:100%;
		/*border:1px solid black;*/
		position:relative;
	}
	.roomdetailmaincontainer{
		padding:5%;
		width:90%;
		/*border:1px solid blue;*/
	}
	
	#roomdetailtopcontainer{
		width:100%;
	}
	.roomimgslidescontainer{
		width:100%;
		text-align:center;
		vertical-align:middle;
		/*border:1px solid cyan;*/
		position:relative;
		
	}
	.roomslide {
		/*position:absolute;*/
		display: none;
	}
	.slideactive{
		display: block;
	}
	/*.roomslideimg{
		width:auto;
		height:250px;
		border:1px solid black;
	}*/
	.roomslideimg{
		width:100%;
		height:460px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
		/*border:1px solid black;*/
	}
	.roomprev {
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 1px;
		z-index:22;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
	}
	.roomnext {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 1px;
		z-index:22;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 3px 0 0 3px;
	}
	.roomprev:hover, .roomnext:hover {
		color:white;
		background-color: rgba(50,50,50,0.8);
	}
	.roomdotcontainer{
		width:100%;
		/*border:1px solid yellow;*/
		margin:-5% 0% 0% 0%;
		/*padding:3% 35% 3% 35%;*/
		z-index:22;
	}
	#roomdotinnercontainer{
		width:100%;
		/*margin:0% 30%;*/
		text-align:center; 
		/*border:1px solid green;*/
	}
	.roomdotcheckmark {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin:auto;
		height: 15px;
		width: 15px;
		background-color: none;
		border-radius: 50%;
		border:1px solid white;
	}
	.roomdotcheckmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.radiocontainer .dot:checked ~ .roomdotcheckmark:after {
		display:inline-block;
	}
	.radiocontainer .roomdotcheckmark:after {
		top: 3px;
		left: 3px;
		width: 9px;
		height: 9px;
		border-radius: 50%;
		background: white;
	}
	#roomdetailbottomcontainer{
		width:100%;
		/*border:1px solid red;*/
	}
	.roomdetailleftcontainer{
		width:50%;
		/*border:1px solid blue;*/
		display:inline-block;
	}
	.roomdetailtextcontainer{
		/*border:1px solid black;*/
	}
	.roomnametitle{
		padding:5% 0% 2% 0%;
		width:100%;
		font-size:18px;
		font-weight:bold;
		color:#114b7b;
		/*border:1px solid red;*/
	}
	.roomdesctext{
		width:100%;
		line-height:1.5;
		/*border:1px solid yellow;*/
	}
	
	.roomdetailrightcontainer{
		width:46%;
		padding:2.5% 0% 0% 3%;
		/*border:1px solid blue;*/
		display:inline-block;
	}
	.roomoverview{
		width:90%;
		padding:0% 5% 2% 5%;
		/*border:1px solid blue;*/
	}
	.roomoverviewtitle{
		font-weight:bold;
		padding:0% 0% 3% 0%;
		line-height:1.5;
	}
	.tableroom{
		width:60%;
		display:table;
	}
	.tablerow{
		display:table-row;
	}
	.tablecell{
		width:50%;
		padding:3% 5% 3% 0%;
		display:table-cell;
		white-space:nowrap;
		/*border:1px solid black;*/
	}
	
	.roomamenities{
		padding:5% 0%;
		line-height:1.5;
		/*border:1px solid blue;*/
	}
	.bathroomamenities{
		padding:5% 0%;
		line-height:1.5;
		/*border:1px solid blue;*/
	}
	.amenitiestitle{
		padding:0% 0% 0% 5%;
		width:95%;
		/*border:1px solid blue;*/
	}
	.amenitiesitem{
		/*border:1px solid blue;*/
	}
	
	/*---------popup pictures start---------*/
	#popupictures{
		display:none;
		position:fixed;
		top:0px;
		background-color:rgba(0,0,0,1.0);
		height:100%;
		height:100vh;
		width:100%;
		color:#fff;
		z-index:30;
		/*border:1px solid white;*/
	}
	#popupicturesfill{
		display:table-cell;
		width:8%;
		padding:1%;
		vertical-align:top;
		text-align:right;
		font-size:1.5em;
		cursor:pointer;
		position:relative;
		/*border:1px solid yellow;*/
	}
	#popupicturescontainer{
		display:table-cell;
		padding:0px;
		width:80%;
		height:100%;
		vertical-align:middle;
		text-align:center;
	}
	#popupicturescontainer img{
		width:auto;
		height:auto;
	}
	#xbuttonpopupimg{
		width:20px !important;
		height:20px !important;
		margin:5% 3%;
		
		-webkit-filter: invert(100%);
		-moz-filter: invert(100%);
		-o-filter: invert(100%);
		filter: invert(100%);
	}
	.previmgdetail {
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 0%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: white;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
		z-index:32;
	}
	.nextimgdetail {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 0%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: white;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 3px 0 0 3px;
		z-index:32;
	}
	.previmgdetail:hover, .nextimgdetail:hover {
	  background-color: rgba(50,50,50,0.8);
	}
	/*---------popup pictures end---------*/
	
	/*----------popup room detail section end----------*/
	
	/*----------facilities section start----------*/
	
	#facilitiescontainer{
		width:100%;
		display:block;
		/*background-color:blue;*/
		/*border:1px solid black;*/
		
	}
	#facilitiesinnercontainer{
		width:80%;
		margin:3% 10% 5% 10%;
		/*border:1px solid blue;*/
	}
	#facilitiestitlecontainer{
		padding:0% 0% 2% 0%;
		width:100%;
		text-align:center;
		/*font-size:48px;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#0F1067;*/
		/*border:1px solid red;*/
	}
	#facilitiestitlecontainer h3{
		font-size:48px;
		/*border:1px solid red;*/
	}
	#facilitiestypecontainer{
		width:100%;
		padding:1% 0%;
		/*border:1px solid magenta;*/
		display:table;
		vertical-align:top;
	}
	.facilthumbnailtablerow{
		display:table-row;
	}
	.facilthumbcontainer{
		display:table-cell;
		width:20%;
	}
	.facilthumbimgcontainer{
		width:50%;
		height:80px;
		margin:15% 22%;
		padding:3%;
		cursor:pointer;
		/*border:1px solid cyan;*/
		
		-webkit-filter: brightness(0%);
		-moz-filter: brightness(0%);
		-o-filter: brightness(0%);
		filter: brightness(0%);
	}
	.hoveredfacilthumbnailimg{
		-webkit-filter: brightness(100%);
		-moz-filter: brightness(100%);
		-o-filter: brightness(100%);
		filter: brightness(100%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredfacilthumbnailimg{
		-webkit-filter: brightness(0%);
		-moz-filter: brightness(0%);
		-o-filter: brightness(0%);
		filter: brightness(0%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.facilthumbtextcontainer{
		width:100%;
		text-align:center;
		font-size:20px;
	}
	
	/*----------facilities section end----------*/
	
	/*----------faq section end----------*/
	/*.faqcontainer{
		width:100%;
		margin:0%;
		display:block;
	}
	.faqinnercontainer{
		padding:0% 5% 10% 5%;
		width:90%;
		display:block;
	}*/
	.faqtextcontainer{
		width:100%;
		display:inline-block;
		vertical-align:top;
	}
	.faqtext{
		padding:0% 0% 0% 0%;
		font-size:20px;
		text-align:center;
	}
	.faqtext a{
		color:#cc662e;
	}
	/*----------faq section end----------*/
	/*page sleep end*/
	
	/*===================update 21102019==========================*/
	
	/*page rates start*/
	
	/*----------farmplus section start----------*/
	.ratesthumbnail{
		position:relative;
		width:23%;
		height:400px;
		display:inline-block;
		margin:0.5% 0.4%;
		vertical-align:top;
		/*outline:1px solid red;*/
	}
	.ratesthumbimg{
		height:400px;
	}
	
	/*farmplusdetail start*/
	#farmplusdetailbox{
		width:700px;
		height:580px;
	}
	/*farmplusdetail end*/
	
	/*----------farmplus section end----------*/
	
	
	/*promodetail start*/
	#promodetailbox{
		width:700px;
		height:580px;
	}
	/*promodetail end*/
	
	/*page rates end*/
	
	/*===========================================================*/
}

@media screen and (max-width: 1180px) {
	
	/*----------footer section start----------*/
	#socialmediacontainer{
		margin-top:7%;
	}
	/*----------footer section end----------*/
	
	/*page contact us start*/
	/*----------postcard form section start----------*/
	
	.postcardstyle{
		padding:2%;
		width:95%;
		height:528px;
		display:block;
		background-size:contain;
		background-position:center;
		background-repeat:no-repeat;
	}
	
	.containerpostcardformright{
		width:40%;
		padding:0% 0% 1% 4%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	.stampcontainer{
		/*border:1px solid blue;*/
		width:62.5%;
		padding:3.3% 0% 15% 35.5%;
		text-align:right;
	}
	#postcardimg{
		width:80%;
		max-height:150px;
		/*border:1px solid black;*/
	}
	
	/*----------postcard form section end----------*/
	/*page contact us end*/
	
	/*page blog start*/
	.blogthumbnail{
		position:relative;
		width:32.3%;
		height:500px;
		display:inline-block;
		margin:0.5% 0.4%;
		vertical-align:top;
	}
	/*page blog End*/
	
	/*===================update 21102019==========================*/
	
	/*page rates start*/
	
	/*----------farmplus section start----------*/
	.ratesthumbnail{
		position:relative;
		width:31%;
		height:400px;
		display:inline-block;
		margin:1% 1%;
		vertical-align:top;
	}
	.ratesthumbimg{
		height:400px;
	}
	
	/*farmplusdetail start*/
	#farmplusdetailbox{
		width:680px;
		height:530px;
	}
	/*farmplusdetail end*/
	
	/*----------farmplus section end----------*/
	
	/*promodetail start*/
	#promodetailbox{
		width:680px;
		height:530px;
	}
	/*promodetail end*/
	
	/*page rates end*/
	
	/*===========================================================*/
	
}
@media screen and (max-width: 1160px) {
	
	/*----------footer section start----------*/
	#socialmediacontainer{
		margin-top:7%;
	}
	/*----------footer section end----------*/
	
	/*page contact us start*/
	/*----------postcard form section start----------*/
	
	.postcardstyle{
		padding:2%;
		width:95%;
		height:528px;
		display:block;
		background-size:contain;
		background-position:center;
		background-repeat:no-repeat;
	}
	
	.containerpostcardformright{
		width:40%;
		padding:0% 0% 1% 4%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	.stampcontainer{
		/*border:1px solid blue;*/
		width:62.5%;
		padding:4.5% 0% 15% 36.8%;
		text-align:right;
	}
	#postcardimg{
		width:80%;
		max-height:150px;
		/*border:1px solid black;*/
	}
	
	/*----------postcard form section end----------*/
	/*page contact us end*/
}

@media screen and (max-width: 1140px) {
	
	a{
		text-decoration:none;
		color:black;
	}
	
	body{
		/*max-width:1330px;*/
		width:100%;
		/*border:1px solid black;*/
		font-family:Ducosky, Arial, sans-serif;
		display:table;
	}
	.leftcontainer{
		width:0% !important;
		/*border:1px solid black;*/
		display:none;
		position:relative;
	}
	.rightcontainer{
		width:0% !important;
		/*border:1px solid black;*/
		display:none;
	}
	.maincontainerall{
		max-width:980px;
		min-width:100%;
		/*border:1px solid black;*/
		position:relative;
	}
	#maincontainer{
		width:100%;
		position:relative;
	}
	#innerbgcontainer{
		width:100%;
		/*border:1px solid black;*/
		position:absolute;
		z-index:2;
	}
	
	#innermaincontainer{
		width:100%;
		/*border:1px solid red;*/
		position:absolute;
		top:0%;
		left:0%;
		z-index:3;
	}
	
	/*page home start*/
	
	#videonavbarcontainer{
		position:relative;
		/*border:1px solid red;*/
	}
	
	/*----------video section start----------*/
	#parralaxvideo {
		height:100%;
		height:100vh;
		position:absolute;
	}
	#videotextcontainer{
		position:absolute;
		top:38%;
		left:0%;
		width:100%;
		/*border:1px solid black;*/
	}
	#videotextinnercontainer{
		width:100%;
		/*border:1px solid black;*/
		vertical-align:top;
		/*display:table;*/
	}
	#textvideo{
		width:50%;
		color:#ffffff;
		font-size:48px;
		/*border:1px solid black;*/
	}
	#logovideo{
		width:auto;
		margin:auto;
		height:86px;
	}
	/*----------video section end----------*/
	
	/*----------navigation section start----------*/
	.navbarcontainer{
		width:100%;
		background-color:#114b7b;
		/*border:1px solid #114b7b;*/
		position:fixed;
		z-index:20;
	}
	#navbar{
		width:90%;
		padding:5px 5%;
		/*border:1px solid red;*/
		vertical-align:middle;
		display:table;
	}
	.logocontainer{
		width:20%;
		/*height:50px;*/
		display:table-cell;
		/*border:1px solid black;*/
	}
	#logonavbar{
		width:90%;
		height:50px;
		/*border:1px solid red;*/
	}
	.buttonnavcontainer{
		/*border:1px solid green;*/
		display:table-cell;
		width:50%;
		margin:0%;
	}
	.navbuttoncontainer{
		/*border:1px solid yellow;*/
		/*display:table;*/
		width:100%;
	}
	.navbutton{
		display:inline-block;
		margin:0% !important;
		font-size:14px;
		width:auto;
		padding:3% 1.8%;
		color:#ffffff;
		text-align:center;
		white-space:nowrap;
		cursor:pointer;
		/*border-bottom:2px solid #114b7b;*/
		/*outline:1px solid white;*/
	}
	.navbuttonactive{
		border-bottom:2px solid #cc662e;
	}
	.buttonbookcontainer{
		width:20%;
		display:table-cell;
		margin:0%;
		padding:0% 1%;
		/*border:1px solid black;*/
	}
	#buttonbook{
		width:auto;
		color:#ffffff;
		outline:1px solid white;
		font-size:14px;
		padding:3% 4%;
		text-align:center;
		white-space:nowrap;
		/*float:right;*/
		cursor:pointer;
	}
	#buttonbook:hover{
		color:#ffffff;
		background-color:#cc662e;
		outline:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	/*----------navigation section end----------*/
	
	/*----------description section start----------*/
	
	.deschometitle{
		font-size:18px;
		padding:2% 0%;
	}
	.deschometitle big{
		font-size:32px;
	}
	.deschometitle strong{
		font-weight:bold;
	}
	
	.deschometext{
		padding:2% 0% 2% 0%;
		font-size:18px;
		line-height:1.5;
		/*width:90%;*/
		width:100%;
		/*border:1px solid green;*/
	}
	/*----------description section end----------*/
	
	/*----------activity section start----------*/
	#activitycontainer{
		width:100%;
		display:table;
		height:100%;
		height:100vh;
	}
	#activityinnercontainer{
		width:100%;
		display:table;
		/*border:1px solid black;*/
	}
	.activitydesccontainer{
		width:30%;
		/*padding:1%;*/
		height:100%;
		height:100vh;
		display:table-cell;
		/*border:1px solid yellow;*/
		position:relative;
	}
	.activitybgimage{
		position:absolute;
		width:100%;
		height:100%;
		height:100vh;
		top:0%;
		bottom:0%;
		z-index:4;
		/*border:1px solid red;*/
		
		-webkit-filter: brightness(95%);
		-moz-filter: brightness(95%);
		-o-filter: brightness(95%);
		filter: brightness(95%);
	}
	.twothird{
		width:60%;
		
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	.onethird{
		width:30%;
		
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	.onesixth{
		width:15%;
		
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	.activitytitle{
		position:absolute;
		top:40%;
		z-index:10;
		vertical-align:middle;
		text-align:center;
		font-family:RIGT, Verdana, sans-serif;
		font-size:48px;
		font-weight:bold;
		width:100%;
		/*height:700px;*/
		color:#ffffff;
		padding:10px 0px;
		/*padding:2% 0%;*/
		/*border:1px solid black;*/
	}
	.activitydesc{
		width:80%;
		position:absolute;
		top:48%;
		z-index:10;
		padding:2% 10%;
		font-size:20px;
		line-height:1.5;
		color:#ffffff;
		opacity:0;
	}
	.hoveredactivitydesc{
		opacity:1;
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredactivitydesc{
		opacity:0;
	}
	
	.readmorebuttonconainer{
		width:100%;
		height:50px;
		/*border:1px solid black;*/
		position:relative;
		padding:3% 0%;
	}
	.readmorebutton{
		width:auto;
		font-size:18px;
		cursor:pointer;
		background-color:#FF8C1A;
		color:#ffffff;
		white-space:nowrap;
		border:1px solid red;
		top:0%;
		left:40%;
		padding:2%;
		position:4;
	}
	/*----------activity section end----------*/
	
	/*----------event section start----------*/
	#eventcontainer{
		width:100%;
		display:table;
		height:100%;
		height:100vh;
		/*border:1px solid black;*/
	}
	#eventmaincontainer{
		height:90%;
		height:90vh;
		margin:5% 0% 8% 0%;
		position:relative;
		/*border:1px solid green;*/
	}
	#eventinnercontainer{
		width:80%;
		height:auto;
		position:absolute;
		/*display:block;*/
		top:0%;
		left:0%;
		right:0%;
		bottom:0%;
		margin:auto;
		vertical-align:middle;
		/*border:1px solid blue;*/
	}
	#eventtitlecontainer{
		padding:3% 0% 3% 0%;
		width:100%;
		text-align:center;
		font-size:48px;
		font-family:RIGT, Verdana, sans-serif;
		font-weight:bold;
		color:#0F1067;
		/*border:1px solid black;*/
	}
	#eventdesccontainer{
		width:100%;
		text-align:center;
		font-size:20px;
		/*border:1px solid black;*/
	}
	#eventtypecontainer{
		width:100%;
		padding:1% 0%;
		display:table;
		vertical-align:top;
		/*border:1px solid black;*/
	}
	.eventthumbnailtablerow{
		display:table-row;
	}
	.eventthumbcontainer{
		/*display:inline-block;*/
		display:table-cell;
		width:25%;
		vertical-align:top;
	}
	.eventthumbimgcontainer{
		width:100%;
		height:150px;
		vertical-align:top;
		/*border:1px solid black;*/
	}
	.eventthumbtextcontainer{
		width:100%;
		text-align:center;
		padding:1% 0% 5% 0%;
		font-size:20px;
		/*font-weight:700;*/
		vertical-align:top;
		/*border:1px solid black;*/
	}
	#eventbuttoncontainer{
		width:auto;
		padding:2% 5%;
		/*border:1px solid black;*/
	
	}
	#eventbutton{
		width:auto;
		text-align:center;
		font-size:28px;
		white-space:nowrap;
		margin:1% 30%;
		padding:1%;
		color:#cc662e;
		background-color:transparent;
		border:1px solid #cc662e;
		cursor:pointer;
	}
	#eventbutton:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	
	/*----------event section end----------*/
	
	/*----------story section start----------*/
	
	#storycontainer{
		width:100%;
		height:100%;
		height:100vh;
		display:block;
		position:relative;
		/*border:1px solid black;*/
	}
	/*#storycontainerbg{
		background-repeat: no-repeat;
		background-size:cover;
		background-attachment: fixed;
		width:100%;
		height:100%;
		height:100vh;
		position:absolute;
		top:0%;
		left:0%;
		z-index:1;
	}*/
	#storymaincontainer{
		position:relative;
		width:100%;
		/*border:1px solid white;*/
	}
	#storyinnercont{
		width:100%;
		height:100%;
		height:100vh;
		position:absolute;
		top:0%;
		left:0%;
		z-index:3;
	}
	#storyinnercontainer{
		width:100%;
		height:100%;
		height:100vh;
		position:relative;
	}
	#storycontainerfilter{
		width:100%;
		height:100%;
		height:100vh;
		position:absolute;
		bottom:0;
		left:0;
		z-index:5;
		background:rgb(0, 0, 0, 0.2);
		/*border:1px solid blue;*/
	}
	#storydesccontainer{
		width:40%;
		position:absolute;
		bottom:0;
		left:0;
		z-index:10;
		/*border:1px solid blue;*/
	}
	#storydescinnercontainer{
		margin:15%;
		font-size:20px;
		color:#ffffff;
		/*border:1px solid black;*/
	}
	#storytitle{
		padding:3% 0%;
		font-size:30px;
		font-weight:700;
		/*border:1px solid black;*/
	}
	#storytext{
		padding:3% 0% 15% 0%;
		/*border:1px solid black;*/
	}
	#followbuttoncontainer{
		padding:1% 0% 10% 0%;
		/*border:1px solid black;*/
	}
	#followbutton{
		width:200px;
		padding:2% 5% 2% 5%;
		text-align:center;
		white-space:nowrap;
		border:1px solid white;
	}
	#followbutton:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	/*----------story section end----------*/
	
	/*----------slideshow section start----------*/
	.slideimgcontainer{
		width:970px;
		height:540px;
		/*height:100vh;*/
		display:table;
		/*border:1px solid green;*/
		vertical-align:middle;
	}
	.imgSlide{
		width:50%;
		/*border:1px solid green;*/
	}
	.slideimg{
		width:100%;
		height:740px;
		/*border:1px solid red;*/
	}
	.ballooncontainer{
		width:50%;
		height:540px;
		/*border:1px solid blue;*/
	}
	.testimonitext{
		/*border:1px solid black;*/
		font-size:16px;
		margin:-8% 14% 0% 14%;
		width:340px;
		height:280px;
		color:white;
		line-height:1.5;
	}
	.dotcontainer{
		/*border:1px solid yellow;*/
		margin:-8% 0% 0% 0%;
		padding:3% 0% 3% 0%;
		z-index:20;
		display:table;
	}
	.dotcontainerwhitespace{
		width:60%;
		/*border:1px solid blue;*/
		display:table-cell;
	}
	.dotinnercontainer{
		width:30%;
		/*border:1px solid green;*/
		display:table-cell;
	}
	input[type='radio']{
		-webkit-appearance: none;
		appearance:none;
		outline: none;
		/*border:1px solid #9F571F !important;*/
	}
	.radiocontainer{
		position: relative;
		cursor: pointer;
		display:inline-block;
		width:5%;
		padding:1%;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		/*border:1px solid white;*/
	}
	.dot:hover {
		background-color: #717171;
	}
	.dotcheckmark {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin:auto;
		height: 15px;
		width: 15px;
		background-color: none;
		border-radius: 50%;
		border:1px solid orange;
	}
	.dotcheckmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.radiocontainer .dot:checked ~ .dotcheckmark:after {
		display:inline-block;
	}
	.radiocontainer .dotcheckmark:after {
		top: 3px;
		left: 3px;
		width: 9px;
		height: 9px;
		border-radius: 50%;
		background: #114b7b;
	}
	.prev {
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 0%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius:3px;
		z-index:10;
	}
	.next {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 0%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 3px;
		z-index:10;
	}
	.prev:hover, .next:hover {
		color:white;
		background-color: rgba(50,50,50,0.8);
	}
	.fade-in {
		-webkit-animation-name: fade-in;
		-webkit-animation-duration: 2s;
		animation-name:  fade-in;
		animation-duration: 2s;
	}
	@-webkit-keyframes fade-in {
		from {opacity: .4} 
		to {opacity: 1}
	}
	@keyframes fade-in {
		from {opacity: .4} 
		to {opacity: 1}
	}
	.fade-out {
		-webkit-animation-name: fade-out;
		-webkit-animation-duration: 2s;
		animation-name:  fade-out;
		animation-duration: 2s;
	}
	@-webkit-keyframes fade-out {
		from {opacity: 1} 
		to {opacity: .4}
	}
	@keyframes fade-out {
		from {opacity: 1} 
		to {opacity: .4}
	}
	
	.fadeinout {
		-webkit-animation: fadeinout 10s linear;
		animation: fadeinout 10s linear;
	}
	@-webkit-keyframes fadeinout {
		0%, 100% {opacity: .4} 
		20%,50%,80% {opacity: 1}
	}
	@keyframes fadeinout  {
		0%, 100% {opacity: .4} 
		20%,50%,80% {opacity: 1}
	}
	
	/*----------slideshow section end----------*/
	
	/*----------location section start----------*/
	#locationcontainer{
		width:100%;
		height:75%;
		height:75vh;
		/*border:1px solid black;*/
		position:relative;
		display:block;
	}
	#locationmapscontainer{
		position:absolute;
		width:100%;
		height:75%;
		height:75vh;
		top:0%;
		left:0%;
		z-index:3;
		/*border:1px solid orange;*/
	}
	#mapscontainer{
		width:100%;
		height:75%;
		height:75vh;
		-webkit-filter: brightness(80%);
		filter: brightness(80%);
		/*border:1px solid black;*/
	}
	#locationmaincontainer{
		position:absolute;
		max-width:1200px;
		height:75%;
		height:75vh;
		top:0%;
		left:0%;
		z-index:5;
		/*border:1px solid yellow;*/
		display:table;
	}
	#locationinnercontainer{
		width:35%;
		height:75%;
		height:75vh;
		/*border:1px solid black;*/
		position:relative;
		z-index:5;
		/*display:table;*/
	}
	#locationdesccontainer{
		width:100%;
		position:absolute;
		z-index:10;
		top:50%;
		bottom:50%;
		left:0%;
		padding:0% 0% 0% 17%;
	}
	#locationmapsdesc{
		margin-top:-52%;
		padding:10%;
		height:280px;
		background:rgba(17, 75, 123, 0.5);
		font-size:20px;
		color:#ffffff;
		/*border:1px solid black;*/
	}
	#locationtitle{
		padding:0% 0% 3% 0%;
		font-size:30px;
		font-weight:700;
		font-family:RIGT, Verdana, sans-serif;
		/*border:1px solid black;*/
	}
	#locationtext{
		padding:2% 0%;
		/*border:1px solid black;*/
	}
	#directionbuttoncontainer{
		padding:10% 0% 0% 0%;
		/*border:1px solid black;*/
	}
	#directionbutton{
		width:150px;
		padding:2% 5%;
		text-align:center;
		border:1px solid white;
	}
	#directionbutton:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	/*----------location section end----------*/
	
	/*----------footer section start----------*/
	#footercontainer{
		width:100%;
		height:40%;
		height:40vh;
		background-color:#114b7b;
		display:table;
		/*outline:1px solid black;*/
	}
	#footerinnercontainer{
		width:90%;
		height:20vh;
		margin:0% 5% 0% 5%;
		padding:5% 0% 5% 0%;
		/*outline:1px solid white;*/
		vertical-align:middle;
		display:table;
	}
	#contactcontainer{
		width:100%;
		/*outline:1px solid black;*/
	}
	#addresscontainer{
		width:95%;
		padding:1% 2%;
		font-size:18px;
		/*outline:1px solid black;*/
	}
	#phonecontainer{
		width:95%;
		padding:1% 2%;
		color:#FFFFFF;
		font-size:18px;
		font-weight:700;
		text-align:center;
		vertical-align:middle;
		/*outline:1px solid black;*/
	}
	#logofootercontainer{
		width:80%;
		margin:-8% 10% 0% 10%;
		
		/*outline:1px solid black;*/
	}
	#logofooter{
		width:100%;
		height:150px;
	}
	#navfootercontainer{
		vertical-align:top;
		/*outline:1px solid yellow;*/
	}
	.navfooterbutton{
		padding:9% 2% 1% 2%;
		/*outline:1px solid black;*/
	}
	.underlinefooternav{
		display:block !important;
		margin:0% 65% 0% 0%;
	}
	.underlinefooternav:hover{
		border-bottom:1px solid #cc662e;
	}
	#socialmediacontainer{
		margin-top:7%;
	}
	#copyrightcontainer{
		padding:1% 0%;
		bottom:0%;
		white-space:nowrap;
	}
	/*----------footer section end----------*/
	/*page home end*/
	
	/*page event start*/
	
	/*----------eventdesc section start----------*/
	.eventdesccontainer{
		width:100%;
		margin:0%;
		display:block;
		/*border:1px solid black;*/
	}
	.eventdescinnercontainer{
		padding:8% 5%;
		width:90%;
		/*border:1px solid blue;*/
		display:block;
		vertical-align:top;
	}
	.eventtextcontainer{
		width:45%;
		padding:0% 0% 2% 5%;
		/*border:1px solid black;*/
		display:inline-block;
		vertical-align:middle;
	}
	.eventdesctitle{
		padding:5% 0% 2% 0%;
		/*border:1px solid red;*/
	}
	.eventdesctitle h3{
		font-size:24px;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		font-style:normal;
		/*padding:5% 0% 2% 0%;*/
		/*border:1px solid red;*/
	}
	.eventdesctext{
		padding:0% 0% 0% 0%;
		font-size:20px;
		line-height:1.5;
		/*border:1px solid green;*/
	}
	.eventimgcontainer{
		/*height:200px;*/
		/*width:40%;*/
		width:auto;
		max-width:50%;
		padding:0% 0% 0% 0%;
		vertical-align:middle;
		/*text-align:right;*/
		/*border:1px solid purple;*/
		display:inline-block;
	}
	.eventimg{
		max-height:400px;
		width:auto;
		/*width:100%;*/
		/*border:1px solid white;*/
	}
	.dualinnercontainer{
		width:40%;
		padding:0% 4.5%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	.eventimgcontainerdual{
		/*border:1px solid green;*/
	}
	.eventtextcontainerdual{
		/*border:1px solid purple;*/
	}
	
	/*----------eventdesc section end----------*/
		
	/*page event end*/
	
	/*page contact us start*/
	
	/*----------title section start----------*/

	.titlecontactcontainer{
		width:100%;
		margin:0%;
		padding-top:5%;
		display:table;
		/*background-color:#D08E00;*/
		/*position:relative;*/
		/*border:1px solid #e5e1dc;*/
	}
	.titlecontactinnercontainer{
		margin:0% 0%;
		padding:6% 8% 0% 12%;
		width:80%;
		/*border:1px solid blue;*/
		position:relative;
	}
	
	#contactuspagetitlecontainer{
		padding:0% 0% 2% 0%;
		width:100%;
		text-align:center;
		/*border:1px solid black;*/
	}
	#contactuspagetitlecontainer h1{
		font-size:42px;
		/*border:1px solid black;*/
	}
	#contactuspagedesccontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		text-align:center;
		font-size:20px;
		font-weight:700;
		/*border:1px solid black;*/
	}
	/*-----------title section end-----------*/
	
	/*----------description section start----------*/
	.relativediv{
		display:block;
		position:relative;
		/*border:1px solid green;*/
	}
	.desccontactcontainer{
		width:100%;
		margin:0%;
		display:table;
		/*position:relative;*/
		/*border:1px solid #e5e1dc;*/
		vertical-align:top;
	}
	#descmaincontainer{
		position:relative;
	}
	.desccontactinnercontainer{
		margin:0% 0%;
		padding:0% 8% 2% 12%;
		width:80%;
		/*border:1px solid blue;*/
		position:relative;
		vertical-align:top;
	}
	
	.desccontacttextcontainer{
		width:50%;
		padding:5% 0%;
		/*border:1px solid red;*/
		vertical-align:middle;
		display:inline-block;
	}
	.desccontacttitle{
		font-size:22px;
		font-weight:700 !important;
		font-style:italic;
		/*border:1px solid blue;*/
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		padding:2% 0%;
	}
	.desccontactusimgcontainer{
		/*max-width:25%;*/
		width:45%;
		padding:0% 0% 0% 0%;
		/*border:1px solid purple;*/
		/*display:table-cell;*/
		vertical-align:middle;
		display:inline-block;
		position:relative;
		/*top:0%;
		left:55%;*/
	}
	
	#descimgcontactus{
	}
	#imgcontactus{
		/*min-width:440px;
		min-height:300px;
		max-width:550px;
		max-height:400px;*/
		width:95%;
		/*border:1px solid red;*/
		/*box-shadow: 10px 10px 8px rgb(87,87,87,0.5);*/
	}
	
	/*----------description section end----------*/
	
	/*----------postcard form section start----------*/
	
	.postcardforminnercontainer{
		padding:0% 12% 12% 12%;
		width:75%;
		/*border:1px solid blue;*/
		display:block;
	}
	.postcardstyle{
		padding:2% 2%;
		width:100%;
		height:490px;
		display:block;
		background-size:contain;
		background-position:center;
		background-repeat:no-repeat;
	}
	.postcardformcontain{
		padding:0% 2% 4% 2%;
		width:95%;
		font-family:RIGT, Verdana, sans-serif;
		/*border:1px solid #cc662e;*/
		display:block;
	}
	.containerpostcardformleft{
		width:55%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	.formcontainer{
		font-size:18px;
		color:#114b7b;
		/*border:1px solid black;*/
		padding:2% 5% 2% 2%;
		width:90%;
		/*border-right:1px solid #cc662e;*/
	}
	
	#messageinput{
		width:100%;
		height:180px;
		max-height:300px;
		max-width:400px;
		font-size:18px;
		color:#000000;
		border:1px solid #cc662e;
		padding:5px 10px;
	}
	.containerpostcardformright{
		width:42%;
		padding:0% 0% 1% 3%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	.stampcontainer{
		/*border:1px solid blue;*/
		width:60%;
		padding:8.5% 0% 7% 36.8%;
		text-align:right;
	}
	#postcardimg{
		width:100%;
		max-height:150px;
		/*border:1px solid black;*/
	}
	
	/*----------postcard form section end----------*/
	/*page contact us end*/
	
	/*page eat start*/
	/*----------eatdesc section start----------*/
	.eatdesccontainer{
		width:100%;
		margin:0%;
		display:block;
		/*border:1px solid black;*/
	}
	.eatdescinnercontainer{
		padding:7% 5%;
		width:90%;
		/*border:1px solid blue;*/
		display:block;
	}
	.eattextcontainer{
		width:100%;
		/*padding:0% 0% 2% 0%;*/
		/*border:1px solid black;*/
		display:inline-block;
		line-height:1.5;
		vertical-align:top;
	}
	.eatdesctitle{
		/*font-size:32px;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;*/
		padding:2% 0% 2% 0%;
		/*border:1px solid red;*/
	}
	.eatdesctitle h3{
		font-size:32px;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		font-style:normal;
		/*padding:2% 0% 2% 0%;*/
		/*border:1px solid red;*/
	}
	.eatdesctext{
		padding:0% 0% 0% 0%;
		font-size:20px;
		/*border:1px solid green;*/
	}
	#farmtokitchentext{
		width:100%;
		display:table;
		/*border:1px solid yellow;*/
	}
	.farmtextcontainer{
		width:30%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	/*.farmtokitchenrow{
		width:100%;
		display:table-row;
		border:1px solid red;
	}
	.farmimgcontainer{
		width:30%;
		padding:3% 3%;
		display:table-cell;
		border:1px solid green;
	}*/
	
	.farmtokitchencolumn{
		width:33%;
		display:table-cell;
		/*border:1px solid red;*/
	}
	.farmimgcontainer{
		width:94%;
		padding:10% 3%;
		display:block;
		/*border:1px solid green;*/
	}

	.farmimg{
		max-height:350px;
		width:100%;
		/*max-width:280px;*/
		/*width:auto;*/
		/*width:100%;*/
		/*border:1px solid blue;*/
	}
	#imgfarm3{
		margin:0% 12%;
		width:auto !important;
	}
	/*.farmtext{
	
		width:30%;
		padding:0% 3% 2% 0%;
		display:table-cell;
		border:1px solid green;
	}*/
	.farmtext{
		width:94%;
		padding:0% 6% 5% 0%;
		display:block;
		/*border:1px solid green;*/
	}
	.subhead{
		font-weight:700;
	}
	.eatimgcontainer{
		width:auto;
		/*padding:0% 5% 0% 5%;*/
		/*border:1px solid purple;*/
		display:inline-block;
	}
	.eatimg{
		max-height:350px;
		width:auto;
		/*width:100%;*/
		/*border:1px solid blue;*/
	}
	#imgfarmtokitchen{
		padding:0% 0%;
		/*border:1px solid blue;*/
	}
	#eatimgcontainer{
		width:100%;
		/*padding:0% 5% 0% 5%;*/
		/*border:1px solid purple;
		display:block;*/
	}
	#imgomakase{
		width:39%;
		height:400px;
		display:inline-block;
		vertical-align:top;
		margin-right:1%;;
		/*border:1px solid blue;*/
	}
	#imgomakase2{
		width:59%;
		height:400px;
		display:inline-block;
		vertical-align:top;
		margin-left:0%;
		/*border:1px solid blue;*/
	}
	/*#imgomakasecontainer{
		margin:0% 0% 0% 0%;
	}
	#imgomakase2container{
		margin:0% 0% 0% 1.5%;
	}*/
	#omakasetitle{
		padding:2% 0% 0% 0% !important;
	}
	#imgcooking{
		max-height:280px;
	}
	/*#cookingcontainer{
		width:100%;
		vertical-align:top;
		display:table;
	}
	#cookingtextcontainer{
		width:50%;
		padding:0% 0% 0% 3%;
		display:table-cell;
	}
	
	#cookingtitle{
		line-height:1;
		padding:0% 0% 2% 0% !important;
	}
	
	#cookingtext{
	}*/
	
	/*content 3 start*/
	
	.content3slidescontainer{
		width:50%;
		text-align:center;
		vertical-align:middle !important;
		position:relative;
		display:table-cell;
		margin-bottom:10%;
	}
	.content3slide {
		/*position:absolute;*/
		display: none;
	}
	.slideactive{
		display: block;
	}
	/*.content3slideimg{
		height:100%;
		width: 100%;
		position: absolute;
		right: 0;
		top: 0;
	}*/
	.content3prev {
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 1px;
		z-index:22;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
	}
	.content3next {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 1px;
		z-index:22;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 3px 0 0 3px;
	}
	.content3prev:hover, .content3next:hover {
		color:white;
		background-color: rgba(50,50,50,0.8);
	}
	.content3dotcontainer{
		width:100%;
		position:absolute;
		left: 0%;
		bottom: 0%;
		margin:auto;
	}
	#content3dotinnercontainer{
		width:100%;
		/*margin:0% 30%;*/
		text-align:center; 
		/*border:1px solid green;*/
	}
	.content3dotcheckmark {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin:auto;
		height: 15px;
		width: 15px;
		background-color: none;
		border-radius: 50%;
		border:1px solid white;
	}
	.content3dotcheckmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.radiocontainer .dot:checked ~ .content3dotcheckmark:after {
		display:inline-block;
	}
	.radiocontainer .content3dotcheckmark:after {
		top: 3px;
		left: 3px;
		width: 9px;
		height: 9px;
		border-radius: 50%;
		background: white;
	}
	
	/*content 3 end*/
	
	/*----------eatdesc section end----------*/
	/*page eat end*/
	
	/*page blog start*/

	#blogmaincontainer{
		width:100% !important;
		position:relative;
	}
	#blogcontainer{
		width:100%;
		padding-top:3.5%;
		display:table;
		/*border:1px solid black;*/
	}
	#bloginnercontainer{
		width:98%;
		margin:1% 1%;
		/*border:1px solid blue;*/
		vertical-align:top;
	}
	#blogpagetitlecontainer{
		padding:5% 0% 2% 0%;
		width:100%;
		text-align:center;
		/*font-size:48px;
		font-family:RIGT, Verdana, sans-serif;
		font-weight:bold;
		color:#0F1067;*/
		/*border:1px solid black;*/
	}
	#blogpagetitlecontainer h1{
		/*padding:5% 0% 2% 0%;
		width:100%;
		text-align:center;*/
		font-size:48px;
		/*border:1px solid black;*/
	}
	#blogpagedesccontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		text-align:center;
		/*font-size:22px;
		font-weight:700;*/
		/*border:1px solid black;*/
	}
	#blogpagedesccontainer h2{
		/*width:100%;
		padding:0% 0% 5% 0%;
		text-align:center;*/
		font-size:22px;
		color:#000000;
		font-weight:700;
		/*border:1px solid black;*/
	}

	#blogpagecategorycontainer{
		width:100%;
		/*border:1px solid green;*/
		text-align:center;
		font-size: 0;
		padding:0% 0% 5% 0%;
	}
	.blogcategory{
		display:inline-block;
		width:12%;
		color:#cc662e;
		font-size:18px;
		padding:0.5% 1%;
		vertical-align:top;
		/*border:1px solid #ffffff;*/
		border:1px solid transparent;
		object-fit: contain;
		white-space:nowrap;
		cursor:pointer;
	}
	.blogcategory:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	.activedblogcategory{
		color:#cc662e;
		border:1px solid #cc662e;
	}

	.blogthumbnail{
		position:relative;
		/*border:4px solid purple;*/
		width:32%;
		height:500px;
		display:inline-block;
		/*margin:8px 5px;*/
		margin:0.5% 0.4%;
		vertical-align:top;
	}
	/*.blogthumbimg{
		cursor:pointer;
		width:100%;
		height:500px;
		z-index:1;
		background-position:center;
		background-size:cover;
		
		-webkit-filter: brightness(80%);
		-moz-filter: brightness(80%);
		-o-filter: brightness(80%);
		filter: brightness(80%);
	}
	.hoveredblog{
		-webkit-filter: brightness(60%);
		-moz-filter: brightness(60%);
		-o-filter: brightness(60%);
		filter: brightness(60%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredblog{
		-webkit-filter: brightness(80%);
		-moz-filter: brightness(80%);
		-o-filter: brightness(80%);
		filter: brightness(80%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}*/
	.blogthumbtextcontainer{
		width:80%;
		position:absolute;
		bottom:0%;
		left:0%;
		z-index:3;
		padding:7% 10%;
		/*border:1px solid blue;*/
	}
	.blogthumbcategory{
		font-size:18px;
		color:white;
		/*-webkit-opacity:0.0;
		-moz-opacity:0.0;
		-o-opacity:0.0;
		opacity:0.0;*/
		/*border:1px solid red;*/
	}
	.blogthumbtitle{
		font-family:RIGT, Verdana, sans-serif;
		font-size:24px;
		font-weight:700;
		color:white;
		padding:5% 0%;
		/*border:1px solid green;*/
	}
	.blogthumbtext{
		font-size:18px;
		color:white;
		/*display:none;*/
		-webkit-opacity:0.0;
		-moz-opacity:0.0;
		-o-opacity:0.0;
		opacity:0.0;
		/*border:1px solid red;*/
	}
	.hoveredblogtext{
		-webkit-opacity:1.0;
		-moz-opacity:1.0;
		-o-opacity:1.0;
		opacity:1.0;
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredblogtext{
		-webkit-opacity:0.0;
		-moz-opacity:0.0;
		-o-opacity:0.0;
		opacity:0.0;
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	
	/*page blog end*/
		/*===================update 21102019==========================*/

	/*page rent-a-farm start*/
	
	/*----------rentfarm section start----------*/
	.sukasantai_bluebox table {
		white-space:nowrap;
	}
	/*----------rentfarm section end----------*/
	
	/*page rent-a-farm end*/
	
	/*page rates start*/
	
	/*----------farmplus section start----------*/
	
	/*farmplusdetail start*/
	#farmplusdetailbox{
		width:580px;
		height:430px;
	}
	/*farmplusdetail end*/
	
	/*----------farmplus section end----------*/
	
	/*promodetail start*/
	#promodetailbox{
		width:580px;
		height:430px;
	}
	/*promodetail end*/
	
	/*page rates end*/
	
	/*===========================================================*/
	
}

@media screen and (max-width: 980px) and (orientation: landscape) {
	a{
		text-decoration:none;
		color:black;
	}
	
	body{
		/*max-width:1330px;*/
		width:100%;
		/*border:1px solid black;*/
		font-family:Ducosky, Arial, sans-serif;
		display:table;
	}
	.leftcontainer{
		width:0% !important;
		/*border:1px solid black;*/
		display:none;
		position:relative;
	}
	.rightcontainer{
		width:0% !important;
		/*border:1px solid black;*/
		display:none;
	}
	.maincontainerall{
		max-width:950px;
		min-width:100%;
		/*border:1px solid black;*/
		position:relative;
	}
	#maincontainer{
		width:100%;
		position:relative;
	}
	#innerbgcontainer{
		width:100%;
		/*border:1px solid black;*/
		position:absolute;
		z-index:2;
	}
	
	#innermaincontainer{
		width:100%;
		/*border:1px solid red;*/
		position:absolute;
		top:0%;
		left:0%;
		z-index:3;
	}
	
	/*page home start*/
	
	#videonavbarcontainer{
		position:relative;
		/*border:1px solid red;*/
	}
	
	/*----------video section start----------*/
	#parralaxvideo {
		height:100%;
		height:100vh;
		position:absolute;
	}
	#videotextcontainer{
		position:absolute;
		/*top:40%;*/
		top:35%;
		left:0%;
		width:100%;
		/*border:1px solid black;*/
	}
	#videotextinnercontainer{
		width:100%;
		/*border:1px solid black;*/
		vertical-align:top;
		/*display:table;*/
	}
	#textvideo{
		width:50%;
		color:#ffffff;
		font-size:48px;
		/*border:1px solid black;*/
	}
	#logovideo{
		width:auto;
		margin:auto;
		height:110px;
	}
	/*----------video section end----------*/
	
	/*----------navigation section start----------*/
	.navbarcontainer{
		width:100%;
		background-color:#114b7b;
		/*border:1px solid #114b7b;*/
		position:fixed;
		z-index:20;
	}
	#navbar{
		width:90%;
		padding:5px 5%;
		/*border:1px solid red;*/
		vertical-align:middle;
		display:table;
	}
	.logocontainer{
		width:20%;
		/*height:50px;*/
		display:table-cell;
		/*border:1px solid black;*/
	}
	#logonavbar{
		width:90%;
		height:50px;
		/*border:1px solid red;*/
	}
	.buttonnavcontainer{
		/*border:1px solid green;*/
		display:table-cell;
		width:60%;
		margin:0%;
	}
	.navbuttoncontainer{
		/*border:1px solid yellow;*/
		display:table;
		width:100%;
	}
	.navbutton{
		display:inline-block;
		margin:0% !important;
		font-size:14px;
		width:auto;
		padding:3% 1%;
		color:#ffffff;
		text-align:center;
		white-space:nowrap;
		cursor:pointer;
		/*border-bottom:2px solid #114b7b;*/
		/*border:1px solid white;*/
	}
	.navbutonline{
		padding:0px 0px 2px 0px;
		/*padding:0% 0% 10% 0%;*/
		border-bottom:2px solid #114b7b;
	}
	
	.navbuttonactive{
		border-bottom:2px solid #cc662e;
	}
	.buttonbookcontainer{
		width:20%;
		display:table-cell;
		margin:0%;
		padding:0% 1%;
		/*border:1px solid black;*/
	}
	#buttonbook{
		width:auto;
		color:#ffffff;
		outline:1px solid white;
		font-size:14px;
		padding:3% 4%;
		text-align:center;
		white-space:nowrap;
		/*float:right;*/
		cursor:pointer;
	}
	#buttonbook:hover{
		color:#ffffff;
		background-color:#cc662e;
		outline:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	/*----------navigation section end----------*/
	
	
	/*----------activity section start----------*/
	#activitycontainer{
		width:100%;
		display:table;
		height:100%;
		height:100vh;
		/*background-color:white;*/
		/*border:1px solid black;*/
	}
	#activityinnercontainer{
		width:100%;
		display:table;
		/*border:1px solid black;*/
	}
	.activitydesccontainer{
		width:30%;
		/*padding:1%;*/
		height:100%;
		height:100vh;
		display:table-cell;
		/*border:1px solid yellow;*/
		position:relative;
	}
	.activitybgimage{
		position:absolute;
		width:100%;
		height:100%;
		height:100vh;
		top:0%;
		bottom:0%;
		z-index:4;
		/*border:1px solid red;*/
		
		-webkit-filter: brightness(95%);
		-moz-filter: brightness(95%);
		-o-filter: brightness(95%);
		filter: brightness(95%);
	}
	.twothird{
		width:60%;
		
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	.onethird{
		width:30%;
		
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	.onesixth{
		width:15%;
		
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	.activitytitle{
		position:absolute;
		top:38%;
		z-index:10;
		vertical-align:middle;
		text-align:center;
		font-family:RIGT, Verdana, sans-serif;
		font-size:48px;
		font-weight:bold;
		width:100%;
		/*height:700px;*/
		color:#ffffff;
		padding:10px 0px;
		/*padding:2% 0%;*/
		/*border:1px solid black;*/
	}
	.activitydesc{
		width:80%;
		position:absolute;
		top:50%;
		z-index:10;
		padding:2% 10%;
		font-size:20px;
		line-height:1.5;
		color:#ffffff;
		opacity:0;
	}
	.hoveredactivitydesc{
		opacity:1;
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredactivitydesc{
		opacity:0;
	}
	
	.readmorebuttonconainer{
		width:100%;
		height:50px;
		/*border:1px solid black;*/
		position:relative;
		padding:3% 0%;
	}
	.readmorebutton{
		width:auto;
		font-size:18px;
		cursor:pointer;
		background-color:#FF8C1A;
		color:#ffffff;
		white-space:nowrap;
		border:1px solid red;
		top:0%;
		left:40%;
		padding:2%;
		position:4;
	}
	/*----------activity section end----------*/
	
	/*----------event section start----------*/
	#eventcontainer{
		width:100%;
		display:table;
		height:100%;
		height:100vh;
		/*border:1px solid black;*/
	}
	#eventmaincontainer{
		height:90%;
		height:90vh;
		margin:5% 0% 10% 0%;
		position:relative;
		/*border:1px solid green;*/
	}
	#eventinnercontainer{
		width:80%;
		height:auto;
		position:absolute;
		/*display:block;*/
		top:0%;
		left:0%;
		right:0%;
		bottom:0%;
		margin:auto;
		vertical-align:middle;
		/*border:1px solid blue;*/
	}
	#eventtitlecontainer{
		padding:3% 0% 3% 0%;
		width:100%;
		text-align:center;
		font-size:48px;
		font-family:RIGT, Verdana, sans-serif;
		font-weight:bold;
		color:#0F1067;
		/*border:1px solid black;*/
	}
	#eventdesccontainer{
		width:100%;
		text-align:center;
		font-size:20px;
		/*border:1px solid black;*/
	}
	#eventtypecontainer{
		width:100%;
		padding:1% 0%;
		display:table;
		vertical-align:top;
		/*border:1px solid black;*/
	}
	.eventthumbnailtablerow{
		display:table-row;
	}
	.eventthumbcontainer{
		/*display:inline-block;*/
		display:table-cell;
		width:25%;
		vertical-align:top;
		/*margin:3% 2.2%;*/
		/*border:1px solid black;*/
	}
	.eventthumbimgcontainer{
		width:100%;
		height:130px;
		vertical-align:top;
		/*border:1px solid black;*/
	}
	.eventthumbtextcontainer{
		width:100%;
		text-align:center;
		padding:1% 0% 5% 0%;
		font-size:20px;
		/*font-weight:700;*/
		vertical-align:top;
		/*border:1px solid black;*/
	}
	#eventbuttoncontainer{
		width:auto;
		padding:2% 5%;
		/*border:1px solid black;*/
	
	}
	#eventbutton{
		width:auto;
		text-align:center;
		font-size:26px;
		white-space:nowrap;
		margin:1% 30%;
		padding:1%;
		color:#cc662e;
		background-color:transparent;
		border:1px solid #cc662e;
		cursor:pointer;
	}
	#eventbutton:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	
	/*----------event section end----------*/
	
	/*----------story section start----------*/
	
	#storycontainer{
		width:100%;
		height:100%;
		height:100vh;
		display:block;
		position:relative;
		/*border:1px solid black;*/
	}
	#storycontainerbg{
		background-size:cover;
		-webkit-background-size:cover !important;
		background-attachment:scroll !important;
		-webkit-background-attachment:scroll !important;
		position:absolute;
	}
	#storymaincontainer{
		position:relative;
		width:100%;
		
	}
	#storyinnercont{
		width:100%;
		height:100%;
		height:100vh;
		position:absolute;
		top:0%;
		left:0%;
		z-index:3;
	}
	#storyinnercontainer{
		width:100%;
		height:100%;
		height:100vh;
		position:relative;
	}
	#storycontainerfilter{
		width:100%;
		height:100%;
		height:100vh;
		position:absolute;
		bottom:0;
		left:0;
		z-index:5;
		background:rgb(0, 0, 0, 0.2);
		/*border:1px solid blue;*/
	}
	#storydesccontainer{
		width:40%;
		position:absolute;
		bottom:0;
		left:0;
		z-index:10;
		/*border:1px solid blue;*/
	}
	#storydescinnercontainer{
		margin:15%;
		font-size:20px;
		color:#ffffff;
		/*border:1px solid black;*/
	}
	#storytitle{
		padding:3% 0%;
		font-size:30px;
		font-weight:700;
		/*border:1px solid black;*/
	}
	#storytext{
		padding:3% 0% 15% 0%;
		/*border:1px solid black;*/
	}
	#followbuttoncontainer{
		padding:1% 0% 10% 0%;
		/*border:1px solid black;*/
	}
	#followbutton{
		width:200px;
		padding:2% 5% 2% 5%;
		text-align:center;
		white-space:nowrap;
		border:1px solid white;
	}
	#followbutton:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	/*----------story section end----------*/
	
	/*----------slideshow section start----------*/
	
	.slideimgcontainer{
		width:740px;
		height:440px;
		/*height:100vh;*/
		display:table;
		/*border:1px solid green;*/
		vertical-align:middle;
	}
	.imgSlide{
		width:50%;
		/*border:1px solid green;*/
	}
	.slideimg{
		width:100%;
		height:440px;
		/*border:1px solid red;*/
	}
	.ballooncontainer{
		width:50%;
		height:440px;
		/*border:1px solid blue;*/
	}
	.testimonitext{
		/*border:1px solid black;*/
		font-size:13px;
		margin:-10% 12% 0% 12%;
		width:280px;
		height:200px;
		line-height:1.5;
		vertical-align:middle !important;
	}
	.testimonitextmiddle{
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	.dotcontainer{
		/*border:1px solid yellow;*/
		margin:-8% 0% 0% 0%;
		padding:3% 0% 3% 0%;
		z-index:20;
		display:table;
	}
	.dotcontainerwhitespace{
		width:60%;
		/*border:1px solid blue;*/
		display:table-cell;
	}
	.dotinnercontainer{
		width:30%;
		/*border:1px solid green;*/
		display:table-cell;
	}
	input[type='radio']{
		-webkit-appearance: none;
		appearance:none;
		outline: none;
		/*border:1px solid #9F571F !important;*/
	}
	.radiocontainer{
		position: relative;
		cursor: pointer;
		display:inline-block;
		width:5%;
		padding:1%;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		/*border:1px solid white;*/
	}
	.dot:hover {
		background-color: #717171;
	}
	.dotcheckmark {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin:auto;
		height: 15px;
		width: 15px;
		background-color: none;
		border-radius: 50%;
		border:1px solid orange;
	}
	.dotcheckmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.radiocontainer .dot:checked ~ .dotcheckmark:after {
		display:inline-block;
	}
	.radiocontainer .dotcheckmark:after {
		top: 3px;
		left: 3px;
		width: 9px;
		height: 9px;
		border-radius: 50%;
		background: #114b7b;
	}
	.prev {
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 0%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius:3px;
		z-index:10;
	}
	.next {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 0%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 3px;
		z-index:10;
	}
	.prev:hover, .next:hover {
		color:white;
		background-color: rgba(50,50,50,0.8);
	}
	.fade-in {
		-webkit-animation-name: fade-in;
		-webkit-animation-duration: 2s;
		animation-name:  fade-in;
		animation-duration: 2s;
	}
	@-webkit-keyframes fade-in {
		from {opacity: .4} 
		to {opacity: 1}
	}
	@keyframes fade-in {
		from {opacity: .4} 
		to {opacity: 1}
	}
	.fade-out {
		-webkit-animation-name: fade-out;
		-webkit-animation-duration: 2s;
		animation-name:  fade-out;
		animation-duration: 2s;
	}
	@-webkit-keyframes fade-out {
		from {opacity: 1} 
		to {opacity: .4}
	}
	@keyframes fade-out {
		from {opacity: 1} 
		to {opacity: .4}
	}
	
	.fadeinout {
		-webkit-animation: fadeinout 10s linear;
		animation: fadeinout 10s linear;
		/*-webkit-animation: fadeinout 10s linear forwards;
		animation: fadeinout 10s linear forwards;*/
	}
	@-webkit-keyframes fadeinout {
		0%, 100% {opacity: .4} 
		20%,50%,80% {opacity: 1}
	}
	@keyframes fadeinout  {
		0%, 100% {opacity: .4} 
		20%,50%,80% {opacity: 1}
	}
	
	/*----------slideshow section end----------*/
	
	/*----------location section start----------*/
	#locationcontainer{
		width:100%;
		height:75%;
		height:75vh;
		position:relative;
		display:block;
	}
	#locationmapscontainer{
		position:absolute;
		width:100%;
		height:75%;
		height:75vh;
		top:0%;
		left:0%;
		z-index:3;
	}
	#mapscontainer{
		width:100%;
		height:75%;
		height:75vh;
		-webkit-filter: brightness(80%);
		filter: brightness(80%);
	}
	#locationmaincontainer{
		position:absolute;
		max-width:1200px;
		height:75%;
		height:75vh;
		top:0%;
		left:0%;
		z-index:5;
		display:table;
	}
	#locationinnercontainer{
		width:35%;
		height:75%;
		height:75vh;
		position:relative;
		z-index:5;
	}
	#locationdesccontainer{
		width:100%;
		position:absolute;
		z-index:10;
		top:50%;
		bottom:50%;
		left:0%;
		padding:0% 0% 0% 17%;
	}
	#locationmapsdesc{
		margin-top:-52%;
		padding:10%;
		height:280px;
		background:rgba(17, 75, 123, 0.5);
		font-size:20px;
		color:#ffffff;
		/*border:1px solid black;*/
	}
	#locationtitle{
		padding:0% 0% 3% 0%;
		font-size:30px;
		font-weight:700;
		font-family:RIGT, Verdana, sans-serif;
		/*border:1px solid black;*/
	}
	#locationtext{
		padding:2% 0%;
		/*border:1px solid black;*/
	}
	#directionbuttoncontainer{
		padding:10% 0% 0% 0%;
		/*border:1px solid black;*/
	}
	#directionbutton{
		width:150px;
		padding:2% 5%;
		text-align:center;
		border:1px solid white;
	}
	#directionbutton:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	/*----------location section end----------*/
	
	/*----------footer section start----------*/
	#footercontainer{
		width:100%;
		height:40%;
		height:40vh;
		background-color:#114b7b;
		display:table;
		/*border:1px solid black;*/
	}
	#footerinnercontainer{
		width:90%;
		height:20vh;
		margin:0% 5% 0% 5%;
		padding:5% 0% 5% 0%;
		/*border:1px solid white;*/
		vertical-align:middle;
		display:table;
	}
	/*#footeruppercontainer{
		width:100%;
		display:table;
		vertical-align:top;
	}
	#footerbottomcontainer{
		width:100%;
		display:table;
		vertical-align:top;
	}
	.footerleftcontainer{
		width:30%;
		display:table-cell;
	}
	.footermiddlecontainer{
		width:30%;
		display:table-cell;
		vertical-align:top;
	}
	.footerrightcontainer{
		width:30%;
		display:table-cell;
		vertical-align:top;
	}*/
	#contactcontainer{
		width:100%;
		/*border:1px solid black;*/
	}
	#addresscontainer{
		width:95%;
		padding:1% 2%;
		font-size:18px;
		/*border:1px solid black;*/
	}
	#phonecontainer{
		width:95%;
		padding:1% 2%;
		color:#FFFFFF;
		font-size:18px;
		font-weight:700;
		text-align:center;
		vertical-align:middle;
		/*border:1px solid black;*/
	}
	/*#phonecontainer a{
		color:#FFFFFF;
	}*/
	#logofootercontainer{
		width:80%;
		margin:-8% 10% 0% 10%;
		
		/*border:1px solid black;*/
	}
	#logofooter{
		width:100%;
		height:150px;
	}
	#navfootercontainer{
		vertical-align:top;
		/*border:1px solid yellow;*/
	}
	.navfooterbutton{
		/*width:95%;
		padding:2.5% 2% 2.5% 2%;*/
		/*outline:1px solid black;*/
	}
	.underlinefooternav{
		display:block !important;
		width:auto;
		margin:0% 65% 0% 0%;
		border-bottom:1px solid #114b7b;
	}
	.underlinefooternav:hover{
		border-bottom:1px solid #cc662e;
	}
	#socialmediacontainer{
		margin-top:8%;
	}
	.sosmedcontainerrow{
		width:100%;
	}
	.sosmedwhitespace{
		width:80%;
		display:inline-block;
	}
	.socialmediabutton{
		width:20%;
		height:45px;
		display:inline-block;
		/*outline:1px solid white;*/
	}
	#copyrightcontainer{
		padding:1% 0%;
		/*outline:1px solid black;*/
	}
	/*----------footer section end----------*/
	/*page home end*/
	
	/*page event start*/
	
	/*----------foreword section start----------*/
	
	.forewordcontainer{
		width:100%;
		height:100%;
		height:100vh;
		margin:0%;
		display:block;
		position:relative;
		/*border:1px solid #e5e1dc;*/
	}
	/*#eventforeword{
		background-size:cover;
		-webkit-background-size:cover;
		background-attachment:scroll !important;
		-webkit-background-attachment:scroll !important;
		background-repeat:no-repeat;
		background-attachment: fixed;
		position:absolute;
		z-index:2;
		top:0%;
		left:0%;
		width:100%;
		height:100%;
		height:100vh;
	}*/
	.forewordinnercontainer{
		padding:0% 5%;
		width:90%;
		height:100%;
		height:100vh;
		/*border:1px solid blue;*/
		display:table;
		position:absolute;
		top:0%;
		left:0%;
		right:0%;
		bottom:0%;
		z-index:5;
	}
	.forewordtextcontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		/*border:1px solid yelllow;*/
		display:table-cell;
		vertical-align:middle;
	}
	.forewordtitle{
		padding:0% 0% 2% 0%;
		text-align:center;
		/*border:1px solid red;*/
	}
	.forewordtitle h1{
		font-size:70px;
		font-family:RIGT, Verdana, sans-serif;
		color:#FFFFFF;
		/*border:1px solid red;*/
	}
	.forewordtext{
		/*font-size:20px;
		color:#FFFFFF;*/
		width:100%;
		text-align:center;
		padding:2% 0% 2% 0%;
		/*border:1px solid green;*/
	}
	.forewordtext h2{
		font-size:20px;
		color:#FFFFFF;
		/*border:1px solid green;*/
	}
	.forewordtext a{
		color:white;
		font-weight:700;
	}
	/*----------foreword section end----------*/
	
	/*----------eventdesc section start----------*/
	.eventdesccontainer{
		width:100%;
		margin:0%;
		display:block;
		/*border:1px solid black;*/
	}
	.eventdescinnercontainer{
		padding:8% 5%;
		width:90%;
		/*border:1px solid blue;*/
		display:block;
		vertical-align:top;
	}
	.eventtextcontainer{
		width:45%;
		padding:0% 0% 2% 5%;
		/*border:1px solid black;*/
		display:inline-block;
		vertical-align:middle;
	}
	.eventdesctitle{
		padding:5% 0% 2% 0%;
		/*border:1px solid red;*/
	}
	.eventdesctitle h3{
		font-size:24px;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		font-style:normal;
		/*padding:5% 0% 2% 0%;*/
		/*border:1px solid red;*/
	}
	.eventdesctext{
		padding:0% 0% 0% 0%;
		font-size:20px;
		line-height:1.5;
		/*border:1px solid green;*/
	}
	.eventimgcontainer{
		/*height:200px;*/
		/*width:40%;*/
		width:auto;
		max-width:50%;
		padding:0% 0% 0% 0%;
		vertical-align:middle;
		/*text-align:right;*/
		/*border:1px solid purple;*/
		display:inline-block;
	}
	.eventimg{
		max-height:400px;
		width:auto;
		/*width:100%;*/
		/*border:1px solid white;*/
	}
	.dualinnercontainer{
		width:40%;
		padding:0% 4.5%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	.eventimgcontainerdual{
		/*border:1px solid green;*/
	}
	.eventtextcontainerdual{
		/*border:1px solid purple;*/
	}
	
	/*----------eventdesc section end----------*/
	
	/*page event end*/
	
	/*page contact us start*/
	
	/*----------title section start----------*/

	.titlecontactcontainer{
		width:100%;
		margin:0%;
		padding-top:5%;
		display:table;
	}
	.titlecontactinnercontainer{
		margin:0% 0%;
		padding:6% 8% 0% 12%;
		width:80%;
		/*border:1px solid blue;*/
		position:relative;
	}
	
	#contactuspagetitlecontainer{
		padding:0% 0% 2% 0%;
		width:100%;
		text-align:center;
		/*border:1px solid black;*/
	}
	#contactuspagetitlecontainer h1{
		font-size:42px;
		/*border:1px solid black;*/
	}
	#contactuspagedesccontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		text-align:center;
		font-size:20px;
		font-weight:700;
		/*border:1px solid black;*/
	}
	/*-----------title section end-----------*/
	
	/*----------description section start----------*/
	.relativediv{
		display:block;
		position:relative;
		/*border:1px solid green;*/
	}
	.desccontactcontainer{
		width:100%;
		margin:0%;
		display:table;
		/*position:relative;*/
		/*border:1px solid #e5e1dc;*/
		vertical-align:top;
	}
	#descmaincontainer{
		position:relative;
	}
	.desccontactinnercontainer{
		margin:0% 0%;
		padding:0% 8% 2% 12%;
		width:80%;
		/*border:1px solid blue;*/
		position:relative;
		vertical-align:top;
	}
	
	.desccontacttextcontainer{
		width:50%;
		padding:5% 0%;
		/*border:1px solid red;*/
		vertical-align:middle;
		display:inline-block;
	}
	.desccontacttitle{
		font-size:20px;
		font-weight:700 !important;
		font-style:italic;
		/*border:1px solid blue;*/
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		padding:2% 0%;
	}
	.desccontactusimgcontainer{
		width:45%;
		/*max-width:25%;*/
		padding:0% 0% 0% 0%;
		/*border:1px solid purple;*/
		/*display:table-cell;*/
		vertical-align:middle;
		display:inline-block;
		position:relative;
		/*top:0%;
		left:55%;*/
	}
	
	#descimgcontactus{
	}
	#imgcontactus{
		/*min-width:400px;
		min-height:250px;
		max-width:500px;
		max-height:350px;*/
		width:100%;
		/*border:1px solid red;*/
		/*box-shadow: 10px 10px 8px rgb(87,87,87,0.5);*/
	}
	
	/*----------description section end----------*/
	
	
	/*----------postcard form section start----------*/
	
	.postcardforminnercontainer{
		padding:0% 12% 12% 12%;
		width:75%;
		/*border:1px solid blue;*/
		display:block;
	}
	.postcardstyle{
		padding:2% 2%;
		width:100%;
		height:490px;
		display:block;
		background-size:contain;
		background-position:center;
		background-repeat:no-repeat;
	}
	.postcardformcontain{
		padding:0% 2% 4% 2%;
		width:95%;
		font-family:RIGT, Verdana, sans-serif;
		/*border:1px solid #cc662e;*/
		display:block;
	}
	.containerpostcardformleft{
		width:55%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	.formcontainer{
		font-size:18px;
		color:#114b7b;
		/*border:1px solid black;*/
		padding:2% 5% 2% 2%;
		width:90%;
		/*border-right:1px solid #cc662e;*/
	}
	
	#messageinput{
		width:100%;
		height:170px;
		max-height:300px;
		max-width:400px;
		font-size:18px;
		color:#000000;
		border:1px solid #cc662e;
		padding:5px 10px;
	}
	.containerpostcardformright{
		width:42%;
		padding:0% 0% 1% 3%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	.stampcontainer{
		/*border:1px solid blue;*/
		width:60%;
		padding:11% 0% 5% 37.1%;
		text-align:right;
	}
	#postcardimg{
		width:100%;
		max-height:150px;
		/*border:1px solid black;*/
	}
	
	/*----------postcard form section end----------*/
	/*page contact us end*/
	
	/*page do start*/
	
	/*----------foreword section start----------*/
	/*#doforeword{
		background-size:cover;
		-webkit-background-size:cover;
		background-attachment:scroll !important;
		-webkit-background-attachment:scroll !important;
		background-repeat:no-repeat;
		background-attachment: fixed;
		position:absolute;
		z-index:2;
		top:0%;
		left:0%;
		width:100%;
		height:100vh;
		height:100%;
	}*/
	/*----------foreword section end----------*/
	
	/*----------all year round section start----------*/
	#allyearinnercontainer{
		width:90%;
		margin:5% 5%;
		/*border:1px solid black;*/
	}
	#allyeartitlecontainer h3{
		padding:0% 0% 4% 0%;
		width:100%;
		text-align:center;
		font-style:normal;
		/*font-size:48px;*/
		/*border:1px solid black;*/
	}
	#allyeartypecontainer{
		width:100%;
		padding:1% 0% 1% .5%;
		/*border:1px solid black;*/
	}
	/*.allyearimgcontainer{
		position:relative;
	}*/
	.allyearimgcontainer{
		display:inline-block;
		margin:0% auto .6% auto;
		padding:0px;
		width: 32.3%;
		/*width: 19.75%;*/
		position:relative;
		/*border:1px solid blue;*/
	}
	.grid-sizer{
		display:inline-block;
		width: 32.3%;
		margin:0px;
		padding:0px;
		/*border:1px solid green;*/
	}
	.gutter-sizer {
		display:inline-block;
		width: 1.2%;
		/*border:1px solid blue;*/
	}
	.allyearthumbtextcontainer{
		position:absolute;
		top:50%;
		right:0%;
		bottom:50%;
		left:0%;
		z-index:3;
		opacity:0;
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.hoveredallyearcativitytext{
		opacity:1;
	}
	.unhoveredallyearcativitytext{
		opacity:0;
	}
	.allyearactivitytitle{
		font-size:24px;
		font-weight:700;
		color:white;
		padding:5% 0%;
		margin:-11% 0%;
		text-align:center;
		vertical-align:middle;
	}
	.allyearactivitytext{
		font-size:18px;
		color:white;
		/*border:1px solid red;*/
	}
	/*----------all year round  section end----------*/
	
	
	/*----------seasonal section start----------*/
	
	#seasonaltitlecontainer h3{
		font-size:48px;
		/*border:1px solid black;*/
	}
	#seasonaldesccontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		text-align:center;
		font-size:20px;
		/*border:1px solid black;*/
	}
	#seasonaltypecontainer{
		width:100%;
		padding:1% 0%;
		display:table;
		/*border:1px solid black;*/
	}
	.seasonalthumbtablerow{
		display:table-row;
	}
	.thumbcontainer{
		display:table-cell;
	
		width:20%;
	}
	/*.hoveredthumbcontainer{
		-webkit-filter: brightness(100%);
		-moz-filter: brightness(100%);
		-o-filter: brightness(100%);
		filter: brightness(100%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredthumbcontainer{
		-webkit-filter: brightness(80%);
		-moz-filter: brightness(80%);
		-o-filter: brightness(80%);
		filter: brightness(80%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}*/
	.thumbimgcontainer{
		width:96%;
		margin:1% 2%;
		height:141px;
		/*border:1px solid black;*/
	}
	/*.eventimg{
		height:50%;
	}*/
	.thumbtextcontainer{
		width:100%;
		padding:1% 0% 1% 0%;
		text-align:center;
		font-size:18px;
		font-weight:700;
		/*border:1px solid black;*/
	}
	
	/*----------seasonal section end----------*/
	/*page do end*/
	
	/*page eat start*/
	
	/*----------foreword section start----------*/
	/*#eatforeword{
		background-size:cover;
		-webkit-background-size:cover;
		background-attachment:scroll !important;
		-webkit-background-attachment:scroll !important;
		background-repeat:no-repeat;
		background-attachment: fixed;
		position:absolute;
		z-index:2;
		top:0%;
		left:0%;
		width:100%;
		height:100vh;
		height:100%;
	}*/
	/*----------foreword section end----------*/
	
	/*----------eatdesc section start----------*/
	
	.eatdesccontainer{
		width:100%;
		margin:0%;
		display:block;
		/*border:1px solid black;*/
	}
	.eatdescinnercontainer{
		padding:7% 5%;
		width:90%;
		/*border:1px solid blue;*/
		display:block;
	}
	.eattextcontainer{
		width:100%;
		display:inline-block;
		line-height:1.5;
		vertical-align:top;
	}
	.eatdesctitle{
		padding:2% 0% 2% 0%;
		/*border:1px solid red;*/
	}
	.eatdesctitle h3{
		font-size:32px;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		font-style:normal;
	}
	.eatdesctext{
		padding:0% 0% 0% 0%;
		font-size:20px;
	}
	#farmtokitchentext{
		width:100%;
		display:table;
	}
	.farmtextcontainer{
		width:30%;
		display:inline-block;
	}
	.farmtokitchencolumn{
		width:33%;
		display:table-cell;
	}
	.farmimgcontainer{
		width:94%;
		padding:10% 3%;
		display:block;
	}
	.farmimg{
		max-height:300px;
		width:100%;
		padding-top:5%;
	}
	#imgfarm3{
		margin:0% 12%;
		width:auto !important;
	}
	
	.farmtext{
	
		width:94%;
		padding:0% 8% 8% 0%;
		display:table-cell;
		/*border:1px solid green;*/
	}
	.subhead{
		font-weight:700;
	}
	.eatimgcontainer{
		width:auto;
		display:inline-block;
	}
	.eatimg{
		max-height:360px;
		width:auto;
	}
	#imgfarmtokitchen{
		padding:0% 0%;
	}
	#eatimgcontainer{
		width:100%;
	}
	#imgomakase{
		width:39%;
		height:400px;
		display:inline-block;
		vertical-align:top;
		margin-right:1%;;
		/*border:1px solid blue;*/
	}
	#imgomakase2{
		width:59%;
		height:400px;
		display:inline-block;
		vertical-align:top;
		margin-left:0%;
		/*border:1px solid blue;*/
	}
	#omakasetitle{
		padding:2% 0% 0% 0% !important;
	}
	#imgcooking{
		max-height:250px;
	}
	/*#cookingcontainer{
		width:100%;
		vertical-align:top;
		display:table;
	}
	#cookingtextcontainer{
		width:50%;
		padding:0% 0% 0% 3%;
		display:table-cell;
	}

	#cookingtitle{
		line-height:1;
		padding:0% 0% 2% 0% !important;
	}
	
	#cookingtext{
	}*/
	
	/*content 3 start*/
	
	.content3slidescontainer{
		width:50%;
		text-align:center;
		vertical-align:middle !important;
		position:relative;
		display:table-cell;
		margin-bottom:10%;
	}
	.content3slide {
		/*position:absolute;*/
		display: none;
	}
	.slideactive{
		display: block;
	}
	/*.content3slideimg{
		height:100%;
		width: 100%;
		position: absolute;
		right: 0;
		top: 0;
	}*/
	.content3prev {
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 0px;
		z-index:22;
		width: auto;
		margin-top: -34px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 30px;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
	}
	.content3next {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 0px;
		z-index:22;
		width: auto;
		margin-top: -34px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 30px;
		transition: 0.6s ease;
		border-radius: 3px 0 0 3px;
	}
	.content3prev:hover, .content3next:hover {
		color:white;
		background-color: rgba(50,50,50,0.8);
	}
	.content3dotcontainer{
		width:100%;
		position:absolute;
		left: 0%;
		bottom: 0%;
		margin:auto;
		/*z-index:22;*/
	}
	#content3dotinnercontainer{
		width:100%;
		/*margin:0% 30%;*/
		text-align:center; 
		/*border:1px solid green;*/
	}
	.content3dotcheckmark {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin:auto;
		height: 20px;
		width: 20px;
		background-color: none;
		border-radius: 50%;
		border:1px solid white;
	}
	.content3dotcheckmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.radiocontainer .dot:checked ~ .content3dotcheckmark:after {
		display:inline-block;
	}
	.radiocontainer .content3dotcheckmark:after {
		top: 3px;
		left: 3px;
		width: 14px;
		height: 14px;
		border-radius: 50%;
		background: white;
	}
	
	/*content 3 end*/
	
	/*----------eatdesc section end----------*/
	/*page eat end*/
	
	/*page blog start*/
	
	#blogmaincontainer{
		width:100% !important;
		position:relative;
	}
	#blogcontainer{
		width:100%;
		padding-top:5%;
		display:table;
		/*border:1px solid black;*/
	}
	#bloginnercontainer{
		width:98%;
		margin:1% 1%;
		/*border:1px solid blue;*/
		vertical-align:top;
	}
	#blogpagetitlecontainer{
		padding:5% 0% 2% 0%;
		width:100%;
		text-align:center;
		/*font-size:48px;
		font-family:RIGT, Verdana, sans-serif;
		font-weight:bold;
		color:#0F1067;*/
		/*border:1px solid black;*/
	}
	#blogpagetitlecontainer h1{
		/*padding:5% 0% 2% 0%;
		width:100%;
		text-align:center;*/
		font-size:48px;
		/*border:1px solid black;*/
	}
	#blogpagedesccontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		text-align:center;
	}
	#blogpagedesccontainer h2{
		font-size:22px;
		color:#000000;
		font-weight:700;
		/*border:1px solid black;*/
	}

	#blogpagecategorycontainer{
		width:100%;
		/*border:1px solid green;*/
		text-align:center;
		font-size: 0;
		padding:0% 0% 5% 0%;
	}
	.blogcategory{
		display:inline-block;
		width:10%;
		color:#cc662e;
		font-size:18px;
		padding:0.5% 1%;
		vertical-align:top;
		/*border:1px solid #ffffff;*/
		border:1px solid transparent;
		object-fit: contain;
		white-space:nowrap;
		cursor:pointer;
	}
	.blogcategory:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	.activedblogcategory{
		color:#cc662e;
		border:1px solid #cc662e;
	}

	.blogthumbnail{
		position:relative;
		/*border:4px solid purple;*/
		width:32%;
		height:500px;
		display:inline-block;
		/*margin:8px 5px;*/
		margin:0.5% 0.4%;
		vertical-align:top;
	}
	.blogthumbimg{
		cursor:pointer;
		width:100%;
		height:500px;
		z-index:1;
		/*background-position:center;*/
		background-size:cover;
		
		-webkit-filter: brightness(60%);
		-moz-filter: brightness(60%);
		-o-filter: brightness(60%);
		filter: brightness(60%);
	}
	.hoveredblog{
		-webkit-filter: brightness(40%);
		-moz-filter: brightness(40%);
		-o-filter: brightness(40%);
		filter: brightness(40%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredblog{
		-webkit-filter: brightness(60%);
		-moz-filter: brightness(60%);
		-o-filter: brightness(60%);
		filter: brightness(60%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.blogthumbtextcontainer{
		width:80%;
		position:absolute;
		bottom:0%;
		left:0%;
		z-index:3;
		padding:7% 10%;
		/*border:1px solid blue;*/
	}
	.blogthumbcategory{
		font-size:18px;
		color:white;
	}
	.blogthumbtitle{
		font-family:RIGT, Verdana, sans-serif;
		font-size:24px;
		font-weight:700;
		color:white;
		padding:5% 0%;
		/*border:1px solid green;*/
	}
	.blogthumbtext{
		font-size:18px;
		color:white;
		height:130px;
		-webkit-opacity:1.0;
		-moz-opacity:1.0;
		-o-opacity:1.0;
		opacity:1.0;
		/*border:1px solid red;*/
	}
	
	/*page blog end*/
	
	/*page blog post start*/
	
	/*----------content section start----------*/
	/*.contentcontainer{
		width:100%;
		padding-top:3%;
		padding-bottom:5%;
		margin:0%;
		display:block;
	}*/
	#blogpostcontentcontainer{
		padding-bottom:0 !important;
	}
	.contentinnercontainer{
		padding:5% 20%;
		width:60%;
		/*border:1px solid blue;*/
		display:block;
	}
	.contenttextcontainer{
		width:100%;
		/*border:1px solid black;*/
		display:inline-block;
		vertical-align:top;
	}
	.contenttextcontainer a{
		color:#cc662e;
	}
	.contenttextcontainer a:hover{
		color:blue;
		text-decoration:underline;
	}
	.contenttitle{
		/*border:1px solid red;*/
		text-align:center;
		padding:2% 0% 2% 0%;
	}
	.categorytitle{
		font-size:18px;
		color:#888888;
		/*padding:2% 0% 2% 0%;*/

	}
	.blogposttitle{
		padding:2% 0% 1% 0%;
		/*border:1px solid red;*/
	}
	.blogposttitle h1{
		font-size:38px;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		/*padding:2% 0% 1% 0%;*/
		/*border:1px solid red;*/
	}
	.datepost{
		font-size:14px;
		color:#888888;
		padding:0% 0% 2% 0%;
	}
	.contenttext{
		padding:0% 0% 0% 0%;
		font-size:20px;
		/*border:1px solid green;*/
		vertical-align:top;
	}
	
	.contenttext h2{
		/*font-size:18px;*/
		font-size:26px;
		/*font-size:1.5em;*/
	}
	
	.contenttext h3{
		/*font-size:18px;*/
		font-size:21px;
		/*font-size:1.5em;*/
	}
	
	.contenttext h4{
		/*font-size:18px;*/
		/*font-size:26px;*/
		font-size:18px;
		/*font-size:1.5em;*/
	}
	
	.blogcontentlayer{
		width:100%;
		/*border:1px solid red;*/
		display:block;
		text-align:top;
	}
	
	#blogposttextcontainer1{
		width:60%;
		display:inline-block;
		padding:3% 4%;
		/*border:1px solid black;*/
	}
	#blogposttextcontainer2{
		width:46%;
		display:inline-block;
		padding:2% 4% 2% 4%;
		/*border:1px solid black;*/
	}
	#blogposttextcontainer3{
		width:92%;
		display:inline-block;
		padding:2% 4%;
		/*border:1px solid blue;*/
	}
	#blogcontentimgcontainer1{
		width:30%;
		display:inline-block;
		padding:2% 0% 2% 0%;
		/*border:1px solid blue;*/
	}
	#blogcontentimgcontainer2{
		width:44%;
		/*padding:0% 0%;*/
		display:inline-block;
		/*border:1px solid blue;*/
	}
	#blogcontentimgcontainer3{
		width:100%;
		display:inline-block;
		/*border:1px solid blue;*/
	}
	/*----------content section end----------*/
	
	/*----------otherblog section start----------*/
	
	#otherblogcontainer{
		width:100%;
		display:block;
		/*border:1px solid black;*/
	}
	#otherbloginnercontainer{
		width:60%;
		margin:0% 20.2% 0% 20.2%;
		padding:2% 0% 3% 0%;
		border-top:2px solid #cc662e;
		border-bottom:2px solid #cc662e;
		/*border:1px solid green;*/
	}
	#otherblogtitlecontainer{
		padding:2% 0% 2% 0%;
		width:100%;
		font-size:36px;
		/*border:1px solid black;*/
	}
	#otherblogtypecontainer{
		width:100%;
		display:table;
	}
	#otherblogtypecontainer a{
		color:#000000;
	}
	.otherblogthumbtablerow{
		display:table-row;
		/*border:1px solid green;*/
	}
	.otherblogthumbcell{
		display:table-cell;
		width:25%;
		/*border:1px solid blue;*/
	}
	.otherblogthumbcontainer{
		width:90%;
		/*padding:2% 5%;*/
		margin:3% 5%;
		cursor:pointer;
		/*border:1px solid red;*/
	}
	.otherblogthumbimg{
		width:auto;
		/*width:150px;*/
		padding:0% 5%;
		height:100px;
	}
	.otherblogthumbtext{
		width:100%;
		padding:3% 0%;
		text-align:center;
		font-weight:700;
		font-size:14px;
		/*border:1px solid black;*/
	}
	
	/*----------otherblog section end----------*/
	
	/*----------tags section start----------*/
	.tagscontainer{
		width:100%;
		margin:0%;
		display:block;
		/*border:1px solid black;*/
	}
	.tagsinnercontainer{
		padding:1.5% 15% 3% 22%;
		width:60%;
		/*border:1px solid blue;*/
		display:block;
	}
	.tagstextcontainer{
		width:100%;
		display:inline-block;
		vertical-align:top;
	}
	.tagstext{
		padding:0% 0% 0% 0%;
		font-size:20px;
		/*border:1px solid green;*/
	}
	.tagstext a{
		color:#cc662e;
	}
	.tagstext a:hover{
		color:blue;
		text-decoration:underline;
	}
	/*----------tags section end----------*/
	
	/*page blog post end*/
	
	/*page sleep start*/
	
	/*----------foreword section start----------*/
	/*#sleepforeword{
		background-size:cover;
		-webkit-background-size:cover;
		background-attachment:scroll !important;
		-webkit-background-attachment:scroll !important;
		background-repeat:no-repeat;
		background-attachment: fixed;
		position:absolute;
		z-index:2;
		top:0%;
		left:0%;
		width:100%;
		height:100vh;
		height:100%;
	}*/
	/*----------foreword section end----------*/
	
	/*----------room section start----------*/
	
	#roomcontainer{
		width:100%;
		display:block;
		/*border:1px solid black;*/
	}
	#roomtitlecontainer h3{
		font-size:48px;
		/*border:1px solid black;*/
	}
	#roomtypecontainer{
		/*width:100%;
		padding:1% 0%;*/
		width:96%;
		padding:1% 0% 1% 4%;
		/*border:1px solid black;*/
	}
	.roomthumbcontainer{
		/*display:inline-block;*/
		display:table-cell;
		width:20%;
		padding:2% 2% 2% 3%;
		cursor:pointer;
	}
	.hoveredroomthumbcontainer{
		-webkit-filter: brightness(110%);
		-moz-filter: brightness(110%);
		-o-filter: brightness(110%);
		filter: brightness(110%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredroomthumbcontainer{
		-webkit-filter: brightness(100%);
		-moz-filter: brightness(100%);
		-o-filter: brightness(100%);
		filter: brightness(100%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.roomthumbimgcontainer{
		width:100%;
		/*width:auto;*/
		height:150px;
		/*border:1px solid black;*/
	}
	.roomthumbtextcontainer{
		width:100%;
		/*text-align:center;*/
		font-size:18px;
		padding:2% 2.2%;
		/*border:1px solid black;*/
	}
	.floorcontainer{
		width:100%;
		padding:2% 0%;
		/*border:1px solid black;*/
	}
	.floortitle{
		width:97%;
		padding-left:3%;
		font-size:24px;
		font-weight:bold;
		/*border:1px solid black;*/
	}
	.floorroomtype{
		/*width:95%;
		padding-left:5%;*/
		width:100%;
		font-size:18px;
		display:table;
		/*border:1px solid black;*/
	}
	.floorroomtablerow{
		display:table-row;
	}
	/*----------room section end----------*/
	
	/*----------popup room detail section start----------*/
	#roomdetailcontainer{
		width:100%;
		height:100%;
		top:0;
		left:0;
		display:none;
		position:fixed;
		background-color: rgba(51,51,51,.9);
		overflow:auto;
		z-index:21;
	}
	#roomdetailbox{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		width:650px;
		height:400px;
		padding:2% 2% 0% 2%;
		border:1px solid gray;
		/*border-radius:5px;*/
		background-color:#FFFFFF;
		overflow:auto;
	}
	.divclosebutton{
		width:100%;
		/*border:1px solid black;*/
		position:relative;
	}
	.roomdetailmaincontainer{
		padding:5%;
		width:90%;
		/*border:1px solid blue;*/
	}
	#roomdetailtopcontainer{
		width:100%;
	}
	.roomimgslidescontainer{
		width:100%;
		text-align:center;
		vertical-align:middle;
		/*border:1px solid cyan;*/
		position:relative;
		
	}
	.roomslide {
		/*position:absolute;*/
		display: none;
	}
	.slideactive{
		display: block;
	}
	.roomslideimg{
		width:100%;
		height:400px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
		/*border:1px solid black;*/
	}
	.roomprev {
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 1px;
		z-index:22;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
	}
	.roomnext {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 1px;
		z-index:22;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 3px 0 0 3px;
	}
	.roomprev:hover, .roomnext:hover {
		color:white;
		background-color: rgba(50,50,50,0.8);
	}
	.roomdotcontainer{
		width:100%;
		/*border:1px solid yellow;*/
		margin:-6% 0% 0% 0%;
		/*padding:3% 35% 3% 35%;*/
		z-index:22;
	}
	#roomdotinnercontainer{
		width:100%;
		/*margin:0% 30%;*/
		text-align:center; 
		/*border:1px solid green;*/
	}
	.roomdotcheckmark {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin:auto;
		height: 15px;
		width: 15px;
		background-color: none;
		border-radius: 50%;
		border:1px solid white;
	}
	.roomdotcheckmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.radiocontainer .dot:checked ~ .roomdotcheckmark:after {
		display:inline-block;
	}
	.radiocontainer .roomdotcheckmark:after {
		top: 3px;
		left: 3px;
		width: 9px;
		height: 9px;
		border-radius: 50%;
		background: white;
	}
	
	#roomdetailbottomcontainer{
		width:100%;
		/*border:1px solid red;*/
	}
	.roomdetailleftcontainer{
		width:50%;
		/*border:1px solid blue;*/
		display:inline-block;
	}
	.roomdetailtextcontainer{
		/*border:1px solid black;*/
	}
	.roomnametitle{
		padding:6% 0% 2% 0%;
		width:100%;
		font-size:18px;
		font-weight:bold;
		color:#114b7b;
		/*border:1px solid red;*/
	}
	.roomdesctext{
		width:100%;
		line-height:1.5;
		/*border:1px solid yellow;*/
	}
	
	.roomdetailrightcontainer{
		width:46%;
		padding:3% 0% 0% 3%;
		/*border:1px solid blue;*/
		display:inline-block;
	}
	
	
	/*---------popup pictures start---------*/
	#popupictures{
		display:none;
		position:fixed;
		top:0px;
		background-color:rgba(0,0,0,1.0);
		height:100%;
		height:101vh;
		width:100%;
		color:#fff;
		z-index:30;
		/*border:1px solid white;*/
	}
	#popupicturesfill{
		display:table-cell;
		width:8%;
		padding:1%;
		vertical-align:top;
		text-align:right;
		font-size:1.5em;
		cursor:pointer;
		position:relative;
		/*border:1px solid yellow;*/
	}
	#popupicturescontainer{
		display:table-cell;
		padding:0px;
		width:80%;
		height:100%;
		vertical-align:middle;
		text-align:center;
	}
	#popupicturescontainer img{
		width:auto;
		height:auto;
	}
	#xbuttonpopupimg{
		width:20px !important;
		height:20px !important;
		margin:5% 3%;
		
		-webkit-filter: invert(100%);
		-moz-filter: invert(100%);
		-o-filter: invert(100%);
		filter: invert(100%);
	}
	.previmgdetail {
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 0%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: white;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
		z-index:32;
	}
	.nextimgdetail {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 0%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: white;
		font-weight: bold;
		font-size: 24px;
		transition: 0.6s ease;
		border-radius: 3px 0 0 3px;
		z-index:32;
	}
	.previmgdetail:hover, .nextimgdetail:hover {
	  background-color: rgba(50,50,50,0.8);
	}
	/*---------popup pictures end---------*/
	
	/*----------popup room detail section end----------*/
	
	/*----------facilities section start----------*/
	
	#facilitiescontainer{
		width:100%;
		display:block;
	}
	#facilitiesinnercontainer{
		width:80%;
		margin:3% 10% 5% 10%;
		/*border:1px solid blue;*/
	}
	#facilitiestitlecontainer{
		padding:0% 0% 2% 0%;
		width:100%;
		text-align:center;
	}
	#facilitiestitlecontainer h3{
		font-size:48px;
		/*border:1px solid red;*/
	}
	#facilitiestypecontainer{
		width:100%;
		padding:1% 0%;
		/*border:1px solid magenta;*/
		display:table;
		vertical-align:top;
	}
	.facilthumbnailtablerow{
		display:table-row;
	}
	.facilthumbcontainer{
		display:table-cell;
		width:20%;
	}
	.facilthumbimgcontainer{
		width:50%;
		height:80px;
		margin:15% 22%;
		padding:3%;
		cursor:pointer;
		/*border:1px solid cyan;*/
		
		-webkit-filter: brightness(0%);
		-moz-filter: brightness(0%);
		-o-filter: brightness(0%);
		filter: brightness(0%);
	}
	.hoveredfacilthumbnailimg{
		-webkit-filter: brightness(100%);
		-moz-filter: brightness(100%);
		-o-filter: brightness(100%);
		filter: brightness(100%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredfacilthumbnailimg{
		-webkit-filter: brightness(0%);
		-moz-filter: brightness(0%);
		-o-filter: brightness(0%);
		filter: brightness(0%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.facilthumbtextcontainer{
		width:100%;
		text-align:center;
		font-size:20px;
		/*font-weight:700;*/
		/*border:1px solid purple;*/
	}
	
	/*----------facilities section end----------*/
	
	/*----------faq section end----------*/
	/*.faqcontainer{
		width:100%;
		margin:0%;
		display:block;
	}
	.faqinnercontainer{
		padding:0% 5% 10% 5%;
		width:90%;
		display:block;
	}*/
	.faqtextcontainer{
		width:100%;
		/*padding:0% 0% 2% 0%;*/
		/*border:1px solid black;*/
		display:inline-block;
		vertical-align:top;
	}
	.faqtext{
		padding:0% 0% 0% 0%;
		font-size:20px;
		text-align:center;
		/*border:1px solid green;*/
	}
	.faqtext a{
		color:#cc662e;
		/*text-decoration:underline;*/
	}
	/*.faqtext a:hover{
		border-bottom:1px solid #cc662e;
	}*/
	/*----------faq section end----------*/
	/*page sleep end*/
	
	/*===================update 21102019==========================*/
	
	/*page rent-a-farm start*/
	
	.sukasantai_bgimgforeword{
		background-size:cover;
		-webkit-background-size:cover;
		background-attachment:scroll !important;
		-webkit-background-attachment:scroll !important;
		background-repeat:no-repeat;
		/*background-attachment: fixed;*/
		/*-webkit-filter: brightness(95%);
		filter: brightness(95%);*/
		position:absolute;
		z-index:2;
		/*top:0%;
		left:0%;*/
		width:100%;
		height:100%;
		height:100vh;
	}
	
	/*----------rentfarm section start----------*/
	
	#rentfarmpasteventstitle{
		margin:5% 0% 5% 0%;
	}
	
	.pasteventdesc{
		margin:5% 0% 20% 0%;
	}
	/*----------rentfarm section end----------*/
	
	/*page our story start*/
	/*#storyforeword{
		background-size:cover;
		-webkit-background-size:cover;
		background-attachment:scroll !important;
		-webkit-background-attachment:scroll !important;
		background-repeat:no-repeat;
		background-attachment: fixed;
		position:absolute;
		z-index:2;
		top:0%;
		left:0%;
		width:100%;
		height:100%;
		height:100vh;
	}*/
	/*page our story end*/
	
	
	/*page rates start*/
	/*#ratesforeword{
		background-size:cover;
		-webkit-background-size:cover;
		background-attachment:scroll !important;
		-webkit-background-attachment:scroll !important;
		background-repeat:no-repeat;
		background-attachment: fixed;
		position:absolute;
		z-index:2;
		top:0%;
		left:0%;
		width:100%;
		height:100%;
		height:100vh;
	}*/
	
	.ratesthumbtext{
		-webkit-opacity:1.0;
		-moz-opacity:1.0;
		-o-opacity:1.0;
		opacity:1.0;
	}
	
	/*farmplusdetail start*/
	#farmplusdetailcontainer{
		width:100%;
		height:100%;
		top:0;
		left:0;
		display:none;
		position:fixed;
		background-color: rgba(51,51,51,.9);
		overflow:auto;
		z-index:21;
	}
	#farmplusdetailbox{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		width:600px;
		height:400px;
		padding:2% 2% 0% 2%;
		border:1px solid gray;
		background-color:#FFFFFF;
		overflow:auto;
	}
	
	#farmplusdetailmaincontainer{
		padding:5%;
		width:90%;
		font-size:1em;
	}
	/*farmplusdetail end*/
	
	/*promodetail start*/
	#promodetailbox{
		width:600px;
		height:400px;
		padding:2% 2% 0% 2%;
	}
	
	#promodetailmaincontainer{
		padding:5%;
		width:90%;
		font-size:1em;
	}
	/*promodetail end*/
	
	/*page rates end*/
	
	/*==================================================*/
}

@media screen and (max-width: 980px) and (orientation: portrait) {
	body{
		/*max-width:1330px;*/
		width:100%;
		/*outline:1px solid black;*/
		font-family:Ducosky, Arial, sans-serif;
		display:block;
		font-size:22px;
	}
	
	a{
		text-decoration:none;
		color:black;
	}
	
	.ckeditor h2{
		font-size:1.5em;
	}
	.ckeditor h3{
		font-size:1.05em;
	}
	.ckeditor h4{
		font-size:0.9em;
	}
	
	.maincontainerall{
		max-width:950px;
		min-width:100%;
		/*border:1px solid black;*/
		position:relative;
	}
	#maincontainer{
		width:100%;
		/*height:100vh;*/
		/*max-width:1200px;
		min-width:1200px;*/
		/*border:1px solid black;*/
		position:relative;
	}
	#innerbgcontainer{
		width:100%;
		/*border:1px solid black;*/
		position:absolute;
		z-index:2;
	}
	
	#innermaincontainer{
		width:100%;
		/*border:1px solid red;*/
		position:absolute;
		top:0%;
		left:0%;
		z-index:3;
	}
	
	/*page home start*/
	
	#videonavbarcontainer{
		position:relative;
		/*border:1px solid red;*/
	}
	
	/*----------video section start----------*/
	#parralaxvideo {
		height:100%;
		height:100vh;
		position:absolute;
		background-size:cover;
		-webkit-background-size:cover;
		background-attachment:scroll;
		-webkit-background-attachment:scroll;
		z-index:-5;
	}
	#videotextcontainer{
		position:absolute;
		/*top:40%;*/
		top:30%;
		left:0%;
		width:100%;
		/*border:1px solid black;*/
	}
	#videotextinnercontainer{
		width:100%;
		/*border:1px solid black;*/
		vertical-align:top;
		/*display:table;*/
	}
	#textvideo{
		width:50%;
		color:#ffffff;
		font-size:2.4em;
		/*border:1px solid black;*/
	}
	#logovideo{
		width:auto;
		margin:auto;
		height:250px;
		/*border:1px solid black;*/
	}
	.background {
		position: fixed;
		top: 0;
		left: 0;
		z-index:-3;
		width: 100vw;
		height: 100vh;
		background-position:40% 70%;
		background-size: cover;
	}
	
	/*----------video section end----------*/
	
	/*----------navigation section start----------*/
	.navbarcontainer{
		display:none;
		z-index:20;
	}
	
	.mobilenavbarcontainer{
		width:100%;
		background-color:#114b7b;
		display:table;
		position:fixed;
		/*z-index:100;*/
	}
	
	/* ---------!!!!! other classs and id for mobile navbar are in main.css !!!!----------------*/
	
	/*----------navigation section end----------*/
	
	/*----------description section start----------*/
	.deschomecontainer{
		width:100%;
		/*height:100vh;*/
		height:auto;
		/*height:800px;*/
		margin:0%;
		/*padding-top:6%;*/
		display:block;
		padding-bottom:30%;
		/*z-index:4;*/
		/*border:1px solid black;*/
	}
	#deschomemaincontainer{
		/*height:100vh;*/
		height:auto;
		/*z-index:4;*/
		margin:0%;
		position:relative;
	}
	.deschomeinnercontainer{
		/*margin:20vh 0%;*/
		padding:8% 5% 10% 5%;
		width:90%;
		height:auto;
		/*height:100vh;*/
		/*border:1px solid blue;*/
		display:block;
		position: relative;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
	
		margin: auto;
	}
	.deschometextcontainer{
		width:100%;
		padding:5% 0%;
		/*border:1px solid red;*/
		display:inline-block;
		vertical-align:middle;
	}
	.deschometitle{
		font-size:1.8em;
		/*border:1px solid red;*/
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		/*line-height:1.8;*/
		padding:2% 0%;
	}
	
	.deschometitle big{
		font-size:1.8em;
	}
	.deschometitle strong{
		font-weight:bold;
	}
	.deschometext{
		padding:2% 0% 2% 0%;
		font-size:1.8em;
		line-height:1.8;
		/*width:90%;*/
		width:100%;
		/*border:1px solid green;*/
	}
	.deschomeimagecontainer{
		width:100%;
		padding:0% 0% 0% 0%;
		height:400px;
		text-align:right;
		vertical-align:middle;
		/*border:1px solid purple;*/
		display:block;
	}
	.descimg{
		/*border:1px solid white;*/
	}
	/*----------description section end----------*/
	
	/*----------activity section start----------*/
	#activitycontainer{
		width:100%;
		display:table;
		height:100%;
		height:100vh;
		background-color:white;
		z-index:1;
		/*background-color:#ffffff;
		z-index:-2;*/
		/*border:1px solid black;*/
	}
	#activityinnercontainer{
		width:100%;
		display:block;
		/*border:1px solid black;*/
	}
	.activitydesccontainer{
		width:100%;
		/*padding:1%;*/
		height:33%;
		height:33vh;
		display:inline-block;
		/*border:1px solid yellow;*/
		position:relative;
	}
	.activitybgimage{
		position:absolute;
		width:100%;
		height:64%;
		height:64vh;
		top:0%;
		bottom:0%;
		z-index:1;
		/*border:1px solid red;*/
		
		-webkit-filter: brightness(95%);
		-moz-filter: brightness(95%);
		-o-filter: brightness(95%);
		filter: brightness(95%);
	}
	.twothird{
		height:63%;
		height:63vh;
		
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	.onethird{
		height:33%;
		height:33vh;
		
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	.onesixth{
		height:18%;
		height:18vh;
		
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	.activitytitle{
		position:absolute;
		top:35%;
		z-index:10;
		vertical-align:middle;
		text-align:center;
		font-family:RIGT, Verdana, sans-serif;
		font-size:4em;
		font-weight:bold;
		width:100%;
		/*height:700px;*/
		color:#ffffff;
		padding:10px 0px;
		/*padding:2% 0%;*/
		/*border:1px solid black;*/
	}
	.activitydesc{
		width:90%;
		position:absolute;
		top:40%;
		z-index:10;
		padding:8% 5%;
		font-size:1.8em;
		line-height:1.2;
		color:#ffffff;
		opacity:0;
		/*border:1px solid blue;*/
	}
	
	.activitydesc table td{
		padding:10px 20px;
	}
	
	.hoveredactivitydesc{
		opacity:1;
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredactivitydesc{
		opacity:0;
	}
	/*----------activity section end----------*/
	
	/*----------animated map section start----------*/ /* added in ver2.0.0*/
	
	#sukasantai-map-title h3{
		font-size:3.6em;
	}
	#sukasantai-map-text{
		width:100%;
		padding:0% 0% 5% 0%;
		font-size:1.8em;
		font-weight:700;
	}
	.sukasantai-map-imgtitle{
		font-size:1.6em;
	}
	
	#sukasantai-map-mountain-title{
		top:1%;
		left:57%;
	}
	#sukasantai-map-cow-title{
		top:91%;
		left:75%;
	}
	#sukasantai-map-buffalo-title{
		top:90.5%;
		left:42%;
	}
	#sukasantai-map-fireflies-title{
		top:62%;
		left:39.5%;
	}
	#sukasantai-map-duck-title{
		top:53%;
		left:66%;
	}
	#sukasantai-map-mujair-title{
		top:46.5%;
		left:47%;
	}
	#sukasantai-map-dragonfly-title{
		top:84%;
		left:5%;
	}
	#sukasantai-map-veggies-title{
		top:83%;
		left:54%;
	}
	#sukasantai-map-nangka-title{
		top:57%;
		left:4.5%;
	}
	#sukasantai-map-hammock-title{
		top:18%;
		left:48%;
	}
	
	/* added 03082020 */

	#sukasantai-map-explore-title{
		top:30.5%;
		left:47%;
	}
	#sukasantai-map-hotpot-title{
		top:36%;
		left:60%;
	}
	#sukasantai-map-swing-title{
		top:40%;
		left:44%;
	}
	#sukasantai-map-kitchen-title{
		top:42%;
		left:38%;
	}
	#sukasantai-map-eagle-title{
		top:42.8%;
		left:19%;
	}
	#sukasantai-map-bamboos-title{
		top:41%;
		left:4%;
	}
	#sukasantai-map-kite-title{
		top:51%;
		left:36%;
	}
	#sukasantai-map-bonfire-title{
		top:38%;
		left:50%;
	}
	#sukasantai-map-undertree-title{
		top:50%;
		left:55%;
	}
	#sukasantai-map-organic-title{
		top:73%;
		left:45%;
	}
	#sukasantai-map-essentialoil-title{
		top:91%;
		left:50%;
	}
	#sukasantai-map-goat-title{
		top:74%;
		left:68%;
	}
	#sukasantai-map-talas-title{
		top:65%;
		left:78.5%;
	}
	#sukasantai-map-leaves-title{
		top:84.5%;
		left:10%;
	}
	#sukasantai-map-leaves2-title{
		top:84.5%;
		left:10%;
	}
	#sukasantai-map-leaves3-title{
		top:84.5%;
		left:10%;
	}
	#sukasantai-map-leaves4-title{
		top:84.5%;
		left:10%;
	}
	#sukasantai-map-leaves5-title{
		top:84.5%;
		left:10%;
	}
	
	/*----------animated map section end----------*/
	
	/*----------event section start----------*/
	#eventcontainer{
		width:100%;
		display:table;
		height:100%;
		height:100vh;
		padding:10% 0% 40% 0%;
	
		position:relative;
		z-index:20;
		display:inline-block;
		/*border:1px solid black;*/
		margin-bottom:0px !important;
	}
	#eventmaincontainer{
		height:100%;
		height:100vh;
		margin:5% 0% 10% 0%;
		position:relative;
		/*position:static;*/
		/*border:1px solid green;*/
	}
	#eventinnercontainer{
		width:80%;
		height:auto;
		position:absolute;
		/*position:static;*/
		/*display:block;*/
		top:0%;
		left:0%;
		right:0%;
		bottom:0%;
		margin:auto;
		/*margin:0% 10%;*/
		vertical-align:middle;
		display:inline-block;
		/*padding-top:13%;
		padding-top:13vh;*/
		padding:0% 0% 15% 0%;
		/*border:1px solid blue;*/
	}
	#eventtitlecontainer{
		padding:3% 0% 3% 0%;
		width:100%;
		text-align:center;
		font-size:3.6em;
		font-family:RIGT, Verdana, sans-serif;
		font-weight:bold;
		color:#0F1067;
		/*border:1px solid black;*/
	}
	#eventdesccontainer{
		width:100%;
		text-align:center;
		font-size:1em;
		/*border:1px solid black;*/
	}
	#eventtypecontainer{
		width:100%;
		padding:1% 0%;
		display:block;
		vertical-align:top;
		/*border:1px solid black;*/
	}
	.eventthumbnailtablerow{
		/*display:table-row;*/
		display:block;
	}
	.eventthumbcontainer{
		display:inline-block;
		/*display:table-cell;*/
		width:48%;
		vertical-align:top;
		/*margin:3% 2.2%;*/
		/*border:1px solid black;*/
	}
	.eventthumbimgcontainer{
		width:100%;
		height:250px;
		vertical-align:top;
		/*border:1px solid black;*/
	}
	.eventthumbtextcontainer{
		width:100%;
		text-align:center;
		padding:1% 0% 5% 0%;
		font-size:2em;
		font-weight:700;
		vertical-align:top;
		/*border:1px solid black;*/
	}
	#eventbuttoncontainer{
		width:auto;
		padding:2% 5%;
		/*border:1px solid black;*/
	
	}
	#eventbutton{
		width:auto;
		text-align:center;
		font-size:2.1em;
		white-space:nowrap;
		margin:1% 30%;
		padding:1%;
		color:#cc662e;
		background-color:transparent;
		border:1px solid #cc662e;
		cursor:pointer;
	}
	#eventbutton:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	
	/*----------event section end----------*/
	
	/*----------story section start----------*/
	
	#storycontainer{
		width:100%;
		height:100%;
		height:100vh;
		display:block;
		margin-top:-1%;
		/*margin-top:0%;*/
		position:relative;
		background-color:white;
		/*border:1px solid black;*/
	}
	#storycontainerbg{
		background-size:cover;
		-webkit-background-size:cover !important;
		background-attachment:scroll !important;
		-webkit-background-attachment:scroll !important;
		/*position:static;*/
		position:absolute;
		z-index:0;
		/*display:none;*/
	}
	#storymaincontainer{
		position:relative;
		width:100%;
		/*border:1px solid white;*/
	}
	#storyinnercont{
		width:100%;
		height:100%;
		height:100vh;
		position:absolute;
		top:0%;
		left:0%;
		/*margin:auto;*/
		z-index:3;
	}
	#storyinnercontainer{
		width:100%;
		height:100%;
		height:100vh;
		position:relative;
	}
	#storycontainerfilter{
		width:100%;
		height:100%;
		height:100vh;
		position:absolute;
		bottom:0;
		left:0;
		z-index:5;
		background:rgb(0, 0, 0, 0.2);
		/*border:1px solid blue;*/
	}
	#storydesccontainer{
		width:90%;
		position:absolute;
		bottom:0;
		left:0;
		z-index:10;
		/*border:1px solid blue;*/
	}
	#storydescinnercontainer{
		margin:5%;
		font-size:1.6em;
		color:#ffffff;
		/*border:1px solid black;*/
	}
	#storytitle{
		padding:3% 0%;
		font-size:2em;
		font-weight:700;
		/*border:1px solid black;*/
	}
	#storytext{
		padding:3% 0% 15% 0%;
		/*border:1px solid black;*/
	}
	#followbuttoncontainer{
		padding:1% 0% 10% 0%;
		/*border:1px solid black;*/
	}
	#followbutton{
		width:auto;
		display:inline-block;
		padding:2% 5% 2% 5%;
		text-align:center;
		white-space:nowrap;
		border:1px solid white;
	}
	#followbutton:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	/*----------story section end----------*/
	
	/*----------slideshow section start----------*/
	
	#slideshowcontainer {
		width:100%;
		height:auto;
		padding:5% 0%;
		display:table;
		position:relative;
		z-index:20;
	}
	#slideshowinnercontainer {
		margin:0% 0% 0% 0%;
		/*border:1px solid yellow;*/
	}
	.slideimgcontainer{
		width:100%x;
		height:680px;
		/*height:100vh;*/
		display:table;
		/*border:1px solid green;*/
		vertical-align:middle;
	}
	.imgSlide{
		width:50%;
		display:table-cell;
		vertical-align:middle;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		/*border:1px solid green;*/
	}
	.slideimg{
		width:100%;
		height:680px;
		/*border:1px solid red;*/
	}
	.ballooncontainer{
		width:50%;
		height:680px;
		display:table-cell;
		vertical-align:middle;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		/*border:1px solid blue;*/
	}
	.testimonitext{
		/*border:1px solid black;*/
		font-size:18px;
		margin:-5% 12% 0% 12%;
		width:80%;
		height:265px;
		color:white;
		line-height:1.5;
	}
	.dotcontainer{
		/*border:1px solid yellow;*/
		margin:-8% 0% 0% 0%;
		padding:3% 0% 3% 0%;
		z-index:20;
		display:table;
	}
	.dotcontainerwhitespace{
		width:40%;
		/*border:1px solid blue;*/
		display:table-cell;
	}
	.dotinnercontainer{
		width:60%;
		/*border:1px solid green;*/
		display:table-cell;
		text-align:center;
	}
	input[type='radio']{
		-webkit-appearance: none;
		appearance:none;
		outline: none;
		/*border:1px solid #9F571F !important;*/
	}
	.radiocontainer{
		position: relative;
		cursor: pointer;
		display:inline-block;
		width:5%;
		padding:1%;
		margin:0% 1%; 
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		/*border:1px solid white;*/
	}
	.dot:hover {
		background-color: #717171;
	}
	.dotcheckmark {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin:auto;
		height: 38px;
		width: 38px;
		background-color: none;
		border-radius: 50%;
		border:1px solid orange;
	}
	.dotcheckmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.radiocontainer .dot:checked ~ .dotcheckmark:after {
		display:inline-block;
	}
	.radiocontainer .dotcheckmark:after {
		top: 6px;
		left: 6px;
		width: 26px;
		height: 26px;
		border-radius: 50%;
		background: #114b7b;
	}
	.prev {
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 0%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 3.2em;
		transition: 0.6s ease;
		border-radius:3px;
		z-index:10;
	}
	.next {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 0%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 3.2em;
		transition: 0.6s ease;
		border-radius: 3px;
		z-index:10;
	}
	.prev:hover, .next:hover {
		color:white;
		background-color: rgba(50,50,50,0.8);
	}
	.fade-in {
		-webkit-animation-name: fade-in;
		-webkit-animation-duration: 2s;
		animation-name:  fade-in;
		animation-duration: 2s;
	}
	@-webkit-keyframes fade-in {
		from {opacity: .4} 
		to {opacity: 1}
	}
	@keyframes fade-in {
		from {opacity: .4} 
		to {opacity: 1}
	}
	.fade-out {
		-webkit-animation-name: fade-out;
		-webkit-animation-duration: 2s;
		animation-name:  fade-out;
		animation-duration: 2s;
	}
	@-webkit-keyframes fade-out {
		from {opacity: 1} 
		to {opacity: .4}
	}
	@keyframes fade-out {
		from {opacity: 1} 
		to {opacity: .4}
	}
	
	.fadeinout {
		-webkit-animation: fadeinout 10s linear;
		animation: fadeinout 10s linear;
		/*-webkit-animation: fadeinout 10s linear forwards;
		animation: fadeinout 10s linear forwards;*/
	}
	@-webkit-keyframes fadeinout {
		0%, 100% {opacity: .4} 
		20%,50%,80% {opacity: 1}
	}
	@keyframes fadeinout  {
		0%, 100% {opacity: .4} 
		20%,50%,80% {opacity: 1}
	}
	
	/*----------slideshow section end----------*/
	
	/*----------location section start----------*/
	#locationcontainer{
		width:100%;
		height:75%;
		height:75vh;
		/*border:1px solid black;*/
		position:relative;
		display:block;
	}
	#locationmapscontainer{
		position:absolute;
		width:100%;
		height:75%;
		height:75vh;
		top:0%;
		left:0%;
		z-index:3;
		/*border:1px solid orange;*/
	}
	#mapscontainer{
		width:100%;
		height:75%;
		height:75vh;
		-webkit-filter: brightness(80%);
		filter: brightness(80%);
		/*display:table-cell;*/
		/*display:none;*/
		/*border:1px solid black;*/
	}
	#locationmaincontainer{
		position:absolute;
		max-width:1200px;
		height:75%;
		height:75vh;
		top:0%;
		left:0%;
		z-index:5;
		/*border:1px solid yellow;*/
		display:table;
	}
	#locationinnercontainer{
		width:35%;
		height:75%;
		height:75vh;
		/*border:1px solid black;*/
		position:relative;
		z-index:5;
		/*display:table;*/
	}
	#locationdesccontainer{
		width:100%;
		position:absolute;
		z-index:10;
		top:50%;
		bottom:50%;
		left:0%;
		/*display:table-cell;*/
		/*border:1px solid blue;*/
		/*background-color:##CCB89E;*/
		padding:0% 0% 0% 17%;
	}
	#locationmapsdesc{
		margin-top:-52%;
		padding:10%;
		height:280px;
		background:rgba(17, 75, 123, 0.5);
		font-size:1em;
		color:#ffffff;
		/*border:1px solid black;*/
	}
	#locationtitle{
		padding:0% 0% 3% 0%;
		font-size:1.5em;
		font-weight:700;
		font-family:RIGT, Verdana, sans-serif;
		/*border:1px solid black;*/
	}
	#locationtext{
		padding:2% 0%;
		/*border:1px solid black;*/
	}
	#directionbuttoncontainer{
		padding:10% 0% 0% 0%;
		/*border:1px solid black;*/
	}
	#directionbutton{
		width:150px;
		padding:2% 5%;
		text-align:center;
		border:1px solid white;
	}
	#directionbutton:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	/*----------location section end----------*/
	
	/*----------footer section start----------*/
	#footercontainer{
		width:100%;
		height:40%;
		height:40vh;
		background-color:#114b7b;
		/*display:table;*/
		display:none;
		/*border:1px solid black;*/
	}
	#footerinnercontainer{
		width:90%;
		height:20vh;
		margin:0% 5% 0% 5%;
		padding:5% 0% 5% 0%;
		/*border:1px solid white;*/
		vertical-align:middle;
		display:table;
	}
	/*#footeruppercontainer{
		width:100%;
		display:table;
		vertical-align:top;
	}
	#footerbottomcontainer{
		width:100%;
		display:table;
		vertical-align:top;
	}
	.footerleftcontainer{
		width:30%;
		display:table-cell;
	}
	.footermiddlecontainer{
		width:30%;
		display:table-cell;
		vertical-align:top;
	}
	.footerrightcontainer{
		width:30%;
		display:table-cell;
		vertical-align:top;
	}*/
	#contactcontainer{
		width:100%;
		/*border:1px solid black;*/
	}
	#addresscontainer{
		width:95%;
		padding:1% 2%;
		font-size:0.9em;
		/*border:1px solid black;*/
	}
	#phonecontainer{
		width:95%;
		padding:1% 2%;
		color:#FFFFFF;
		font-size:0.9em;
		font-weight:700;
		text-align:center;
		vertical-align:middle;
		/*border:1px solid black;*/
	}
	#logofootercontainer{
		width:80%;
		margin:-8% 10% 0% 10%;
		
		/*border:1px solid black;*/
	}
	#logofooter{
		width:100%;
		height:170px;
	}
	#navfootercontainer{
		/*width:25%;*/
		/*position:relative;*/
		vertical-align:top;
		/*outline:1px solid yellow;*/
	}
	.navfooterbutton{
		width:95%;
		padding:2% 2%;
		font-size:1em;
		/*border:1px solid black;*/
	}
	.underlinefooternav{
		display:block !important;
		width:auto;
		margin:0% 65% 0% 0%;
		border-bottom:1px solid #114b7b;
	}
	.underlinefooternav:hover{
		border-bottom:1px solid #cc662e;
	}
	#socialmediacontainer{
		display:block;
	}
	.sosmedcontainerrow{
		width:100%;
	}
	.sosmedwhitespace{
		width:90%;
		display:inline-block;
	}

	.socialmediabutton{
		width:10%;
		height:50px;
		display:inline-block;
		/*border:1px solid white;*/
	}
	#copyrightcontainer{
		text-align:right;
		vertical-align:middle;
		color:#FFFFFF;
		padding:1% 0%;
		font-size:0.8em;
		/*border:1px solid black;*/
	}
	#mobilefootercontainer{
		width:100%;
		height:40%;
		height:40vh;
		background-color:#114b7b;
		display:table;
		/*display:none;*/
		/*border:1px solid black;*/
	}
	/*----------footer section end----------*/
	/*page home end*/
	
	/*page event start*/
	
	/*----------foreword section start----------*/
	
	.forewordcontainer{
		width:100%;
		height:100%;
		height:100vh;
		margin:0%;
		display:block;
		position:relative;
		/*border:1px solid #e5e1dc;*/
	}
	#eventforeword{
		background-size:cover;
		-webkit-background-size:cover;
		background-attachment:scroll !important;
		-webkit-background-attachment:scroll !important;
		background-position:center;
		background-repeat:no-repeat;
		position:absolute;
		z-index:2;
		top:0%;
		left:0%;
		width:100%;
		height:100%;
		height:100vh;
	}
	.forewordinnercontainer{
		padding:0% 5%;
		width:90%;
		height:100%;
		height:100vh;
		/*border:1px solid blue;*/
		display:table;
		position:absolute;
		top:0%;
		left:0%;
		right:0%;
		bottom:0%;
		z-index:5;
	}
	.forewordtextcontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		/*border:1px solid yelllow;*/
		display:table-cell;
		vertical-align:middle;
	}
	.forewordtitle{
		padding:0% 0% 2% 0%;
		text-align:center;
	}
	.forewordtitle h1{
		font-size:5em;
		font-family:RIGT, Verdana, sans-serif;
		color:#FFFFFF;
	}
	.forewordtext{
		width:100%;
		text-align:center;
		padding:2% 0% 2% 0%;
	}
	.forewordtext h2{
		font-size:2.2em;
		color:#FFFFFF;
	}
	.forewordtext a{
		color:white;
		font-weight:700;
	}
	/*----------foreword section end----------*/
	
	/*----------eventdesc section start----------*/
	
	.eventheadcontainer{
		width:100%;
		margin:0%;
		display:block;
		/*border:1px solid black;*/
	}
	.eventheadinnercontainer{
		padding:8% 5%;
		width:90%;
		/*border:1px solid blue;*/
		display:block;
		vertical-align:top;
	}
	#eventheadtitlecontainer{
		padding:0% 0% 4% 0%;
		width:100%;
		text-align:center;
		/*border:1px solid black;*/
	}
	#eventheadtitlecontainer h3{
		font-size:3.6em;
		/*border:1px solid black;*/
	}
	#eventheaddesccontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		font-size:1.8em;
		/*border:1px solid black;*/
	}
	
	.eventdesccontainer{
		width:100%;
		margin:0%;
		display:block;
		/*border:1px solid black;*/
	}
	.eventdescinnercontainer{
		padding:8% 5%;
		width:90%;
		/*border:1px solid blue;*/
		display:block;
		vertical-align:top;
	}
	.eventtextcontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		/*border:1px solid black;*/
		display:inline-block;
		vertical-align:middle;
		line-height:1.5;
	}
	.eventdesctitle{
		/*font-size:2.4em;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;*/
		padding:5% 0% 2% 0%;
		/*border:1px solid red;*/
	}
	.eventdesctitle h3{
		font-size:2.4em;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		font-style:normal;
		/*padding:5% 0% 2% 0%;*/
		/*border:1px solid red;*/
	}
	.eventdesctext{
		padding:0% 0% 0% 0%;
		font-size:2em;
		line-height:1.8;
		/*border:1px solid green;*/
	}
	.eventimgcontainer{
		/*height:200px;*/
		/*width:40%;*/
		width:100%;
		max-width:100%;
		text-align:center;
		padding:0% 0% 0% 0%;
		vertical-align:middle;
		/*text-align:right;*/
		/*border:1px solid purple;*/
		display:inline-block;
	}
	.eventimg{
		max-height:600px;
		width:auto;
		/*width:100%;*/
		/*border:1px solid white;*/
	}
	.dualinnercontainer{
		width:100%;
		padding:0% 0%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	.eventimgcontainerdual{
		text-align:center;
		/*border:1px solid green;*/
	}
	.eventtextcontainerdual{
		padding:0% 0% 5% 0%;
		line-height:1.5;
		/*border:1px solid black;*/
	}
	
	/*----------eventdesc section end----------*/
	
	/*----------eventform section start----------*/
	.eventformcontainer{
		width:100%;
		margin:0%;
		/*padding:5% 0%;*/
		display:block;
		/*border:1px solid black;*/
	}
	.eventformbgcontainer{
		width:90%;
		padding:18% 5%;
		/*border:1px solid black;*/
	}
	.eventforminnercontainer{
		width:90%;
		padding:5% 5% 5% 5%;
		/*border:1px solid black;*/
	}
	.eventformtitle{
		/*color:#114b7b;*/
		padding:5% 0% 5% 0%;
		text-align:center;
	}
	.eventformtitle h3{
		font-size:2.9em;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		font-style:normal;
		/*border:1px solid red;*/
	}
	.eventformtable{
		display:table;
	}
	.eventformtr{
		display:table-row;
	}
	.eventformtdlabel{
		width:10%;
		padding:1% 1% 1% 0%;
		display:table-cell;
		white-space:normal;
		font-size:1.8em;
		text-align:right;
		vertical-align:middle;
		/*border:1px solid black;*/
	}
	#eventformmessagelabel{
		vertical-align:top !important;
	}
	.eventformtdinput{
		width:50%;
		padding:1% 2% 1% 2%;
		font-size:1.8em;
		display:table-cell;
		white-space:normal;
		/*border:1px solid black;*/
	}
	#eventformnameinput{
		-webkit-appearance: none;
		-moz-apperance: none;
		appearance:none;
		border-radius:0;
		padding:3% 10px;
		font-size:1em;
		border:1px solid #cc662e;
	}
	#eventformemailinput{
		-webkit-appearance: none;
		-moz-apperance: none;
		appearance:none;
		border-radius:0;
		padding:3% 10px;
		font-size:1em;
		border:1px solid #cc662e;
	}
	#eventformsubjectinput{
		-webkit-appearance: none;
		-moz-apperance: none;
		/*appearance:none;*/
		border-radius:0;
		padding:3% 10px;
		font-size:1em;
		border:1px solid #cc662e;
	}
	
	/*custom select subject*/
	/*the container must be positioned relative:*/
	.custom-select {
		position: relative;
		font-family: Arial;
		width:100%;
	}
	
	.custom-select select {
		display: none; /*hide original SELECT element:*/
	}
	
	.select-selected {
		background-color: transparent;
		font-size:1em;
		width:96%;
		padding:3% 10px;
		border:1px solid #cc662e;
	}
	
	/*style the arrow inside the select element:*/
	.select-selected:after {
		position: absolute;
		content: "";
		top: 30px;
		right: 15px;
		width: 0;
		height: 0;
		border: 23px solid transparent;
		border-color: #000 transparent transparent transparent;
	}
	
	/*point the arrow upwards when the select box is open (active):*/
	.select-selected.select-arrow-active:after {
		border-color: transparent transparent #000 transparent;
		top: 0px;
	}
	
	/*style the items (options), including the selected item:*/
	.select-items div,.select-selected {
		color: #555555;
		padding:3% 10px;
		font-size:1em;
		/*border:1px solid #cc662e;*/
		/*border: 1px solid transparent;
		border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;*/
		cursor: pointer;
		user-select: none;
	}
	
	/*style items (options):*/
	.select-items {
		position: absolute;
		background-color:white;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 99;
	}
	
	/*hide the items when the select box is closed:*/
	.select-hide {
		display: none;
	}
	
	.select-items div:hover, .same-as-selected {
		width:96.5%;
		background-color: rgba(0, 0, 0, 0.1);
	}
	/*custom select subject end*/

	
	.eventformdateinput{
		-webkit-appearance: none;
		-moz-apperance: none;
		appearance:none;
		border-radius:0;
		padding:2% 10px;
		font-size:1em;
		width:50%;
		border:1px solid #cc662e;
	}
	.eventspandateinput{
		/*border:1px solid  black;*/
		padding:2% 0%;
		display:block;
	}
	#eventspandateinputstrip{
		display:none;
	}
	#eventformmessageinput{
		padding:1%;
		font-size:1em;
		border:1px solid #cc662e;
		min-height:300px;
		min-width:200px;
		max-height:700px;
		max-width:900px;
	}
	/*input[type=submit]{
		-webkit-apperance:none;
		appearance:none;
		border:none;
		background-color:none;
	}
	#eventformsubmitbutton{
		padding:1%;
		width:20%;
		border:1px solid #cc662e;
	}*/
	
	#eventformsubmitbutton{
		-webkit-appearance: none;
		-moz-apperance: none;
		appearance:none;
		border-radius:0;
		width:30%;
		text-align:center;
		font-size:1em;
		white-space:nowrap;
		/*margin:1% 30%;*/
		padding:3% 2%;
		color:#cc662e;
		background-color:transparent;
		border:1px solid #cc662e;
		cursor:pointer;
	}
	#eventformsubmitbutton:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	/*----------eventform section end----------*/
	
	/*page event end*/
	
	/*page contact us start*/
	
	/*----------title section start----------*/

	.titlecontactcontainer{
		width:100%;
		margin:0%;
		padding-top:20%;
		display:table;
		/*background-color:#D08E00;*/
		/*position:relative;*/
		/*border:1px solid #e5e1dc;*/
	}
	.titlecontactinnercontainer{
		margin:0% 0%;
		padding:6% 3% 0% 3%;
		width:94%;
		/*border:1px solid blue;*/
		position:relative;
	}
	
	#contactuspagetitlecontainer{
		padding:0% 0% 2% 0%;
		width:100%;
		text-align:center;
		/*border:1px solid black;*/
	}
	#contactuspagetitlecontainer h1{
		font-size:2.8em;
		/*border:1px solid black;*/
	}
	#contactuspagedesccontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		text-align:center;
		font-size:1.3em;
		font-weight:700;
		/*border:1px solid black;*/
	}
	/*-----------title section end-----------*/
	
	/*----------description section start----------*/
	.relativediv{
		display:block;
		position:relative;
		/*border:1px solid green;*/
	}
	.desccontactcontainer{
		width:100%;
		margin:0%;
		display:table;
		/*position:relative;*/
		/*border:1px solid #e5e1dc;*/
		vertical-align:top;
	}
	#descmaincontainer{
		position:relative;
	}
	.desccontactinnercontainer{
		margin:0% 0%;
		padding:0% 3% 0% 3%;
		width:94%;
		/*border:1px solid blue;*/
		position:relative;
		vertical-align:top;
	}
	
	.desccontacttextcontainer{
		width:90%;
		padding:5% 5% 5% 5%;
		/*border:1px solid red;*/
		vertical-align:middle;
		display:inline-block;
	}
	.desccontacttitle{
		font-size:2em;
		font-weight:700 !important;
		font-style:italic;
		/*border:1px solid blue;*/
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		padding:2% 0% 0% 0%;
	}
	.desccontactusimgcontainer{
		/*max-width:25%;*/
		width:90%;
		padding:0% 5% 5% 5%;
		/*border:1px solid purple;*/
		/*display:table-cell;*/
		vertical-align:middle;
		display:inline-block;
		position:relative;
		/*top:0%;
		left:53%;*/
	}
	
	#descimgcontactus{
	}
	#imgcontactus{
		/*height:400px;*/
		/*min-width:430px;
		min-height:400px;
		max-width:500px;
		max-height:800px;*/
		width:100%;
		/*border:1px solid red;*/
		/*box-shadow: 10px 10px 8px rgb(87,87,87,0.5);*/
	}
	
	/*----------description section end----------*/
	
	
	/*----------postcard form section start----------*/
	
	.postcardforminnercontainer{
		padding:0% 2% 18% 2%;
		width:96%;
		/*border:1px solid blue;*/
		display:block;
	}
	.postcardstyle{
		padding:3% 3%;
		width:94%;
		height:1250px;
		display:block;
		background-size:contain;
		background-position:center;
		background-repeat:no-repeat;
	}
	.postcardformcontain{
		padding:1% 2% 4% 2%;
		width:95%;
		font-family:RIGT, Verdana, sans-serif;
		/*border:1px solid #cc662e;*/
		display:block;
	}
	.containerpostcardformleft{
		width:100%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	.formcontainer{
		font-size:1.4em;
		color:#114b7b;
		/*border:1px solid black;*/
		padding:2% 3% 2% 3%;
		width:94%;
		border-right:0px;
	}
	.labelpostcard{
		width:100%;
		/*font-family:RIGT, Verdana, sans-serif;
		font-size:34px;
		font-weight:bold;
		color:#114b7b;
		text-align:center;*/
		padding:0% 0% 2% 0%;
		margin-top:1%;
		display:inline-block;
		/*vertical-align:top;*/
		/*border:1px solid yellow;*/
	}
	#postcardimgccontainer{
		width:38%;
		display:inline-block;
		/*border:1px solid blue;*/
		vertical-align:top;
	}
	#imglabelpostcard{
		/*width:15%;*/
		/*border:1px solid black;*/
	}
	.subjectinputcontainer{
		/*border:1px solid blue;*/
		padding:1% 0%;
	}
	.inputtextstyle{
		border-bottom:1px solid #cc662e;
	}
	.inputlabel{
		display:none;
		width:28%;
		color:black;
		/*display:inline-block;*/
		padding:5px 0px;
		/*border:1px solid yellow;*/
		/*border-bottom:1px solid #cc662e;*/
	}
	.inputcontainer{
		width:98%;
		color:black;
		display:inline-block;
		/*border:1px solid yellow;*/
		padding:2% 0% 0% 0%;
		/*border-bottom:1px solid #cc662e;*/
	}
	#subjectinput{
		width:100%;
		font-size:1.5em;
		color:#000000;
		/*border-bottom:1px solid #cc662e;*/
		padding:2% 1% 0% 1%;
		/*border:1px solid black;*/
	}
	.messagelabelcontainer{
		display:none;
		/*border:1px solid blue;*/
		padding:1% 0%;
		color:#000000;
	}
	.messageinputcontainer{
		/*border:1px solid blue;*/
		padding:1% 0% 3% 0%;
	}
	#messageinput{
		width:100%;
		height:300px;
		max-height:300px;
		max-width:800px;
		font-size:1.5em;
		color:#000000;
		border:1px solid #cc662e;
		padding:2% 3%;
	}
	.fromlabelcontainer{
		/*border:1px solid blue;*/
		padding:1% 0%;
		color:#000000;
	}
	#fromlabelcontainer{
		/*width:5%;*/
		/*font-size:2em;*/
	}
	#imglabelfrom{
		width:20%;
		/*border:1px solid black;*/
	}
	.frominputcontainer{
		/*border:1px solid blue;*/
		/*padding:1% 0% 1% 0%;*/
	}
	#fromnameinput{
		width:100%;
		font-size:1.5em;
		color:#000000;
		/*border-bottom:1px solid #cc662e;*/
		/*border:1px solid blue;*/
		padding:2% 1% 0% 1%;
	}
	#fromemailinput{
		width:100%;
		font-size:1.5em;
		color:#000000;
		/*border-bottom:1px solid #cc662e;*/
		/*border:1px solid blue;*/
		padding:2% 1% 0% 1%;
	}
	.containerpostcardformright{
		display:none;
		width:42%;
		padding:0% 0% 1% 3%;
		/*display:inline-block;*/
		/*border:1px solid black;*/
	}
	.stampcontainer{
		/*border:1px solid blue;*/
		width:60%;
		display:none;
		padding:6% 0% 1% 37.1%;
		text-align:right;
	}
	.mobilestampcontainer{
		/*border:1px solid blue;*/
		width:45%;
		display:inline-block;
		padding:0% 0% 0% 15%;
		text-align:right;
	}
	#postcardimg{
		width:100%;
		max-height:150px;
		/*border:1px solid black;*/
	}
	
	.formlogocontainer{
		width:100%;
		font-size:18px;
		color:#114b7b;
		padding:1% 0%;
		/*border:1px solid blue;*/
		border-bottom:1px solid #cc662e;
	}
	#toimgccontainer{
		width:13%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	#imglabelto{
	}
	#logoform{
		background-image:url(../images/sukasantai-logo-black.png);
		background-size:contain;
		background-position:center;
		background-repeat: no-repeat;
		width:100%;
		height:70px;
		display:inline-block;
		margin:0% 5%;
	}
	.addresscontainer{
		width:90%;
		font-size:1.1em;
		font-style:italic;
		padding:2% 0% 2% 10%;
		/*border:1px solid blue;*/
		border-bottom:1px solid #cc662e;
	}
	.phonecontainer{
		width:90%;
		font-size:1.1em;
		font-style:italic;
		padding:2% 0% 2% 10%;
		/*border:1px solid blue;*/
		border-bottom:1px solid #cc662e;
	}
	/*#phonecontainer a{
		color:#FFFFFF;
	}*/
	#sendbuttoncontainer{
		width:100%;
		padding:3% 0% 2% 0%;
		text-align:right;
		display:none;
		/*border:1px solid blue;*/
	}
	#mobilesendbuttoncontainer{
		width:100%;
		padding:6% 0% 0% 0%;
		text-align:right;
		display:block;
		/*border:1px solid blue;*/
	}
	.sendimgcontainer{
		/*border:1px solid #cc662e;*/
		padding:0% 4% 0% 0%;
	}
	.imgsendbutton{
		border:1px solid #cc662e;
		padding:3% 10%;
		width:15%;
		cursor:pointer;
	}
	.imgsendbutton:hover{
		border:1px solid #cc662e;
		background-color:#cc662e;
		
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	
	/*----------postcard form section end----------*/
	/*page contact us end*/
	
	/*page do start*/
	
	/*----------foreword section start----------*/
	#doforeword{
		background-size:cover;
		-webkit-background-size:cover;
		background-attachment:scroll !important;
		-webkit-background-attachment:scroll !important;
		background-position:center;
		background-repeat:no-repeat;
		position:absolute;
		z-index:2;
		top:0%;
		left:0%;
		width:100%;
		height:100vh;
		height:100%;
	}
	/*----------foreword section end----------*/
	
	/*----------all year round section start----------*/
	#allyearcontainer{
		width:100%;
		display:block;
		padding-top:5%;
		padding-bottom:5%;
		/*border:1px solid black;*/
	}
	#allyearinnercontainer{
		width:90%;
		margin:5% 5%;
		/*border:1px solid black;*/
	}
	#allyeartitlecontainer h3{
		font-size:3.6em;
	}
	#allyeardesccontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		font-size:1.8em;
		font-weight:700;
		/*border:1px solid black;*/
	}
	#allyeartypecontainer{
		width:100%;
		padding:1% 0% 1% 0%;
		/*border:1px solid black;*/
	}
	.allyearimgcontainer{
		display:inline-block;
		margin:0% auto 1% auto;
		padding:0px;
		width: 48.7%;
		/*width: 19.75%;*/
		position:relative;
		/*border:1px solid blue;*/
	}
	.grid-sizer{
		display:inline-block;
		width: 48.7%;
		margin:0px;
		padding:0px;
		/*border:1px solid green;*/
	}
	
	.gutter-sizer {
		display:inline-block;
		width: 1.6%;
	}
	.allyearthumbtextcontainer{
		/*width:80%;*/
		position:absolute;
		top:50%;
		right:0%;
		bottom:50%;
		left:0%;
		/*margin:auto;*/
		z-index:3;
		/*width:80%;
		padding:7% 10%;*/
		opacity:0;
		/*border:1px solid blue;*/
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.hoveredallyearcativitytext{
		opacity:1;
	}
	.unhoveredallyearcativitytext{
		opacity:0;
	}
	.allyearactivitytitle{
		font-size:1.2em;
		font-weight:700;
		color:white;
		padding:5% 0%;
		margin:-11% 0%;
		text-align:center;
		vertical-align:middle;
		/*width:90%;*/
		/*border:1px solid green;*/
	}
	.allyearactivitytext{
		font-size:0.9em;
		color:white;
		/*border:1px solid red;*/
	}
	/*----------all year round  section end----------*/
	
	
	/*----------seasonal section start----------*/
	
	#seasonalcontainer{
		width:100%;
		display:block;
		padding-bottom:5%;
		margin:0% 0% 25% 0%;
	}
	#seasonalinnercontainer{
		width:90%;
		margin:5% 5%;
	}
	#seasonaltitlecontainer h3{
		font-size:3.6em;
		/*border:1px solid black;*/
	}
	#seasonaldesccontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		text-align:center;
		font-size:1.8em;
		font-weight:700;
		/*border:1px solid black;*/
	}
	#seasonaltypecontainer{
		width:100%;
		padding:1% 0%;
		display:block;
		vertical-align:top !important;
		/*border:1px solid black;*/
	}
	.seasonalthumbtablerow{
		display:block;
		vertical-align:top !important;
	}
	.thumbcontainer{
		display:inline-block;
		vertical-align:top !important;
		
		width:49.5%;
	}
	.hoveredthumbcontainer{
		-webkit-filter: brightness(100%);
		-moz-filter: brightness(100%);
		-o-filter: brightness(100%);
		filter: brightness(100%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredthumbcontainer{
		-webkit-filter: brightness(80%);
		-moz-filter: brightness(80%);
		-o-filter: brightness(80%);
		filter: brightness(80%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.thumbimgcontainer{
		width:98%;
		margin:1% 1%;
		height:285px;
		/*border:1px solid black;*/
	}
	/*.eventimg{
		height:50%;
	}*/
	.thumbtextcontainer{
		width:100%;
		padding:1.5% 0% 1.5% 0%;
		text-align:center;
		font-size:1.8em;
		font-weight:700;
		/*border:1px solid black;*/
	}
	
	/*----------seasonal section end----------*/
	/*page do end*/
	
	/*page eat start*/
	
	/*----------foreword section start----------*/
	#eatforeword{
		background-size:cover;
		-webkit-background-size:cover;
		background-attachment:scroll !important;
		-webkit-background-attachment:scroll !important;
		background-position:center;
		background-repeat:no-repeat;
		position:absolute;
		z-index:2;
		top:0%;
		left:0%;
		width:100%;
		height:100vh;
		height:100%;
	}
	/*----------foreword section end----------*/
	
	/*----------eatdesc section start----------*/
	.eatdesccontainer{
		width:100%;
		margin:0%;
		display:block;
		/*border:1px solid black;*/
	}
	.eatdescinnercontainer{
		padding:15% 5%;
		width:90%;
		/*border:1px solid blue;*/
		display:block;
	}
	.eattextcontainer{
		width:100%;
		display:inline-block;
		vertical-align:top;
		line-height:1.5;
	}
	.eatdesctitle{
		padding:2% 0% 2% 0%;
	}
	.eatdesctitle h3{
		font-size:3.2em;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
		font-style:normal;
	}
	.eatdesctext{
		padding:0% 0% 0% 0%;
		font-size:2em;
		line-height:1.8;
		/*letter-spacing:2px;*/
		/*border:1px solid green;*/
	}
	#farmtokitchentext{
		width:100%;
		display:block;
		/*border:1px solid yellow;*/
	}
	.farmtextcontainer{
		width:30%;
		display:inline-block;
		/*border:1px solid black;*/
	}
	.farmtokitchenrow{
		width:100%;
		display:block;
		/*border:1px solid red;*/
	}
	.farmtokitchencolumn{
		width:100%;
		display:block;
		padding:3% 0%;
		/*border:1px solid red;*/
	}
	.farmimgcontainer{
		width:94%;
		padding:10% 3%;
		display:block;
		text-align:center;
		/*border:1px solid green;*/
	}
	.farmimg{
		max-height:400px;
		width:auto;
		/*border:1px solid blue;*/
	}
	#imgfarm3{
		margin:0% 12%;
		width:auto !important;
	}
	.farmtext{
		width:100%;
		padding:0% 0% 7% 0%;
		display:block;
		line-height:1.9;
		/*border:1px solid green;*/
	}
	.subhead{
		font-weight:700;
	}
	.eatimgcontainer{
		width:auto;
		display:inline-block;
		text-align:center;
	}
	.eatimg{
		max-height:360px;
		width:auto;
		/*width:100%;*/
		/*border:1px solid blue;*/
	}
	#imgfarmtokitchen{
		padding:0% 0%;
		/*border:1px solid blue;*/
	}
	#eatimgcontainer{
		width:100%;
		/*padding:0% 5% 0% 5%;*/
		/*border:1px solid purple;
		display:block;*/
	}
	#imgomakase{
		width:39%;
		height:400px;
		display:inline-block;
		vertical-align:top;
		margin-right:1%;;
		/*border:1px solid blue;*/
	}
	#imgomakase2{
		width:59%;
		height:400px;
		display:inline-block;
		vertical-align:top;
		margin-left:0%;
		/*border:1px solid blue;*/
	}
	/*#imgomakasecontainer{
		margin:0% 0% 0% 0%;
	}
	#imgomakase2container{
		margin:0% 0% 0% 1.5%;
	}*/
	#omakasetitle{
		padding:2% 0% 0% 0% !important;
	}
	#imgcooking{
		/*text-align:center;*/
		max-height:400px;
		/*border:1px solid black;*/
	}
	#cookingcontainer{
		width:100%;
		/*border:1px solid black;*/
		vertical-align:top;
		display:block;
	}
	#cookingtextcontainer{
		width:100% !important;
		margin:0% 0% 10% 0%;
		display:block;
		padding:0% 0% 0% 0%;
		/*outline:1px solid black;*/
	}
	/*----------eatdesc section end----------*/
	
	/*content 3 start*/
	
	.content3slidescontainer{
		width:100%;
		height:550px;
		text-align:center;
		vertical-align:middle;
		position:relative;
		display:inline-block;
		margin-bottom:10%;
	}
	.content3slide {
		/*position:absolute;*/
		display: none;
	}
	.slideactive{
		display: block;
	}
	.content3slideimg{
		width:100%;
		height:550px;
		position: relative;
		right: 0;
		top: 0;
	}
	.content3prev {
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 1px;
		z-index:5;
		width: auto;
		margin-top: -60px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 3em;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
	}
	.content3next {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 1px;
		z-index:5;
		width: auto;
		margin-top: -60px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 3em;
		transition: 0.6s ease;
		border-radius: 3px 0 0 3px;
	}
	.content3prev:hover, .content3next:hover {
		color:white;
		background-color: rgba(50,50,50,0.8);
	}
	.content3dotcontainer{
		width:100%;
		position:absolute;
		left: 0%;
		bottom: 5%;
		margin:auto;
		/*z-index:22;*/
	}
	#content3dotinnercontainer{
		width:100%;
		/*margin:0% 30%;*/
		text-align:center; 
		/*border:1px solid green;*/
	}
	.content3dotcheckmark {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin:auto;
		height: 38px;
		width: 38px;
		background-color: none;
		border-radius: 50%;
		border:1px solid white;
	}
	.content3dotcheckmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.radiocontainer .dot:checked ~ .content3dotcheckmark:after {
		display:inline-block;
	}
	.radiocontainer .content3dotcheckmark:after {
		top: 6px;
		left: 6px;
		width: 26px;
		height: 26px;
		border-radius: 50%;
		background: white;
	}
	
	/*content 3 end*/
	
	/*page eat end*/
	
	/*page blog start*/

	#blogmaincontainer{
		width:100% !important;
		position:relative;
	}
	#blogcontainer{
		width:100%;
		padding-top:18.5%;
		display:table;
		/*border:1px solid black;*/
	}
	#bloginnercontainer{
		width:98%;
		margin:1% 1%;
		/*border:1px solid blue;*/
		vertical-align:top;
	}
	#blogpagetitlecontainer{
		padding:10% 0% 2% 0%;
		width:100%;
		text-align:center;
		/*font-size:3.6em;
		font-family:RIGT, Verdana, sans-serif;
		font-weight:bold;
		color:#0F1067;*/
		/*border:1px solid black;*/
	}
	#blogpagetitlecontainer h1{
		/*padding:10% 0% 2% 0%;
		width:100%;
		text-align:center;*/
		font-size:3.6em;
		/*border:1px solid black;*/
	}
	#blogpagedesccontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		text-align:center;
		/*font-size:1.8em;
		font-weight:700;*/
		/*border:1px solid black;*/
	}
	#blogpagedesccontainer h2{
		font-size:1.8em;
		color:#000000;
		font-weight:700;
		/*border:1px solid black;*/
	}

	#blogpagecategorycontainer{
		width:100%;
		/*border:1px solid green;*/
		text-align:center;
		font-size: 0;
		padding:0% 0% 5% 0%;
	}
	.blogcategory{
		display:inline-block;
		width:22%;
		color:#cc662e;
		font-size:34px;
		padding:2% 1%;
		vertical-align:top;
		border:1px solid #ffffff;
		/*border:1px solid #ffffff;*/
		border:1px solid transparent;
		object-fit: contain;
		white-space:nowrap;
		cursor:pointer;
	}
	.blogcategory:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	.activedblogcategory{
		color:#cc662e;
		border:1px solid #cc662e;
	}

	.blogthumbnail{
		position:relative;
		/*border:4px solid purple;*/
	  	width:48.6%;
		height:600px;
		display:inline-block;
		/*margin:8px 5px;*/
		margin:0.5% 0.4%;
		vertical-align:top;
	}
	.blogthumbimg{
		cursor:pointer;
		width:100%;
		height:600px;
		z-index:1;
		/*background-position:center;*/
		background-size:cover;
		
		-webkit-filter: brightness(60%);
		-moz-filter: brightness(60%);
		-o-filter: brightness(60%);
		filter: brightness(60%);
	}
	.hoveredblog{
		-webkit-filter: brightness(40%);
		-moz-filter: brightness(40%);
		-o-filter: brightness(40%);
		filter: brightness(40%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredblog{
		-webkit-filter: brightness(60%);
		-moz-filter: brightness(60%);
		-o-filter: brightness(60%);
		filter: brightness(60%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.blogthumbtextcontainer{
		width:80%;
		position:absolute;
		bottom:0%;
		left:0%;
		z-index:3;
		padding:7% 10%;
		/*border:1px solid blue;*/
	}
	.blogthumbcategory{
		font-size:1.2em;
		color:white;
	}
	.blogthumbtitle{
		font-family:RIGT, Verdana, sans-serif;
		font-size:1.5em;
		font-weight:700;
		/*height:120px;*/
		color:white;
		padding:5% 0%;
		/*border:1px solid green;*/
	}
	.blogthumbtext{
		font-size:1.2em;
		color:white;
		height:170px;
		-webkit-opacity:1.0;
		-moz-opacity:1.0;
		-o-opacity:1.0;
		opacity:1.0;
		/*border:1px solid red;*/
	}
	
	
	
	/*page blog end*/
	
	/*page blog post start*/
	
	/*----------content section start----------*/
	.contentcontainer{
		width:100%;
		padding-top:18%;
		padding-bottom:20%;
		margin:0%;
		display:block;
		/*border:1px solid black;*/
	}
	#blogpostcontentcontainer{
		padding-bottom:0 !important;
	}
	.contentinnercontainer{
		padding:5% 5%;
		width:90%;
		/*border:1px solid blue;*/
		display:block;
	}
	.contenttextcontainer{
		width:100%;
		/*border:1px solid black;*/
		display:inline-block;
		vertical-align:top;
	}
	.contenttextcontainer a{
		color:#cc662e;
	}
	.contenttextcontainer a:hover{
		color:blue;
		text-decoration:underline;
	}
	.contenttitle{
		/*border:1px solid red;*/
		text-align:center;
		padding:2% 0% 2% 0%;
	}
	.categorytitle{
		font-size:1.8em;
		color:#888888;

	}
	.blogposttitle{
		padding:2% 0% 1% 0%;
	}
	.blogposttitle h1{
		font-size:3.4em;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
	}
	.datepost{
		font-size:1.7em;
		color:#888888;
		padding:0% 0% 2% 0%;
	}
	.contenttext{
		padding:0% 0% 0% 0%;
		font-size:1.9em;
		line-height:1.5;
		vertical-align:top;
	}
	
	.contenttext h2{
		font-size:1.3em;
	}
	
	.contenttext h3{
		font-size:1.05em;
	}
	
	.contenttext h4{
		font-size:0.9em;
	}
	
	.blogcontentlayer{
		width:100%;
		/*border:1px solid red;*/
		display:block;
		vertical-align:top;
	}
	
	#blogposttextcontainer1{
		width:53.5%;
		display:inline-block;
		padding:3% 4%;
		/*border:1px solid black;*/
	}
	#blogposttextcontainer2{
		width:44%;
		display:inline-block;
		padding:2% 4% 2% 4%;
		/*border:1px solid black;*/
	}
	#blogposttextcontainer3{
		width:92%;
		display:inline-block;
		padding:2% 4%;
		/*border:1px solid blue;*/
	}
	#blogcontentimgcontainer1{
		width:36%;
		display:inline-block;
		padding:2% 0% 2% 0%;
		vertical-align:top;
		/*border:1px solid blue;*/
	}
	#blogcontentimgcontainer2{
		width:46%;
		display:inline-block;
	}
	#blogcontentimgcontainer3{
		width:100%;
		display:inline-block;
		vertical-align:top;
	}
	/*----------content section end----------*/
	
	/*----------otherblog section start----------*/
	
	#otherblogcontainer{
		width:100%;
		display:block;
		/*border:1px solid black;*/
	}
	#otherbloginnercontainer{
		width:84%;
		margin:0% 8% 0% 8%;
		padding:3% 0% 4% 0%;
		border-top:2px solid #cc662e;
		border-bottom:2px solid #cc662e;
		/*border:1px solid green;*/
	}
	#otherblogtitlecontainer{
		padding:2% 0% 2% 0%;
		width:100%;
		font-size:2.8em;
		/*border:1px solid black;*/
	}
	#otherblogtypecontainer{
		width:100%;
		display:table;
	}
	#otherblogtypecontainer a{
		color:#000000;
	}
	.otherblogthumbtablerow{
		display:table-row;
		/*border:1px solid green;*/
	}
	.otherblogthumbcell{
		display:table-cell;
		width:25%;
		/*border:1px solid blue;*/
	}
	.otherblogthumbcontainer{
		width:90%;
		/*padding:2% 5%;*/
		margin:3% 5%;
		cursor:pointer;
		/*border:1px solid red;*/
	}
	.otherblogthumbimg{
		width:auto;
		padding:0% 5%;
		height:150px;
	}
	.otherblogthumbtext{
		width:100%;
		padding:3% 0%;
		text-align:center;
		font-weight:700;
		font-size:1.3em;
		/*border:1px solid black;*/
	}
	
	/*----------otherblog section end----------*/
	
	/*----------tags section start----------*/
	.tagscontainer{
		width:100%;
		margin:0%;
		padding-bottom:15%;
		display:block;
		/*border:1px solid black;*/
	}
	.tagsinnercontainer{
		padding:3% 20% 5% 20%;
		width:60%;
		/*border:1px solid blue;*/
		display:block;
	}
	.tagstextcontainer{
		width:100%;
		display:inline-block;
		vertical-align:top;
	}
	.tagstext{
		padding:0% 0% 0% 0%;
		font-size:1.6em;
		/*border:1px solid green;*/
	}
	.tagstext a{
		color:#cc662e;
	}
	.tagstext a:hover{
		color:blue;
		text-decoration:underline;
	}
	/*----------tags section end----------*/
	
	/*page blog post end*/
	
	/*page sleep start*/
	
	/*----------foreword section start----------*/
	#sleepforeword{
		background-size:cover;
		-webkit-background-size:cover;
		background-attachment:scroll !important;
		-webkit-background-attachment:scroll !important;
		background-position:center;
		background-repeat:no-repeat;
		position:absolute;
		z-index:2;
		top:0%;
		left:0%;
		width:100%;
		height:100vh;
		height:100%;
	}
	/*----------foreword section end----------*/
	
	/*----------room section start----------*/
	
	#roomcontainer{
		width:100%;
		display:block;
		/*border:1px solid black;*/
	}
	#roomtitlecontainer h3{
		font-size:3.6em;
		/*border:1px solid black;*/
	}
	#roomdesccontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		text-align:center;
		font-size:1.8em;
		font-weight:700;
		/*border:1px solid black;*/
	}
	#roomtypecontainer{
		width:100%;
		padding:1% 0%;
		/*border:1px solid black;*/
	}
	.roomthumbcontainer{
		/*display:inline-block;*/
		display:inline-block;
		width:44.5%;
		padding:2% 2.2%;
		cursor:pointer;
		/*margin:1% 2.2%;*/
		/*border:1px solid black;*/
	}
	.hoveredroomthumbcontainer{
		-webkit-filter: brightness(110%);
		-moz-filter: brightness(110%);
		-o-filter: brightness(110%);
		filter: brightness(110%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredroomthumbcontainer{
		-webkit-filter: brightness(100%);
		-moz-filter: brightness(100%);
		-o-filter: brightness(100%);
		filter: brightness(100%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.roomthumbimgcontainer{
		width:100%;
		/*width:auto;*/
		height:220px;
		/*border:1px solid black;*/
	}
	.roomthumbtextcontainer{
		width:100%;
		/*text-align:center;*/
		font-size:2em;
		padding:2% 2.2%;
		/*border:1px solid black;*/
	}
	.floorcontainer{
		width:100%;
		padding:2% 0%;
		/*border:1px solid black;*/
	}
	.floortitle{
		width:100%;
		font-size:2.2em;
		font-weight:bold;
		/*border:1px solid black;*/
	}
	.floorroomtype{
		width:90%;
		padding-left:10%;
		/*font-size:1.4em;*/
		display:block;
		/*border:1px solid black;*/
	}
	.floorroomtablerow{
		display:block;
	}
	
	/*----------room section end----------*/
	
	/*----------popup room detail section start----------*/
	#roomdetailcontainer{
		width:100%;
		height:100%;
		top:0;
		left:0;
		display:none;
		position:fixed;
		/*background-color: rgba(51,0,0,.9);*/
		/*background-color: rgba(51,51,51,.9);*/
		overflow:auto;
		z-index:50;
	}
	#roomdetailbox{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		width:850px;
		height:1100px;
		padding:2% 2% 0% 2%;
		border:1px solid gray;
		/*border-radius:5px;*/
		background-color:#FFFFFF;
		overflow:auto;
	}
	.divclosebutton{
		width:100%;
		margin-top:1%;
		/*border:1px solid black;*/
		position:relative;
	}
	.xbutton{
		width:50px;
		height:50px;
		background:url(../images/icon/x-button.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
		/*padding:5%;*/
		text-align:center;
		position:absolute;
		top:0%;
		right:0%;
		z-index:22;
		/*font-size:1.2em;*/
		cursor:pointer;
		/*border:1px solid red;*/
	}
	.roomdetailmaincontainer{
		padding:7% 5%;
		width:90%;
	}
	
	.roomdetailmaincontainer table{
		font-size:36px !important;
		/*font-size:1em;*/
	}
	.roomdetailmaincontainer ul{
		font-size:36px !important;
		/*font-size:1em;*/
	}
	
	.roomimgslidescontainer{
		width:100%;
		text-align:center;
		vertical-align:middle;
		/*border:1px solid cyan;*/
		position:relative;
		display:inline-block;
		
	}
	.roomslide {
		/*position:absolute;*/
		display: none;
	}
	.slideactive{
		display: block;
	}
	.roomslideimg{
		width:100%;
		height:520px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
		/*border:1px solid black;*/
	}
	.roomprev {
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 1px;
		z-index:22;
		width: auto;
		margin-top: -55px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 3em;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
	}
	.roomnext {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 1px;
		z-index:22;
		width: auto;
		margin-top: -55px;
		padding: 16px;
		color: #114b7b;
		font-weight: bold;
		font-size: 3em;
		transition: 0.6s ease;
		border-radius: 3px 0 0 3px;
	}
	.roomprev:hover, .roomnext:hover {
		color:white;
		background-color: rgba(50,50,50,0.8);
	}
	.roomdotcontainer{
		width:100%;
		/*border:1px solid yellow;*/
		margin:-8% 0% 0% 0%;
		/*padding:3% 35% 3% 35%;*/
		z-index:22;
	}
	#roomdotinnercontainer{
		width:100%;
		/*margin:0% 30%;*/
		text-align:center; 
		/*border:1px solid green;*/
	}
	.roomdotcheckmark {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin:auto;
		height: 38px;
		width: 38px;
		background-color: none;
		border-radius: 50%;
		border:1px solid white;
	}
	.roomdotcheckmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.radiocontainer .dot:checked ~ .roomdotcheckmark:after {
		display:inline-block;
	}
	.radiocontainer .roomdotcheckmark:after {
		top: 6px;
		left: 6px;
		width: 26px;
		height: 26px;
		border-radius: 50%;
		background: white;
	}
	
	.roomdetailleftcontainer{
		width:100%;
		display:inline-block;
	}
	.roomdetailleftcontainer table{
	}
	.roomdetailleftcontainer ul{
		/*font-size:1em;*/
	}
	
	.roomdetailtextcontainer{
		padding-top:10%;
		/*border:1px solid black;*/
	}
	.roomnametitle{
		padding:7% 0% 2% 0%;
		width:100%;
		/*font-size:1.4em;*/
		font-weight:bold;
		color:#114b7b;
		/*border:1px solid red;*/
	}
	.roomdesctext{
		width:100%;
		line-height:1.5;
		/*border:1px solid yellow;*/
		padding:0% 0% 5% 0%;
		/*font-size:1em;*/
	}
	
	.roomdetailrightcontainer{
		width:100%;
		padding:0% 0% 0% 0%;
		/*border:1px solid blue;*/
		display:inline-block;
		text-align:left;
	}
	.roomdetailrightcontainerright{
	}
	.roomdetailrightcontainer table{
	}
	.roomdetailrightcontainer ul{
	}
	
	
	/*---------popup pictures start---------*/
	#popupictures{
		display:none;
		position:fixed;
		top:0px;
		background-color:rgba(0,0,0,1.0);
		height:100%;
		height:101vh;
		width:100%;
		color:#fff;
		z-index:30;
		/*border:1px solid white;*/
	}
	#popupicturesfill{
		display:table-cell;
		width:8%;
		padding:1%;
		vertical-align:top;
		text-align:right;
		font-size:1.5em;
		cursor:pointer;
		position:relative;
		/*border:1px solid yellow;*/
	}
	#popupicturescontainer{
		display:table-cell;
		padding:0px;
		width:80%;
		height:100%;
		vertical-align:middle;
		text-align:center;
	}
	#popupicturescontainer img{
		width:auto;
		height:auto;
	}
	#xbuttonpopupimg{
		width:50px !important;
		height:50px !important;
		margin:5% 3%;
		
		-webkit-filter: invert(100%);
		-moz-filter: invert(100%);
		-o-filter: invert(100%);
		filter: invert(100%);
	}
	.previmgdetail {
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 0%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: white;
		font-weight: bold;
		font-size: 3em;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
		z-index:32;
	}
	.nextimgdetail {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 0%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: white;
		font-weight: bold;
		font-size: 3em;
		transition: 0.6s ease;
		border-radius: 3px 0 0 3px;
		z-index:32;
	}
	.previmgdetail:hover, .nextimgdetail:hover {
	  background-color: rgba(50,50,50,0.8);
	}
	/*---------popup pictures end---------*/
	
	/*----------popup room detail section end----------*/
	
	/*----------facilities section start----------*/
	
	#facilitiescontainer{
		width:100%;
		display:block;
		/*background-color:blue;*/
		/*border:1px solid black;*/
		
	}
	#facilitiesinnercontainer{
		width:80%;
		margin:3% 10% 5% 10%;
		/*border:1px solid blue;*/
	}
	#facilitiestitlecontainer{
		padding:0% 0% 2% 0%;
		width:100%;
		text-align:center;
	}
	#facilitiestitlecontainer h3{
		font-size:3.6em;
		/*border:1px solid red;*/
	}
	#facilitiesdesccontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		font-size:1.8em;
		/*border:1px solid black;*/
	}
	#facilitiestypecontainer{
		width:100%;
		padding:1% 0%;
		/*border:1px solid magenta;*/
		display:block;
		vertical-align:top;
	}
	.facilthumbnailtablerow{
		display:block;
		vertical-align:top;
	}
	.facilthumbcontainer{
		display:inline-block;
		width:48%;
		vertical-align:top;
	}
	.facilthumbimgcontainer{
		width:50%;
		height:140px;
		margin:15% 22%;
		padding:3%;
		cursor:pointer;
		/*border:1px solid cyan;*/
		
		-webkit-filter: brightness(0%);
		-moz-filter: brightness(0%);
		-o-filter: brightness(0%);
		filter: brightness(0%);
	}
	.hoveredfacilthumbnailimg{
		-webkit-filter: brightness(100%);
		-moz-filter: brightness(100%);
		-o-filter: brightness(100%);
		filter: brightness(100%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.unhoveredfacilthumbnailimg{
		-webkit-filter: brightness(0%);
		-moz-filter: brightness(0%);
		-o-filter: brightness(0%);
		filter: brightness(0%);
		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.facilthumbtextcontainer{
		width:100%;
		text-align:center;
		font-size:1.8em;
		vertical-align:top;
		/*font-weight:700;*/
		/*border:1px solid purple;*/
	}
	
	/*----------facilities section end----------*/
	
	/*----------faq section end----------*/

	.faqcontainer{
		width:100%;
		margin:0% 0% 18% 0%;
		display:block;
	}
	.faqinnercontainer{
		padding:0% 5% 20% 5%;
		width:90%;
		display:block;
	}
	.faqtextcontainer{
		width:100%;
		/*padding:0% 0% 2% 0%;*/
		/*border:1px solid black;*/
		display:inline-block;
		vertical-align:top;
	}
	.faqtext{
		padding:0% 0% 0% 0%;
		font-size:1.8em;
		text-align:center;
		/*border:1px solid green;*/
	}
	.faqtext a{
		color:#cc662e;
		/*text-decoration:underline;*/
	}
	/*.faqtext a:hover{
		border-bottom:1px solid #cc662e;
	}*/
	/*----------faq section end----------*/
	/*page sleep end*/
	
	/*page faq start*/

	.title{
		padding:2% 0% 3% 0%;
	}
	.title h1{
		font-size:3.2em;
		font-weight:bold;
		font-family:RIGT, Verdana, sans-serif;
		color:#114b7b;
	}
	
	/*page faq end*/
	/*page sitemap start*/

	.sitemaptitle{
		font-size:2.4em;
		font-weight:bold;
	}

	/*page sitemap end*/
	/*page career start*/
	
	.careertitle{
		font-size:2.4em;
		font-weight:bold;
	}
	
	/*page career end*/
	/*page how to get here start*/

	.howgetheretitle{
		font-size:2.4em;
		font-weight:bold;
	}

	/*page how to get here end*/
	/*page term & condition start*/

	.termcondtitle{
		font-size:2.4em;
		font-weight:bold;
	}

	/*page term & condition end*/
	
	
	/*page media start*/
	
	#mediacontentcontainer{
		padding-bottom:0 !important;
	}

	/*----------mediaform section start----------*/
	.mediaformcontainer{
		/*width:100%;*/
		margin:0%;
		padding-bottom:20%;
		display:table;
		/*border:1px solid black;*/
	}
	.mediaforminnercontainer{
		padding:5% 5%;
		width:90%;
		display:block;
	}
	#mediaformbg{
		padding:3%;
		width:94%;
		background:rgba(204, 144, 112, 0.1);
	}
	.mediaformtitle{
		font-size:2.2em;
		font-weight:bold;
		text-align:center;
		/*border:1px solid red;*/
		color:#114b7b;
		padding:2% 0% 2% 0%;
	}
	.mediaformtable{
		display:table;
	}
	.mediaformtr{
		display:table-row;
	}
	.mediaformtd{
		display:table-cell;
	}
	.mediaforminnertable{
		width:100%;
		display:table;
		/*border:1px solid black;*/
	}
	.notfulltable{
		width:100% !important;
	}
	.mediaforminnertr{
		display:table-row;
	}
	.mediaforminnertdlabel{
		width:50%;
		padding:2%;
		display:table-cell;
		white-space:normal;
		
		font-size:1.9em;
		text-align:right;
		vertical-align:top;
		/*border:1px solid black;*/
	}
	.mediaforminnertdinput{
		width:50%;
		padding:2%;
		display:table-cell;
		font-size:1.9em;
		white-space:normal;
		vertical-align:middle;
		/*border:1px solid black;*/
	}
	.formtextinput{
		padding:3%;
		font-size:1em;
		color:#cc662e;
		border:1px solid #cc662e !important;
	}
	/*.formtextinput:hover, .formtextinput:active{
		color:#cc662e;
	}*/
	.formemailinput{
		padding:3%;
		font-size:1em;
		color:#cc662e;
		border:1px solid #cc662e !important;
	}
	.checkboxspan{
	}
	.formcheckboxinput{
		white-space:nowrap;
		width:4em;
		height:4em;
		vertical-align:middle;
		/*width:auto;*/
		border:1px solid #cc662e;
	}
	.formsubmitbuttoninput{
		width:30%;
		text-align:center;
		font-size:2em;
		white-space:nowrap;
		margin:2% 0%;
		padding:3% 5%;
		color:#cc662e;
		background-color:transparent;
		border:1px solid #cc662e;
		cursor:pointer;
	}
	.formsubmitbuttoninput:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	#mediaformpermission{
		width:100% !important;
		text-align:left !important;
	}
	#mediaformagreement{
		width:100% !important;
		text-align:left !important;
	}
	/*----------mediaform section end----------*/
	/*page media end*/
	
	/*page book yor experience start*/
	/*----------bookexpform section start----------*/
	.bookexpformcontainer{
		width:100%;
		margin:0%;
		/*padding:5% 0%;*/
		display:block;
		/*border:1px solid black;*/
	}
	.bookexpformbgcontainer{
		width:90%;
		padding:30% 5% 25% 5%;
		/*border:1px solid black;*/
	}
	.bookexpforminnercontainer{
		width:90%;
		padding:5% 5% 5% 5%;
		/*border:1px solid black;*/
	}
	.bookexpformtitle{
		padding:0% 0% 2% 0%;
		width:100%;
		text-align:center;
		font-size:3.6em;
		font-family:RIGT, Verdana, sans-serif;
		font-weight:bold;
		color:#0F1067;
		/*border:1px solid black;*/
	}
	.bookexpformdesc{
		width:100%;
		padding:0% 0% 5% 0%;
		text-align:center;
		font-size:1.8em;
		font-weight:700;
		/*border:1px solid black;*/
	}
	.bookexpformtable{
		display:table;
	}
	.bookexpformtr{
		display:table-row;
	}
	.bookexpformtdlabel{
		width:10%;
		padding:1% 1% 1% 0%;
		display:table-cell;
		white-space:normal;
		font-size:1.8em;
		text-align:right;
		vertical-align:middle;
		/*border:1px solid black;*/
	}
	#bookexpformmessagelabel{
		vertical-align:top !important;
	}
	.bookexpformtdinput{
		width:50%;
		padding:1% 2% 1% 2%;
		font-size:1.8em;
		display:table-cell;
		white-space:normal;
		/*border:1px solid black;*/
	}
	#bookexpformnameinput{
		-webkit-appearance: none;
		-moz-apperance: none;
		appearance:none;
		border-radius:0;
		padding:3% 10px;
		font-size:1em;
		border:1px solid #cc662e;
	}
	#bookexpformemailinput{
		-webkit-appearance: none;
		-moz-apperance: none;
		appearance:none;
		border-radius:0;
		padding:3% 10px;
		font-size:1em;
		border:1px solid #cc662e;
	}
	.bookexpformdateinput{
		-webkit-appearance: none;
		-moz-apperance: none;
		appearance:none;
		border-radius:0;
		padding:2% 10px;
		font-size:1em;
		width:50%;
		border:1px solid #cc662e;
	}
	.bookexpspandateinput{
		/*border:1px solid  black;*/
		padding:2% 0%;
		display:block;
	}
	#bookexpspandateinputstrip{
		display:none;
	}
	#bookexpformmessageinput{
		padding:1%;
		font-size:1em;
		border:1px solid #cc662e;
		min-height:300px;
		min-width:200px;
		max-height:700px;
		max-width:900px;
	}
	#bookexpformsubmitbutton{
		-webkit-appearance: none;
		-moz-apperance: none;
		appearance:none;
		border-radius:0;
		width:30%;
		text-align:center;
		font-size:1em;
		white-space:nowrap;
		/*margin:1% 30%;*/
		padding:3% 2%;
		color:#cc662e;
		background-color:#ffffff;
		border:1px solid #cc662e;
		cursor:pointer;
	}
	#bookexpformsubmitbutton:hover{
		color:#ffffff;
		background-color:#cc662e;
		border:1px solid #cc662e;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	/*----------bookexpform section end----------*/
	/*page book yor experience end*/
	
	
	/*===================update 21102019==========================*/
	
	.sukasantai_bgimgforeword{
		background-size:cover;
		-webkit-background-size:cover;
		background-attachment:scroll !important;
		-webkit-background-attachment:scroll !important;
		background-repeat:no-repeat;
		/*-webkit-filter: brightness(95%);
		filter: brightness(95%);*/
		position:absolute;
		z-index:2;
		/*top:0%;
		left:0%;*/
		width:100%;
		height:100%;
		height:100vh;
	}
	
	/*page rent-a-farm start*/
	
	/*----------rentfarm section start----------*/
	
	.sukasantai_container{
		width:100%;
		margin:auto;
		/*outline:1px solid black;*/
	}
	.sukasantai_innercontainer{
		padding:0% 10% 3% 10%;
		width:80%;
		/*outline:1px solid blue;*/
	}
	.sukasantai_innercontainertop{
		padding:0% 0% 3% 0%;
		width:100%;
		/*outline:1px solid blue*/;
	}
	.sukasantai_table{
		width:100%;
		display:block;
		/*outline:1px solid black;*/
	}
	
	.sukasantai_halfcontainer{
		display:block;
		width:100%;
		padding:0% 0%;
		font-size:1.8em;
		font-weight:700;
		/*outline:1px solid black;*/
	}
	.sukasantai_halftleft{
		border-right:none;
	}
	
	.sukasantai_halfright{
		width:80%;
		padding:0% 10%;
		/*outline:1px solid red;*/
	}
	.sukasantai_halfcontainerbelow{
		padding:0% 10%;
		width:80%;
		/*outline:1px solid green;*/
	}
	.sukasantai_bluebox{
		width:100%;
		margin:0% 0% 10% 0%;
		/*padding:5% 0%;*/
		font-size:1.2em;
		/*outline:1px solid orange;*/
	}
	.sukasantai_bluebox table{
		width:86%;
		white-space:nowrap;
		/*outline:1px solid white;*/
	}
	.rentfarmpastevents{
		width:100%;
		margin:auto;
		padding-bottom:22%;
		/*outline:1px solid yellow;*/
	}
	
	#rentfarmpasteventstitle{
		margin:30% 0% 5% 0%;
		width:100%;
		/*background-color:#114b7b;*/
	}
	#rentfarmpasteventstitle h3{
		color:#ffffff;
		font-size:3.6em;
	}
	.pasteventslideshow {
		display:block ;
		width:100%;
	}
	.pasteventslideshow .flexslider div li {
		background-size: cover;
		background-repeat:no-repeat;
		background-position:50% 50%;
		height:700px;
	}
	
	.pasteventdesc{
		width:96%;
		margin:5% 2% 5% 2%;
		/*outline:1px solid white;*/
	}
	.pasteventdesctext{
		display:table-cell;
		padding:0% 0% 0% 7%;
		font-size:1.5em;
		font-weight:700;
		/*outline:1px solid black;*/
	}
	.pasteventdesctext h2{
		color:#ffffff !important;
	}
	#pasteventgallery {
		width:100% !important;
		padding:0% !important;
		/*outline:1px solid black;*/
	}
	#pasteventgallery:before {
		border-bottom:2px solid #114b7b;
	}
	#innerpasteventgallery {
		width:100% !important;
		padding:0% !important;
		background-color:#114b7b;
		color:#ffffff;
		/*outline:1px solid black;*/
	}
	/*----------rentfarm section start----------*/
	
	/*----------eventcustom section start----------*/
	
	#eventcustomcontainer{
		width:100%;
		display:table;
		padding-bottom:5%;
		margin:0% 0% 20% 0%;
		/*outline:1px solid black;*/
	}
	#eventcustomcontainer:before {
		content : "";
		position: absolute;
		left    : 0;
		bottom  : 0;
		height  : 1px;
		width   : 70%;
		margin  : 0% 15%;
		border-bottom:2px solid #114b7b;
	}
	#eventcustominnercontainer{
		width:90%;
		margin:5% 5%;
		padding-bottom:3%;
		/*outline:1px solid black;*/
	}
	#eventcustomtitlecontainer{
		padding:2% 0% 1% 0%;
		width:100%;
		text-align:center;
		/*outline:1px solid black;*/
	}
	#eventcustomtitlecontainer h3{
		font-size:3.6em;
		/*border:1px solid black;*/
	}
	#eventcustomdesccontainer{
		width:100%;
		padding:0% 0% 5% 0%;
		font-size:1.8em;
		font-weight:700;
		/*outline:1px solid black;*/
	}
	#eventcustomtypecontainer{
		width:80%;
		padding:1% 0%;
		display:block;
		margin:auto;
		/*border:1px solid black;*/
	}
	.eventcustomthumbcontainer{
		display:inline-block;
		width:46%;
		height:260px;
		margin:2%;
		/*outline:1px solid blue;*/
	}
	.thumbimgcontainer{
		width:100%;
		margin:1% 2%;
		height:260px;
		/*outline:1px solid black;*/
	}
	
	/*----------eventcustom section end----------*/
	
	/*page rent-a-farm end*/
	
	/*page our story start*/
	
	/*#storyforeword{
		background-size:cover;
		-webkit-background-size:cover;
		background-attachment:scroll !important;
		-webkit-background-attachment:scroll !important;
		background-position:center;
		background-repeat:no-repeat;
		position:absolute;
		z-index:2;
		top:0%;
		left:0%;
		width:100%;
		height:100vh;
		height:100%;
	}*/
	#ourstorycontent{
		margin-bottom:25%;
		/*outline:1px solid black;*/
	}
	.storydesccontainer{
		width:100%;
		margin:0%;
		display:table;
		/*border:1px solid black;*/
	}
	.storydescinnercontainer{
		padding:7% 5%;
		width:90%;
		/*border:1px solid blue;*/
		display:block;
	}
	.storytextcontainer{
		width:80%;
		margin:0% 10%;
		font-size:1.8em;
		font-weight:500;
		/*outline:1px solid black;*/
	}
	
	/*page our story end*/
	
	/*page rates start*/
	
	/*#ratesforeword{
		background-size:cover;
		-webkit-background-size:cover;
		background-attachment:scroll !important;
		-webkit-background-attachment:scroll !important;
		background-position:center;
		background-repeat:no-repeat;
		position:absolute;
		z-index:2;
		top:0%;
		left:0%;
		width:100%;
		height:100vh;
		height:100%;
	}*/
	
	.sukasantai_titlecontainer{
		padding:2% 0% 0% 0%;
		width:100%;
		text-align:center;
	}
	.sukasantai_titlecontainer h3{
		font-size:3.6em;
		/*border:1px solid red;*/
	}
	.sukasantai_desccontainer{
		padding:0% 0% 2% 0%;
		font-size:1.8em;
		font-weight:700;
		/*border:1px solid black;*/
	}
	
	#ratesimgcontainer{
		width:100%;
		display:none;
		/*outline:1px solid black;*/
	}
	
	#ratesimgcontainer img{
		height:150px;
		float:right;
		/*outline:1px solid blue;*/
	}
	
	/*----------farmplus section start----------*/
	.ratesthumbnail{
		position:relative;
		width:46%;
		height:500px;
		display:inline-block;
		margin:2% 1.5%;
		vertical-align:top;
		/*outline:1px solid red;*/
	}
	.ratesthumbnail:before{
		content : "";
		position: absolute;
		left    : 0;
		top 	: 0;
		height  : 0;
		width   : 100%;
		z-index : 5;
		border-top:40px solid #114b7b;
	}
	.ratesthumbimg{
		cursor:pointer;
		width:100%;
		height:500px;
		z-index:-1;
		background-size:cover;
	}
	
	.ratesthumbtextcontainer{
		width:78%;
		height:80%;
		position:absolute;
		bottom:0%;
		left:0%;
		z-index:3;
		display:table;
		vertical-align:bottom;
		padding:20% 10% 5% 10%;
		/*outline:1px solid blue;*/
	}
	
	.ratesthumbtitle{
		display:table-row;
		font-family:RIGT, Verdana, sans-serif;
		font-size:34px;
		font-weight:700;
		color:white;
		height:100%;
		padding:5% 0%;
		/*outline:1px solid green;*/
	}
	.ratesthumbtext{
		display:table-row;
		font-size:22px;
		color:white;
		height:auto;
		text-align:center;
		vertical-align:bottom;
		padding:20% 0%;
		/*outline:1px solid red;*/
		
		-webkit-opacity:1.0;
		-moz-opacity:1.0;
		-o-opacity:1.0;
		opacity:1.0;
	}
	.ratesthumbtext span{
		font-size:14px;
	}
	
	/*farmplusdetail start*/
	#farmplusdetailcontainer{
		width:100%;
		height:100%;
		top:0;
		left:0;
		display:none;
		position:fixed;
		background-color: rgba(51,51,51,.9);
		overflow:hidden;
		z-index:50;
	}
	#farmplusdetailbox{
		margin:auto;
		width:90%;
		height:65vh;
		padding:2% 2% 0% 2%;
	}
	
	#farmplusdetailmaincontainer{
		padding:5%;
		width:90%;
		font-size:1.8em;
		/*outline:1px solid green;*/
	}
	/*farmplusdetail end*/
	
	
	/*----------farmplus section end----------*/
	
	/*----------transport section end----------*/
	#transporttabletitle{
		width:100%;
		text-align:center;
	}
	#transporttable{
		width:80%;
		margin:auto;
		padding:0% 0% 5% 0%;
		text-align:center;
		font-size:20px;
		font-weight:700;
		/*outline:1px solid black;*/
	}
	
	.transporthalf table{
		width:100%;
		margin:auto;
		text-align:left;
		vertical-align:top;
		/*outline:1px solid black;*/
	}
	
	/*----------transport section end----------*/
	
	#ratespromo{
		margin-bottom:25%;
		/*outline:1px solid blue;*/
	}
	
	#ratespromocontainer{
		width:96%;
		padding:2% 2% 10% 2%;
		/*outline:1px solid blue;*/
	}
	
	#ratespromocontainer img{
		margin:2% 0%;
		width:100%;
		/*outline:1px solid black;*/
	}
	
	/*promodetail start*/
	#promodetailbox{
		margin:auto;
		width:90%;
		height:65vh;
		padding:2% 2% 0% 2%;
	}
	
	#promodetailmaincontainer{
		padding:5%;
		width:90%;
		font-size:1.8em;
		/*outline:1px solid green;*/
	}
	/*promodetail end*/
	
	/*page rates end*/
	
	.lastcontent{
		margin-bottom:12%;
	}
	
	/*==================================================*/
	
	
	/*payment start*/
	.containerPayment {
	  padding-left: 55px;
	  margin-bottom: 25px;
	  height:150px;
	}
	.containerPaymentImage{
		right:20px;
	}
	
	.containerPaymentImage img{
		height:35px;
		margin-left:18px;
	}
	.checkmark {
		top: 65px;
	}
	.paymentButtonStyle {
		padding:25px 40px; 
	}
	.qrisImage
	{
		width:40%;
	}
	/*payment end*/

}

@media screen and (max-width: 740px) and (orientation: landscape) {

}

@media screen and (max-width: 740px) and (orientation: portrait) {

}

@media screen and (max-width: 667px) and (orientation: landscape) {

}

@media screen and (max-width: 568px) and (orientation: landscape) {

}

@media screen and (max-width: 540px) and (orientation: portrait) {

}

@media screen and (max-width: 480px) and (orientation: landscape) {

}

@media screen and (max-width: 480px) and (orientation: portrait) {

}

@media screen and (max-width: 320px) and (orientation: landscape) {
    
}

@media screen and (max-width: 320px) and (orientation: portrait) {
   
}