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



/*h2{
	font-size:26px;
	font-weight:normal;
	font-family:RIGT, Verdana, sans-serif;
	color:#114b7b;
}

h3{
	font-size:21px;
	font-weight:500;
	font-family:Ducosky, Arial, sans-serif;
	color:rgba(17,75,123,1.00);
	color:hsla(207,75.7%,25.7%,1.00);
	font-style:italic;
}

h4{
	font-size:18px;
	font-weight:normal;
	font-family:Ducosky, Arial, sans-serif;
	color:#114b7b;
}*/

/*h3{
	font-size:26px;
	font-weight:normal;
	font-family:RIGT, Verdana, sans-serif;
	color:#cc662e;
}*/

.ckeditor h2{
	font-size:26px;
	font-weight:normal;
	font-family:RIGT, Verdana, sans-serif;
	color:#114b7b;
}

.ckeditor h3{
	font-size:21px;
	font-weight:500;
	font-family:Ducosky, Arial, sans-serif;
	color:rgba(17,75,123,1.00);
	color:hsla(207,75.7%,25.7%,1.00);
	font-style:italic;
}

.ckeditor h4{
	font-size:18px;
	font-weight:normal;
	font-family:Ducosky, Arial, sans-serif;
	color:#114b7b;
}

.ckeditor hr {
	width:10%;
	float:left;
	border-bottom:2px solid #114b7b;
}

.textcapitalize{
	text-transform:uppercase;
	letter-spacing:1px;
}

.leftcontainer{
	width:50%;
	/*border:1px solid black;*/
	display:table-cell;
	position:relative;
}
.rightcontainer{
	width:50%;
	/*border:1px solid black;*/
	display:table-cell;
}
.maincontainerall{
	max-width:1200px;
	min-width:1200px;
	/*border:1px solid black;*/
	position:relative;
}
#maincontainer{
	width:100%;
	height:100vh;
	display:block;
	/*max-width:1200px;
	min-width:1200px;*/
	/*outline:10px solid black;*/
	position:relative;
	/*overflow:auto;*/
}
#innerbgcontainer{
	width:100%;
	/*border:1px solid black;*/
	position:absolute;
	z-index:2;
}

#innermaincontainer{
	width:100%;
	/*max-width:1200px;
	max-width:1200px;*/
	/*border:1px solid red;*/
	position:absolute;
	top:0%;
	left:0%;
	z-index:3;
}


/*page home start*/
#videonavbarcontainer{
	position:relative;
	/*border:1px solid red;*/
}
.videonavbarfullscreen{
	width:100%;
	height:100%;
	height:100vh;
	overflow:hidden;
}
.videonavbarhide{
	height:auto !important;
}

/*----------video section start----------*/
#parralaxvideo {
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
	
	height:100vh;
	z-index:-5;
	position:absolute; 
   	background-attachment: fixed;
}
.RIGTtube-video{
	background:#000;
	overflow:hidden;
	position:relative;
	background-size: cover;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
}
.RIGTtube-video-layer{
	overflow:hidden;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2;
}
#videotextcontainer{
	position:absolute;
	z-index:10;
	top:38%;
	left:0%;
	width:100%;
	/*border:1px solid black;*/
}
#videotextinnercontainer{
	width:100%;
	/*margin:0% 5%;*/
	/*border:1px solid black;*/
	vertical-align:top;
}
#textvideo{
	width:50%;
	/*display:table-cell;*/
	color:#ffffff;
	font-size:48px;
	vertical-align:bottom;
	/*border:1px solid black;*/
}
#logovideo{
	width:auto;
	margin:auto;
	height:118px;
	text-align:center;
	vertical-align:middle;
	background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
	/*border:1px solid black;*/
}

/*----new 271218----*/
.background {
  position: fixed;
  top: 0;
  left: 0;
  z-index:-10;
  width: 100vw;
  height: 100vh;
  background-size: cover;
}
.ducosky-bg-vid-wrap {
  display: none;
  overflow: hidden;
}
.ducosky-bg-vid-wrap, .ducosky-bg-vid-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* adjust aspect ratio to match video */
@media (min-aspect-ratio: 16/9) {
  .RIGTtube-video {
    top: -100%;
    height: 300%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .RIGTtube-video {
    left: -100%;
    width: 300%;
  }
}

/*@media (min-aspect-ratio: 16/9) {
  .ducosky-bg-vid-wrap {
    top: -100%;
    height: 300%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .ducosky-bg-vid-wrap {
    left: -100%;
    width: 300%;
  }
}*/
/*------------------*/

/*----updates 250619----*/

#BgVideoContainer{
	position: relative;
	top:0;
	left:0;
    width: 100vw;
    height: 100vh;
	overflow:hidden;
	background-size: cover;
	/*border:1px solid black;*/
}
.BgVideo{
	position: absolute;
	min-width: 100%; 
	min-height: 100%;
	width: auto;
    height: auto;
    /*position: absolute;*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	overflow:hidden;
	/*border:1px solid blue;*/
}
/*----------------------*/
/*----------video section end----------*/

/*----------navigation section start----------*/
.absolutenavbar{
	position:absolute !important;
	bottom:0% !important;
	left:0% !important;
}
.navbarcontainer{
	width:100%;
	background-color:#114b7b;
	/*border:1px solid #114b7b;*/
	/*border-bottom:solid 10px #f3f3e9;*/
	display:table;
	/*display:none;*/
	position:fixed;
	z-index:21;
}
#navbar{
	width:90%;
	padding:5px 5%;
	/*border:1px solid red;*/
	vertical-align:middle;
	display:table;
}
.logocontainer{
	width:20%;
	/*height:50px;*/
	display:table-cell;
	margin:0%;
	vertical-align:middle;
	/*outline:1px solid black;*/
}
#logonavbar{
	width:90%;
	height:60px;
	background-image:url(../images/sukasantai-logo-white.png);
	background-size:contain;
	background-position:center;
    background-repeat: no-repeat;
	/*outline:1px solid red;*/
}
.buttonnavcontainer{
	/*border:1px solid green;*/
	display:table-cell;
	width:60%;
	margin:0%;
}
.navbuttoncontainer{
	/*border:1px solid yellow;*/
	/*display:table;*/
	text-align:center;
	width:100%;
}
.navbutton{
	display:inline-block;
	margin:0% !important;
	font-size:16px;
	width:auto;
	padding:4% 2.8%;
	color:#ffffff;
	text-align:center;
	white-space:nowrap;
	cursor:pointer;
	/*outline:1px solid white;*/
	/*border-bottom:2px solid #114b7b;*/
}
.navbutonline{
	/*padding:0% 0% 10% 0%;*/
	padding:0px 0px 2px 0px;
	position:relative;
	/*border-bottom:2px solid #114b7b;*/
}
/*.hoverednavbutonline{
	border-bottom:2px solid #cc662e;
}*/
.navbuttoncontainer > a > .navbutton > .navbutonline:after {
	content: "";
	position: absolute;
	z-index: 3;
	left: 0;
	width: 0;
	bottom: -2px;
	background: #cc662e;
	height: 2px;
    /*opacity: 0;*/
	transition-property: width;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
}
.navbuttoncontainer > a:hover > .navbutton > .navbutonline:after,
.navbuttoncontainer > a:focus > .navbutton > .navbutonline:after,
.navbuttoncontainer > a:active > .navbutton > .navbutonline:after {
	  left: 0;
	  width: 100%;
}
/*#eventbuttonnav{
	padding:0% 0% 5% 0% !important;
}
#contactusbuttonnav{
	padding:0% 0% 5% 0% !important;
}*/
/*.navbutton:hover{
	border-bottom:2px solid #cc662e;
}*/
.navbuttonactive{
	border-bottom:2px solid #cc662e;
}


.buttonbookcontainer{
	/*width:20%;*/
	width:100%;
	display:table-cell;
	margin:0%;
	padding:0% 1% 0% 1%;
	/*border:1px solid yellow;*/
}
#buttonbook{
	width:auto;
	color:#ffffff;
	outline:1px solid white;
	font-size:16px;
	padding:5%;
	text-align:center;
	/*display:inline-block;*/
	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{
	width:100%;
	background-color:#114b7b;
	/*border:1px solid #114b7b;*/
	/*border-bottom:solid 10px #f3f3e9;*/
	/*display:table;*/
	display:none;
	position:fixed;
	z-index:49;
}
#mobilenavbar{
	width:100%;
	padding:5px 0%;
	/*border:1px solid red;*/
	vertical-align:middle;
	display:table;
}
.mobilelogocontainer{
	width:50%;
	/*height:50px;*/
	display:table-cell;
	margin:0%;
	vertical-align:middle;
	/*border:1px solid black;*/
}
#mobilelogonavbar{
	width:100%;
	height:110px;
	background-image:url(../images/sukasantai-logo-white.png);
	background-size:contain;
	background-position:center;
    background-repeat: no-repeat;
	/*border:1px solid red;*/
}
#mobilenavbarpartition{
	width:30%;
	/*border:1px solid green;*/
	display:table-cell;
}
#mobilemainbutton{
	width:20%;
	height:170px;
	/*border:1px solid yellow;*/
	display:table-cell;
	
	background-image:url(../images/icon/striped-white.png);
	background-size:cover;
	background-position:center;
    background-repeat: no-repeat;
}
#mobilemainbuttonclose{
	width:20%;
	height:170px;
	/*border:1px solid yellow;*/
	display:none;
	
	background-image:url(../images/icon/x-button-white.png);
	background-size:40%;
	background-position:center;
    background-repeat: no-repeat;
}
/*#mobilemainmenubutton{
	width:100%;
	height:170px;
	border:1px solid purple;
}*/
#dropdownnavcontainer{
	width:100%;
	/*border:1px solid green;*/
	z-index:21;
	display:none;
}
#dropdownnavcontainer a{
	color:white;
}
.mobilenavbuttoncontainer{
	width:100%;
	/*border:1px solid yellow;*/
}
.mobilenavbutton{
	width:100%;
	border-top:1px solid white;
	/*border:1px solid white;*/
	padding:5% 0%;
	text-align:center;
}
.mobilenavbuttonline{
	width:auto;
	font-size:48px;
	display:inline-block;
	padding:0% 0% 5px 0%;
	position:relative;
	/*border:1px solid red;*/
	/*border-bottom:2px solid #114b7b;*/
}
/*.hoveredmobilenavbuttonline{
	border-bottom:2px solid #cc662e;
}*/
.mobilenavbuttoncontainer > a > .mobilenavbutton > .mobilenavbuttonline:after {
	content: "";
	position: absolute;
	z-index: 3;
	left: 0;
	width: 0;
	bottom: -2px;
	background: #cc662e;
	height: 2px;
    /*opacity: 0;*/
	transition-property: width;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
}
.mobilenavbuttoncontainer > a:hover > .mobilenavbutton > .mobilenavbuttonline:after,
.mobilenavbuttoncontainer > a:focus > .mobilenavbutton > .mobilenavbuttonline:after,
.mobilenavbuttoncontainer > a:active > .mobilenavbutton > .mobilenavbuttonline:after {
	  left: 0;
	  width: 100%;
}

.mobilenavbuttonactive{
	border-bottom:2px solid #cc662e;
}
#mobilebuttonbook{
	width:auto;
	color:#ffffff;
	background-color:#cc662e;
	/*border:1px solid white;*/
	font-size:48px;
	padding:5% 0%;
	text-align:center;
	white-space:nowrap;
}
/*#mobilebuttonbook:hover{
	color:#ffffff;
	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;
}*/
/*----------navigation section end----------*/

/*----------description section start----------*/
#bgdeschomecontainer{
	background-image:url(../images/sukasantai-paper-background.jpg);
	background-size:auto;
	background-position:center;
    background-repeat:repeat;
}
.deschomecontainer{
	width:100%;
	height:100%;
	height:100vh;
	margin:0%;
	padding-bottom:10%;
	/*padding-top:6%;*/
	display:table;
	/*z-index:10;*/
	/*border:1px solid #e5e1dc;*/
}
#deschomemaincontainer{
	width:100%;
	height:100%;
	height:100vh;
	margin:0%;
	position:relative;
}
.deschomeinnercontainer{
	/*margin:20vh 0%;*/
	padding:8% 5%;
	width:90%;
	/*border:1px solid blue;*/
	display:table;
	position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}
.deschometextcontainer{
	width:50%;
	padding:5% 0%;
	/*border:1px solid red;*/
	display:table-cell;
	vertical-align:middle;
}
.deschometitle{
	font-size:20px;
	/*border:1px solid red;*/
	font-family:RIGT, Verdana, sans-serif;
	color:#114b7b;
	/*line-height:1.5;*/
	padding:2% 0%;
}
/*.deschometitle > span{
	font-size:36px;
	border:1px solid red;
	font-family:RIGT, Verdana, sans-serif;
	color:#114b7b;
	padding:2% 0%;
}*/
.deschometitle big{
	font-size:36px;
}
.deschometitle strong{
	font-weight:bold;
}

.deschometext{
	padding:2% 0% 2% 0%;
	font-size:20px;
	/*width:90%;*/
	width:100%;
	line-height:1.5;
	/*border:1px solid green;*/
}
.deschomeimagecontainer{
	width:50%;
	padding:0% 0% 0% 3%;
	height:400px;
	text-align:right;
	/*border:1px solid purple;*/
	display:table-cell;
	vertical-align:middle;
}
.descimg{
	/*border:1px solid white;*/
}
#imgdesc{
	width:100%;
	height:100%;
}
/*----------description 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;*/
	
	background-repeat: no-repeat;
	background-size:cover;
    /*background-attachment: fixed;*/
	
	-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;
	/*border:1px solid black;*/
}
.activitydesc{
	width:80%;
	position:absolute;
	top:48%;
	z-index:10;
	padding:2% 10%;
	font-size:20px;
	line-height:1.5;
	/*font-size:24px;*/
	text-align:center;
	color:#ffffff;
	opacity:0;
	letter-spacing:.1em;
	/*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;
}
.activitydesc a{
	color:#ffffff;
	position:relative;
}

.activitydesc table{
	margin-top:20px;
	width:auto;
	display:inline-block;
	border:1px solid white;
	/*padding:5px;*/
}

.activitydesc table td{
	width:auto;
	display:inline-block;
	text-align:center;
	/*border:1px solid white;*/
	border:0px;
	padding:5px 10px;
}

.activitydesc table: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;
}
.activitydesc table:hover td{
	border:0px;
}
/*.activitydesc a:hover{
	border-bottom:1px solid white;
}*/
.activitydesc > a:after {
	content: "";
	position: absolute;
	z-index: 3;
	left: 0;
	width: 0;
	bottom: -2px;
	background: #ffffff;
	height: 1px;
	transition-property: width;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
}
.activitydesc > a:hover:after,
.activitydesc > a:focus:after,
.activitydesc > a:active:after {
	left: 0;
	right: auto;
	width: 100%;
}
.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*/

#mapcontainer{
	display:block;
	position:relative;
	/*outline:1px solid black;*/
}

#sukasantai-map-title{
	padding:2% 0% 1% 0%;
	width:100%;
	text-align:center;
}
#sukasantai-map-title h3{
	font-size:48px;
	font-weight:bold;
	font-family:RIGT, Verdana, sans-serif;
	color:#114b7b;
	font-style:normal;
}
#sukasantai-map-text{
	width:100%;
	padding:0% 0% 5% 0%;
	text-align:center;
	font-size:20px;
}

#sukasantai-map-background{
	z-index:1;
	height:0px;
}
#sukasantai-map{
	width:100%;
}
#sukasantai-map-images{
	z-index:2;
}
#sukasantai-map2{
	width:100%;
	opacity:0%;
}

.sukasantai-map-landmark{
	cursor:pointer;
}

#sukasantai-map-mountain{
	width:38%;
	position:absolute;
	top:3.9%;
	left:49.5%;
	/*display:none;*/
}
#sukasantai-map-cow{
	width:12%;
	position:absolute;
	top:85%;
	left:77%;
}
#sukasantai-map-buffalo{
	width:17%;
	position:absolute;
	top:84%;
	left:43%;
}
#sukasantai-map-fireflies{
	width:10%;
	position:absolute;
	top:56%;
	left:51%;
}
#sukasantai-map-duck{
	width:13%;
	position:absolute;
	top:46%;
	left:70%;
}
#sukasantai-map-mujair{
	width:8%;
	position:absolute;
	top:51%;
	left:50%;
}
#sukasantai-map-dragonfly{
	width:11%;
	position:absolute;
	top:75%;
	left:14%;
}
#sukasantai-map-veggies{
	width:15%;
	position:absolute;
	top:75%;
	left:61%;
}
#sukasantai-map-nangka{
	width:6%;
	position:absolute;
	top:48%;
	left:14%;
}
#sukasantai-map-hammock{
	width:9%;
	position:absolute;
	top:22%;
	left:57%;
}
/*#sukasantai-map-catfish{
	width:10%;
	position:absolute;
	top:50%;
	left:48%;
}*/

/* added 03082020 */
#sukasantai-map-explore{
	width:7%; 
	position:absolute;
	top:28.2%;
	left:56%;
}
#sukasantai-map-hotpot{
	width:6%; 
	position:absolute;
	top:31.5%;
	left:66%;
}
#sukasantai-map-swing{
	width:5%; 
	position:absolute;
	top:36.5%;
	left:56%;
}
#sukasantai-map-kitchen{
	width:6%; 
	position:absolute;
	top:37%;
	left:44%;
}
#sukasantai-map-eagle{
	width:10%; 
	position:absolute;
	top:37%;
	left:27%;
}
#sukasantai-map-bamboos{
	width:17%; 
	position:absolute;
	top:28%;
	left:5%;
}
#sukasantai-map-kite{
	width:10%; 
	position:absolute;
	top:45%;
	left:37%;
}
#sukasantai-map-bonfire{
	width:6%; 
	position:absolute;
	top:42.5%;
	left:59.1%;
}
#sukasantai-map-undertree{
	width:6%; 
	position:absolute;
	top:47%;
	left:65%;
}
#sukasantai-map-organic{
	width:10%; 
	position:absolute;
	top:66%;
	left:51%;
}
#sukasantai-map-essentialoil{
	width:10%; 
	position:absolute;
	top:84%;
	left:63%;
}
#sukasantai-map-goat{
	width:10%;
	position:absolute;
	top:78%;
	left:75%;
}
#sukasantai-map-talas{
	width:10%; 
	position:absolute;
	top:58%;
	left:76%;
}
#sukasantai-map-leaves{
	width:2%; 
	position:absolute;
	top:80%;
	left:30%;
}
#sukasantai-map-leaves2{
	width:2%; 
	position:absolute;
	top:79%;
	left:28%;
}
#sukasantai-map-leaves3{
	width:2%; 
	position:absolute;
	top:83%;
	left:29%;
}
#sukasantai-map-leaves4{
	width:2%; 
	position:absolute;
	top:82%;
	left:31%;
}
#sukasantai-map-leaves5{
	width:2%; 
	position:absolute;
	top:81%;
	left:33%;
}




.sukasantai-map-imgtitle{
	/*display:none;*/
	position:absolute;
	/*background:rgba(255,255,255,1);*/
	background-image:url(../images/sukasantai-paper-background.jpg);
	background-size:auto;
	opacity:0;
	padding:0.5% 1%;
	font-size:20px;
	border:1px solid #114b7b;
	border-radius:2px;
}

#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:50%;
}
#sukasantai-map-duck-title{
	top:53%;
	left:71%;
}
#sukasantai-map-mujair-title{
	top:48.5%;
	left:51%;
}
#sukasantai-map-dragonfly-title{
	top:84%;
	left:14%;
}
#sukasantai-map-veggies-title{
	top:83%;
	left:63%;
}
#sukasantai-map-nangka-title{
	top:57%;
	left:12%;
}
#sukasantai-map-hammock-title{
	top:21%;
	left:56%;
}

/* added 03082020 */

#sukasantai-map-explore-title{
	top:30.5%;
	left:54.5%;
}
#sukasantai-map-hotpot-title{
	top:36%;
	left:65%;
}
#sukasantai-map-swing-title{
	top:40.5%;
	left:53.5%;
}
#sukasantai-map-kitchen-title{
	top:42%;
	left:43%;
}
#sukasantai-map-eagle-title{
	top:42.8%;
	left:27%;
}
#sukasantai-map-bamboos-title{
	top:41%;
	left:6%;
}
#sukasantai-map-kite-title{
	top:51%;
	left:40%;
}
#sukasantai-map-bonfire-title{
	top:40.5%;
	left:57%;
}
#sukasantai-map-undertree-title{
	top:50%;
	left:63%;
}
#sukasantai-map-organic-title{
	top:73%;
	left:51%;
}
#sukasantai-map-essentialoil-title{
	top:91%;
	left:61%;
}
#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:23%;
}
#sukasantai-map-leaves2-title{
	top:84.5%;
	left:23%;
}
#sukasantai-map-leaves3-title{
	top:84.5%;
	left:23%;
}
#sukasantai-map-leaves4-title{
	top:84.5%;
	left:23%;
}
#sukasantai-map-leaves5-title{
	top:84.5%;
	left:23%;
}


#sukasantai-map-mountain:hover + #sukasantai-map-mountain-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-cow:hover + #sukasantai-map-cow-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-buffalo:hover + #sukasantai-map-buffalo-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-fireflies:hover + #sukasantai-map-fireflies-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-duck:hover + #sukasantai-map-duck-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-mujair:hover + #sukasantai-map-mujair-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-dragonfly:hover + #sukasantai-map-dragonfly-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-veggies:hover + #sukasantai-map-veggies-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-nangka:hover + #sukasantai-map-nangka-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-hammock:hover + #sukasantai-map-hammock-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/* added 03082020 */

#sukasantai-map-explore:hover + #sukasantai-map-explore-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-hotpot:hover + #sukasantai-map-hotpot-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-swing:hover + #sukasantai-map-swing-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-kitchen:hover + #sukasantai-map-kitchen-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-eagle:hover + #sukasantai-map-eagle-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-bamboos:hover + #sukasantai-map-bamboos-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-kite:hover + #sukasantai-map-kite-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-bonfire:hover + #sukasantai-map-bonfire-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-undertree:hover + #sukasantai-map-undertree-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-organic:hover + #sukasantai-map-organic-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-essentialoil:hover + #sukasantai-map-essentialoil-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-goat:hover + #sukasantai-map-goat-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-talas:hover + #sukasantai-map-talas-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-leaves:hover + #sukasantai-map-leaves-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-leaves2:hover + #sukasantai-map-leaves2-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-leaves3:hover + #sukasantai-map-leaves3-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-leaves4:hover + #sukasantai-map-leaves4-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#sukasantai-map-leaves5:hover + #sukasantai-map-leaves5-title{
	opacity:1;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}


/*----------animated map section end----------*/

/*----------event section start----------*/
#eventcontainer{
	width:100%;
	display:table;
	height:100%;
	height:100vh;
	padding:0% 0% 5% 0%;
	z-index:10;
	
	background-image:url(../images/sukasantai-paper-background.jpg);
	background-size:auto;
	background-position:center;
    background-repeat:repeat;
	/*background-color:#FFFFFF;*/
	/*outline:1px solid green;*/
}
#eventmaincontainer{
	height:100%;
	height:100vh;
	margin:0% 0% 0% 0%;
	position:relative;
	/*border:1px solid green;*/
}
#eventinnercontainer{
	width:80%;
	height:auto;
	position:absolute;
	/*display:block;*/
	top:10%;
	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:table-cell;
	width:25%;
	vertical-align:top;
	/*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;*/
	
	background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.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;
	/*outline:1px solid black;*/
}
#storycontainerbg{
    background-repeat: no-repeat;
    background-size:cover;
    background-attachment: fixed;
	-webkit-filter: brightness(95%);
    filter: brightness(95%);
	width:100%;
	height:100%;
	height:100vh;
	position:absolute;
	top:0%;
	left:0%;
	z-index:-2;
	/*outline:1px solid blue;*/
	/*display:none;*/
}
#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{
	width:100%;
	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;*/
}
#followbuttoncontainer a{
	color:white;
}
#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;
	/*background-color:#e5e1dc;*/
	background-image:url(../images/sukasantai-paper-background.jpg);
	background-size:auto;
	background-position:center;
    background-repeat:repeat;
	display:table;
	z-index:20;
	/*border:1px solid magenta;*/
}
#slideshowinnercontainer {
	margin:5vh 0% 5vh 0%;
	/*border:1px solid yellow;*/
}
.mySlides {
	width:100%;
	/*position:absolute;*/
    display: none;
}
.slideimgcontainer{
	width:1200px;
	height:750px;
	/*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:750px;
	/*margin:12vh 0% 0% 0%;*/
	/*max-height:600px;*/
	/*border:1px solid red;*/
}
.ballooncontainer{
	width:50%;
	height:750px;
	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:-7% 0% 5% 17%;
	width:420px;
	height:300px;
	color:white;
	line-height:1.5;
	vertical-align:middle !important;
	overflow:auto;
}
.testimonitextmiddle{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.dotcontainer{
	width:100%;
	/*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;
}
#slideshowcontainer 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:51%;
    height:51vh;
	background-color:#ffffff;
	/*border:1px solid black;*/
	position:relative;
	display:table;
}
/*#locationmapscontainer *{
	width:auto !important;
	margin:auto !important;
}*/
#locationmapscontainer{
	position:absolute;
	width:100%;
	height:51%;
    height:51vh;
	top:0%;
	left:0%;
	z-index:3;
	/*border:1px solid orange;*/
}
/*#mapscontainer *{
	width:auto !important;
	margin:auto !important;
}*/
#mapscontainer{
	width:100%;
	/*width:auto;
	height:500px;*/
	height:51%;
    height:51vh;
	-webkit-filter: brightness(80%);
    filter: brightness(80%);
	/*display:none;*/
	/*border:1px solid black;*/
}
#locationmaincontainer{
	position:absolute;
	max-width:1200px;
	height:51%;
    height:51vh;
	top:0%;
	left:0%;
	z-index:5;
	/*border:1px solid yellow;*/
	display:table;
}
#locationinnercontainer{
	width:30%;
	height:51%;
    height:51vh;
	/*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;*/
	padding:0% 0% 0% 17%;
}
#locationmapsdesc{
	width:100%;
	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;*/
}
#directionbuttoncontainer a{
	color:white;
}
#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;*/
	/*outline:1px solid black;*/
}
#footercontainer a{
	color:white;
}
#footerinnercontainer{
	width:90%;
   	height:20vh;
	margin:0% 5% 0% 5%;
	padding:9% 0% 9% 0%;
	/*border:1px solid white;*/
	vertical-align:middle;
	display:table;
}
#footeruppercontainer{
	width:100%;
	display:table;
	/*outline:1px solid yellow;*/
	vertical-align:top;
}
#footerbottomcontainer{
	width:100%;
	display:table;
	/*outline:1px solid yellow;*/
	vertical-align:top;
}
.footerleftcontainer{
	width:30%;
	display:table-cell;
	vertical-align:bottom;
	/*outline:1px solid yellow;*/
}
.footermiddlecontainer{
	width:40%;
	display:table-cell;
	vertical-align:top;
	/*outline:1px solid yellow;*/
}
.footerrightcontainer{
	width:30%;
	display:table-cell;
	vertical-align:top;
	position:relative;
	/*outline:1px solid yellow;*/
}
#contactcontainer{
	width:100%;
	/*border:1px solid black;*/
}
#addresscontainer{
	width:95%;
	padding:1% 2%;
	color:#FFFFFF;
	font-size:18px;
	letter-spacing:2px;
	line-height:1.5;
	/*font-weight:700;*/
	text-align:center;
	/*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;
	position:relative;
}
#phonecontainer > a:after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  width: 0;
  bottom: -2px;
  background: #cc662e;
  height: 1px;
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
#phonecontainer > a:hover:after,
#phonecontainer > a:focus:after,
#phonecontainer > a:active:after {
  left: 0;
  right: auto;
  width: 100%;
}
#logofootercontainer{
	width:80%;
	margin:-8% 10% 0% 10%;
	
	/*border:1px solid black;*/
}
#logofooter{
	width:100%;
	height:150px;
	background-image:url(../images/sukasantai-logo-white.png);
	background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.navfooterbutton{
	width:95%;
	padding:7% 2% 1% 2%;
	color:#FFFFFF;
	font-weight:normal;
	white-space:nowrap;
	/*outline:1px solid black;*/
}

.navfooterbutton a{
	color:#FFFFFF;
	position:relative;
}
.navfooterbutton > a:after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  width: 0;
  bottom: -2px;
  background: #cc662e;
  height: 2px;
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.navfooterbutton > a:hover:after,
.navfooterbutton > a:focus:after,
.navfooterbutton > a:active:after {
  left: 0;
  right: auto;
  width: 100%;
}

.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%;
	display:block;
	/*outline:1px solid green;*/
	/*vertical-align:bottom;*/
	/*text-align:right;*/
}
.sosmedcontainerrow{
	/*outline:1px solid black;*/
	width:100%;
	vertical-align:bottom;
}
.sosmedwhitespace{
	/*outline:1px solid red;*/
	width:85%;
	display:inline-block;
}
.socialmediabutton{
	width:15%;
	height:40px;
	display:inline-block;
	/*outline:1px solid white;*/
}
.facebooklogocontainer{
	background-image:url(../images/icon/sukasantai-facebook-white.png);
	background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.twitterlogocontainer{
	background-image:url(../images/icon/sukasantai-twitter-white.png);
	background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.instagramlogocontainer{
	background-image:url(../images/icon/sukasantai-instagram-white.png);
	background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.whatsapplogocontainer{
	background-image:url(../images/icon/whatsapp-white5.png);
	background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
#copyrightcontainer{
	text-align:right;
	vertical-align:bottom;
	color:#FFFFFF;
	padding:1% 0%;
	position:absolute;
	bottom:0%;
	right:0%;
	/*outline:1px solid black;*/
}
#mobilefootercontainer{
	width:100%;
   	height:40%;
   	height:40vh;
	background-color:#114b7b;
	/*display:table;*/
	display:none;
}
#mobilefooterinnercontainer{
	width:100%;
   	height:20vh;
	margin:0% 0% 0% 0%;
	padding:3% 0% 5% 0%; /*10% 0% 5% 0%; untuk footer saat ada logo*/
	/*border:1px solid white;*/
	vertical-align:middle;
	display:table;
}
#mobilelogofootercontainer{
	width:80%;
	margin:-3% 10% 8% 10%;
	/*border:1px solid black;*/
}

#mobilelogofootercontainer a{
	color:#FFFFFF;
}
#mobilelogofooter{
	width:100%;
	height:180px;
	background-image:url(../images/sukasantai-logo-white.png);
	background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
#mobilenavfootercontainer{
	/*width:25%;*/
	/*position:relative;*/
	vertical-align:top;
	padding:8% 0%;
	border-top:1px solid white;
}
#mobilenavinnerfootercontainer{
	/*padding:10% 0%;
	outline:1px solid yellow;*/
}
.mobilenavfooterbutton{
	width:90%;
	padding:3% 5%;
	color:#FFFFFF;
	font-size:36px;
	white-space:nowrap;
	text-align:center;
	position:relative;
	/*border:1px solid black;*/
}
.mobilenavfooterbutton span{
	position:relative;
	/*border:1px solid black;*/
}
#mobilenavinnerfootercontainer > a > .mobilenavfooterbutton > span:after {
	content: "";
	position: absolute;
	z-index: 3;
	left: 0;
	width: 0;
	bottom: -2px;
	background: #cc662e;
	height: 3px;
	transition-property: width;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
}
#mobilenavinnerfootercontainer > a:hover > .mobilenavfooterbutton > span:after,
#mobilenavinnerfootercontainer > a:focus > .mobilenavfooterbutton > span:after,
#mobilenavinnerfootercontainer > a:active > .mobilenavfooterbutton > span:after {
	  left: 0;
	  right: auto;
	  width: 100%;
}
#mobilesocialmediacontainer{
	/*outline:1px solid black;*/
	display:inline-block;
	text-align:center;
	/*border-top:1px solid white;*/
	padding:0% 0% 2% 0%;
	width:100%;
	/*text-align:right;*/
}
.mobilesosmedcontainercol{
	/*outline:1px solid yellow;*/
	width:30%;
	display:inline-block;
	/*text-align:right;*/
	/*display:table;*/
}
.mobilesocialmediabutton{
	width:20%;
	height:120px;
	display:inline-block !important;
	/*outline:1px solid white;*/
}
#mobilecontactcontainer{
	width:100%;
	font-size:36px;
	border-top:1px solid white;
	/*border:1px solid black;*/
}
#mobileaddresscontainer{
	width:100%;
	padding:4% 0% 2% 0%;
	color:#FFFFFF;
	font-size:36px;
	/*font-weight:700;*/
	text-align:center;
	/*border:1px solid black;*/
}
#mobilephonecontainer{
	width:100%;
	padding:2% 0% 4% 0%;
	color:#FFFFFF;
	font-size:36px;
	font-weight:700;
	text-align:center;
	vertical-align:middle;
	/*border-top:1px solid white;*/
	/*border:1px solid black;*/
}
#mobilephonecontainer a{
	color:#FFFFFF;
	position:relative;
}
#mobilephonecontainer > a:after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  width: 0;
  bottom: -2px;
  background: #cc662e;
  height: 1px;
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
#mobilephonecontainer > a:hover:after,
#mobilephonecontainer > a:focus:after,
#mobilephonecontainer > a:active:after {
  left: 0;
  right: auto;
  width: 100%;
}
#mobilecopyrightcontainer{
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	font-size:36px;
	padding:3% 0%;
	/*border-top:1px solid white;*/
	/*border:1px solid black;*/
}
#mobilecopyrightcontainer a{
	color:#FFFFFF;
}
/*----------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;
	overflow:hidden;
	/*outline:2px solid red;*/
	/*border:1px solid #e5e1dc;*/
}
/*#eventforeword{
	background-size:cover;
    background-repeat:no-repeat;
    background-attachment: fixed;
	-webkit-filter: brightness(95%);
    filter: brightness(95%);
	position:absolute;
	z-index:2;
	top:0%;
	left:0%;
	width:110%;
	height:110%;
	height:110vh;
}*/
.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%;
	
	display:table-cell;
	vertical-align:middle;
}
.forewordtitle{
	padding:0% 0% 2% 0%;
	text-align:center;
}
.forewordtitle h1{
	font-size:70px;
	font-family:RIGT, Verdana, sans-serif;
	color:#FFFFFF;
}
.forewordtext{
	width:100%;
	text-align:center;
	padding:2% 0% 2% 0%;
}
.forewordtext h2{
	font-size:20px;
	color:#FFFFFF;
	font-weight:100;
}
.forewordtext a{
	color:white;
	font-weight:700;
	position:relative;
}
.forewordtext table{
	position:relative;
	margin:auto;
}
.forewordtext table td{
	/*text-align:left;*/
}
.forewordtext a:after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  width: 0;
  bottom: -2px;
  background: #ffffff;
  height: 1px;
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.forewordtext a:hover:after,
.forewordtext a:focus:after,
.forewordtext a:active:after {
  left: 0;
  right: auto;
  width: 100%;
}

/*----------foreword section end----------*/

/*----------eventdesc section start----------*/
.evdescbgimg{
	background-image:url(../images/sukasantai-paper-background.jpg);
	background-size:auto;
	background-position:center;
    background-repeat:repeat;
}

.eventheadcontainer{
	width:100%;
	margin:0%;
	display:table;
	position:relative;
}
.eventheadcontainer:before {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 1px;
  width   : 70%;
  margin  : 0% 15%;
  border-bottom:2px solid #114b7b;
}
.eventheadinnercontainer{
	padding:8% 5% 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{
	/*padding:0% 0% 4% 0%;
	width:100%;
	text-align:center;*/
	font-size:48px;
	font-weight:bold;
	font-family:RIGT, Verdana, sans-serif;
	color:#114b7b;
	font-style:normal;
	/*border:1px solid black;*/
}
#eventheaddesccontainer{
	width:100%;
	padding:0% 0% 5% 0%;
	text-align:center;
	font-size:20px;
	font-weight:700;
	/*border:1px solid black;*/
}

.eventdesccontainer{
	width:100%;
	margin:0%;
	display:table;
	position:relative;
	/*border:1px solid black;*/
}
.eventdesccontainer:before {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 1px;
  width   : 70%;
  margin  : 0% 15%;
  border-bottom:2px solid #114b7b;
}
/*.eventdescborderbottom{
	width:70%;
	margin:0% 15%;
	z-index:3;
	position:absolute;
	bottom:0%;
	border-bottom:3px solid #114b7b;
}*/
.eventdescinnercontainer{
	padding:8% 5%;
	width:90%;
	/*border:1px solid blue;*/
	display:block;
	vertical-align:top;
}

.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%;
	/*text-align:right;*/
	/*border:1px solid purple;*/
	vertical-align:middle;
	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----------*/


/*----------eventform section start----------*/
.eventformcontainer{
	width:100%;
	margin:0%;
	/*padding:10% 0%;*/
	display:table;
	position:relative;
	/*background:rgba(17, 75, 123, 0.5);*/
	/*border:1px solid black;*/
}
/*.*/
.eventformbgcontainer{
	width:90%;
	padding:10% 5%;
	display:table;
	/*background:rgba(17, 75, 123, 0.5);*/
	/*border:1px solid black;*/
}
.eventforminnercontainer{
	width:90%;
	padding:5% 5% 5% 5%;
	/*background:rgba(255, 255, 255, 1);*/
	background:rgba(204, 144, 112, 0.1);
	/*z-index:3;*/
	/*border:1px solid black;*/
}
.eventformtitle{
	/*font-size:28px;
	font-weight:bold;
	font-family:RIGT, Verdana, sans-serif;
	color:#114b7b;*/
	/*border:1px solid red;*/
	padding:2% 0% 2% 0%;
	text-align:center;
}
.eventformtitle h3{
	font-size:28px;
	font-weight:bold;
	font-family:RIGT, Verdana, sans-serif;
	color:#114b7b;
	font-style:normal;
	/*border:1px solid red;*/
	/*padding:2% 0% 2% 0%;
	text-align:center;*/
}
.eventformtable{
	display:table;
}
.eventformtr{
	display:table-row;
}
.eventformtdlabel{
	width:15%;
	padding:1% 2% 1% 2%;
	display:table-cell;
	white-space:nowrap;
	font-size:20px;
	text-align:right;
	vertical-align:middle;
	/*border:1px solid black;*/
}
#eventformmessagelabel{
	vertical-align:top !important;
}
.eventformtdinput{
	width:70%;
	padding:1% 2% 1% 2%;
	font-size:20px;
	display:table-cell;
	white-space:nowrap;
	/*border:1px solid black;*/
}
#eventformnameinput{
	-webkit-appearance: none;
	-moz-apperance: none;
	appearance:none;
	background-color:transparent;
	border-radius:0;
	padding:1%;
	font-size:20px;
	border:1px solid #cc662e;
}
#eventformemailinput{
	-webkit-appearance: none;
	-moz-apperance: none;
	appearance:none;
	background-color:transparent;
	border-radius:0;
	padding:1%;
	font-size:20px;
	border:1px solid #cc662e;
}
/*select{
	-webkit-apperance:none;
	appearance:none;
	border:none; 
}*/
#eventformsubjectinput{
	-webkit-appearance: none;
	-moz-apperance: none;
	appearance:none;
	border-radius:0;
	background-color:transparent;
	padding:1%;
	position: relative;
	font-size:20px;
	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:20px;
	width:98%;
	padding:1%;
	border:1px solid #cc662e;
}

/*style the arrow inside the select element:*/
.select-selected:after {
	position: absolute;
	content: "";
	top: 14px;
	right: 10px;
	width: 0;
	height: 0;
	border: 10px 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: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
	color: #555555;
	padding:1%;
	font-size:20px;
	/*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:98%;
	background-color: rgba(0, 0, 0, 0.1);
}
/*custom select subject end*/


.eventformdateinput{
	-webkit-appearance: none;
	-moz-apperance: none;
	appearance:none;
	border-radius:0;
	background-color:transparent;
	padding:1%;
	font-size:20px;
	width:25%;
	border:1px solid #cc662e;
}
#eventformmessageinput{
	padding:1%;
	font-size:20px;
	border:1px solid #cc662e;
	min-height:200px;
	min-width:200px;
	max-height:500px;
	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;
	background-color:transparent;
	width:30%;
	text-align:center;
	font-size:28px;
	white-space:nowrap;
	/*margin:1% 30%;*/
	padding:1%;
	color:#cc662e;
	/*background-color:#ffffff;*/
	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: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;
	font-family:RIGT, Verdana, sans-serif;
	font-weight:bold;
	color:#114b7b;
	/*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%;
	/*padding:0% 0% 2% 0%;*/
	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:48%;
	padding:0% 0% 0% 0%;
	vertical-align:middle;
	/*border:1px solid purple;*/
	/*display:table-cell;*/
	display:inline-block;
	position:relative;
	/*top:0%;
	left:55%;*/
}

#descimgcontactus{
}
#imgcontactus{
	/*min-width:500px;
	min-height:400px;
	max-width:600px;
	max-height:450px;*/
	width:100%;
	/*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%;
	/*outline:1px solid blue;*/
	display:block;
}
.postcardstyle{
	padding:2%;
	width:95%;
	height:559px;
	display:block;
	background-size:contain;
	background-position:center;
    background-repeat:no-repeat;
	/*box-shadow: 10px 10px 8px rgb(87,87,87,0.5);*/
}
.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:100%;
	/*width:15%;*/
	/*border:1px solid black;*/
}
.imgpostcardstamp{
	width:100%;
}
.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;*/
	display:block;
	width:62.5%;
	padding:4.5% 0% 15% 36.5%;
	text-align:right;
}
.mobilestampcontainer{
	/*border:1px solid blue;*/
	width:45%;
	display:none;
	padding:0% 0% 0% 15%;
	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{
	width:100%;
}
#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;
	display:block;
	/*border:1px solid blue;*/
}
#mobilesendbuttoncontainer{
	width:100%;
	padding:6% 0% 0% 0%;
	text-align:right;
	display:none;
	/*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;
}


/*----------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%;
}*/

.dobgimage{
	background-image:url(../images/sukasantai-paper-background.jpg);
	background-size:auto;
	background-position:center;
	background-repeat:repeat;
}
/*----------foreword section end----------*/

/*----------all year round section start----------*/
#allyearcontainer{
	width:100%;
	display:table;
	margin-top:3%;
}
#bgdeschomecontainer{
	background-image:url(../images/sukasantai-paper-background.jpg);
	background-size:auto;
	background-position:center;
    background-repeat:repeat;
}

#allyearinnercontainer{
	width:90%;
	margin:5% 5%;
	/*border:1px solid black;*/
}
#allyeartitlecontainer{
	padding:2% 0% 1% 0%;
	width:100%;
	text-align:center;
	/*outline:1px solid black;*/
}
#allyeartitlecontainer h3{
	/*padding:0% 0% 4% 0%;
	width:100%;
	text-align:center;*/
	font-size:48px;
	font-weight:bold;
	font-family:RIGT, Verdana, sans-serif;
	color:#114b7b;
	font-style:normal;
	/*border:1px solid black;*/
}
#allyeardesccontainer{
	width:100%;
	padding:0% 0% 5% 0%;
	text-align:center;
	font-size:20px;
	/*font-weight:700;*/
	/*outline:1px solid black;*/
}
#allyeartypecontainer{
	width:100%;
	padding:1% 0% 1% .5%;
	/*border:1px solid black;*/
}
.allyearimgcontainer{
	display:inline-block;
	margin:0% auto .6% auto;
    padding:0px;
    width: 32.3%;
	/*width: 19.75%;*/
	position:relative;
	/*border:1px solid blue;*/
}
.allyearactivityimg{
	width:100%;
	height:100%;
}
.grid-sizer{
    display:inline-block;
	width: 32.3%;
	margin:0px;
    padding:0px;
	/*border:1px solid green;*/
}

.gutter-sizer {
    display:inline-block;
	width: 1.1%;
	/*border:1px solid blue;*/
}

/*.no-js{
	display:none !important;
}*/

.hoveredallyearactivityimg{
	-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;
}
.unhoveredallyearactivityimg{
	-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;
}
.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: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:0% 0% 12% 0%;
	/*outline:1px solid black;*/
}
#seasonalinnercontainer{
	width:90%;
	margin:5% 5% 0% 5%;
	/*border:1px solid black;*/
}
#seasonaltitlecontainer{
	padding:2% 0% 1% 0%;
	width:100%;
	text-align:center;
}
#seasonaltitlecontainer h3{
	font-size:48px;
	font-family:RIGT, Verdana, sans-serif;
	font-weight:bold;
	color:#114b7b;
	font-style:normal;
	/*border:1px solid black;*/
}
#seasonaldesccontainer{
	width:100%;
	padding:0% 0% 5% 0%;
	text-align:center;
	font-size:20px;
	/*font-weight:700;*/
	/*outline: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:180px;
	/*border:1px solid black;*/
}
.thumbtextcontainer{
	width:100%;
	padding:1% 0% 2% 0%;
	text-align:center;
	font-size:18px;
	font-weight:700;
	/*border:1px solid black;*/
}
.imgseasonactivity{
    background-repeat: no-repeat;
    background-size:cover;
}

#seasonalimgccontainer{ /*added 271119*/
	width:100%;
	/*outline: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----------*/
.eatdescbgimg{
	background-image:url(../images/sukasantai-paper-background.jpg);
	background-size:auto;
	background-position:center;
    background-repeat:repeat;
}
.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%;
	/*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;
	/*line-height:1.5;*/
	/*letter-spacing:1.4;*/
	/*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;*/
}
.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%;
	/*border:1px solid blue;*/
}
#imgfarm3{
	margin:0% 12%;
	width:auto !important;
}
.farmtext{
	width:94%;
	padding:0% 6% 5% 0%;
	display:block;
}
.subhead{
	font-weight:700;
}
.eatimg{
	max-height:350px;
	width:auto;
}
#imgfarmtokitchen{
	padding:0% 0%;
}
#eatimgcontainer{
	width:100%;
	display:block;
}
#imgomakase{
	width:39%;
	height:450px;
	display:inline-block;
	vertical-align:top;
	margin-right:1%;;
	/*border:1px solid blue;*/
	
	background-repeat:no-repeat;
	background-size:cover;
}

#imgomakase2{
	width:59%;
	height:450px;
	display:inline-block;
	vertical-align:top;
	margin-left:0%;
	/*border:1px solid blue;*/
	
	background-repeat:no-repeat;
	background-size:cover;
}
#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 !important;
	display:table;
}
#cookingtextcontainer{
	width:50%;
	padding:0% 0% 0% 5%;
	display:table-cell;
	/*outline:1px solid green;*/
}

#cookingtitle{
	line-height:1;
	padding:0% 0% 8% 0% !important;
	/*outline:1px solid black;*/
}
#cookingtitle h3{
	margin:0%;
}

#cookingtext{
	/*outline:1px solid black;*/
}

/*content 3 start*/
#cookingatfarm{
	margin-bottom:12%; /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
}

.content3slidescontainer{
	width:50%;
	text-align:center;
	vertical-align:middle !important;
	position:relative;
	display:table-cell;
	margin-bottom:10%;
	/*outline:1px solid black;*/
}
.content3slide {
    display: none;
}
.slideactive{
	display: block;
}
.content3slideimg{
	height:98%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 1%;
	background-repeat:no-repeat;
	background-size:cover;
}
.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;
	/*border:1px solid yellow;*/
	/*margin:-6% 0% 0% 0%;*/
	/*padding:3% 35% 3% 35%;*/
	z-index:15;
}
#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*/

.blogbgimage{
	background-image:url(../images/sukasantai-paper-background.jpg);
	background-size:auto;
	background-position:center;
	background-repeat:repeat;
}

#blogmaincontainer{
	width:100% !important;
	position:relative;
}
#blogcontainer{
	width:100%;
	padding-top:3.5%;
	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;
	font-family:RIGT, Verdana, sans-serif;
	font-weight:bold;
	color:#114b7b;
	/*border:1px solid black;*/
}
#blogpagedesccontainer{
	width:100%;
	padding:0% 0% 2% 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:auto;
	color:#cc662e;
	font-size:18px;
	object-fit: contain;
	padding:0.5% 1%;
	vertical-align:top;
	border:1px solid transparent;
	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:19%;
	height:500px;
	display:inline-block;
	margin:0.5% 0.4%;
	vertical-align:top;
}
.blogthumbimg{
	cursor:pointer;
	width:100%;
	height:500px;
	z-index:1;
	background-size:cover;
	
	-webkit-filter: brightness(95%);
	-moz-filter: brightness(95%);
	-o-filter: brightness(95%);
    filter: brightness(95%);
}
.hoveredblog{
	-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;
}
.unhoveredblog{
	-webkit-filter: brightness(95%);
	-moz-filter: brightness(95%);
	-o-filter: brightness(95%);
    filter: brightness(95%);
	
	-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;
	height:60px;
	padding:5% 0%;
	/*border:1px solid green;*/
}
.blogthumbtext{
	font-size:18px;
	color:white;
	height:130px;
	/*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%;
	/*height:100%;*/
	/*height:65vh;*/
	padding-top:3%;
	padding-bottom:1%;
	/*margin:0% 0% 0% 0%;*/
	display:table;
	/*border:1px solid black;*/
}
#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;
	/*font-size:12px;*/
	line-height:1.5;
	font-family:Ducosky, Arial, sans-serif;
	/*border:1px solid green;*/
	vertical-align:top;
}

.contenttext h2{
	/*font-size:18px;*/
	font-size:26px;
	/*font-size:1.5em;*/
	font-weight:normal;
	font-family:RIGT, Verdana, sans-serif;
	color:#114b7b;
}

.contenttext h3{
	/*font-size:18px;*/
	font-size:21px;
	/*font-size:1.5em;*/
	font-weight:500;
	font-family:Ducosky, Arial, sans-serif;
	color:rgba(17,75,123,1.00);
	color:hsla(207,75.7%,25.7%,1.00);
	font-style:italic;
}

.contenttext h4{
	/*font-size:18px;*/
	/*font-size:26px;*/
	font-size:18px;
	/*font-size:1.5em;*/
	font-weight:normal;
	font-family:Ducosky, Arial, sans-serif;
	color:#114b7b;
}
.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%;
	text-align:center;
	font-size:36px;
	font-weight:bold;
	font-family:RIGT, Verdana, sans-serif;
	color:#114b7b;
	/*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%;
	padding-top:1%;
	padding-bottom:5%;
	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% 1% 0%;
	width:100%;
	text-align:center;
}
#roomtitlecontainer h3{
	font-size:48px;
	font-weight:bold;
	font-family:RIGT, Verdana, sans-serif;
	color:#114b7b;
	font-style:normal;
}

#roomdesccontainer{
	width:100%;
	padding:0% 0% 5% 0%;
	text-align:center;
	font-size:20px;
	/*font-weight:700;*/
	/*border:1px solid black;*/
}
#roomtypecontainer{
	/*width:100%;
	padding:1% 0%;*/
	width:96%;
	padding:1% 0% 1% 4%;
	/*border:1px solid blue;*/
}
.roomthumbcontainer{
	/*display:inline-block;*/
	display:table-cell;
	/*width:20%;
	padding:2% 2.2%;*/
	width:20%;
	padding:2% 2% 2% 3%;
	cursor:pointer;
	text-align:left;
	vertical-align:top;
	/*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;
	/*text-align:center !important;*/
	vertical-align:top;
	/*border:1px solid black;*/
	
	background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size:contain;
}
.roomthumbtextcontainer{
	width:100%;
	/*text-align:left !important;*/
	vertical-align:top;
	font-size:18px;
	padding:2% 2.2%;
	/*border:1px solid black;*/
}
.floorcontainer{
	width:100%;
	padding:2% 0%;
	cursor:pointer;
	/*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:50;
}
#roomdetailbox{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:950px;
	height:780px;
	padding:2% 2% 0% 2%;
	border:1px solid gray;
	background-color:#FFFFFF;
	overflow:auto;
}
.divclosebutton{
	width:100%;
	margin-top:-2%;
	/*border:1px solid black;*/
	position:relative;
}
.xbutton{
	width:20px;
	height:20px;
	background:url(../images/icon/x-button.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	text-align:center;
	position:absolute;
	top:0%;
	right:-2%;
	z-index:22;
	font-size:24px;
	cursor:pointer;
	/*border:1px solid red;*/
}
.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:560px;
	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%;
	/*margin:-10% 0% 0% 0%;*/
	/*padding:3% 35% 3% 35%;*/
	z-index:23;
}
#roomdotinnercontainer{
	width:100%;
	/*margin:0% 30%;*/
	text-align:center; 
 	/*background-color: rgba(50,50,50,0.5);*/
	/*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;
	vertical-align:top;
	padding:3% 0% 0% 0%;
}
.roomdetailleftcontainer>h4{
	font-size:18px;
	color:#114b7b;
	
}
.roomdetailleftcontainer>strong{
	font-weight:bold;
}

.roomdetailtextcontainer{
	/*border:1px solid black;*/
	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 !important;
	vertical-align:top;
	text-align:right;
}
.roomdetailrightcontainerright{
	display:inline-block !important;
	width:auto !important;
	text-align:left;
}
.roomdetailrightcontainer>h4{
	font-size:18px;
	color:#114b7b;
	
}
.roomdetailrightcontainer>strong{
	font-weight:bold;
}

/*---------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;
}
#facilitiestitlecontainer h3{
	font-size:48px;
	font-weight:bold;
	font-family:RIGT, Verdana, sans-serif;
	color:#114b7b;
	font-style:normal;
	/*border:1px solid red;*/
}
#facilitiesdesccontainer{
	width:100%;
	padding:0% 0% 5% 0%;
	text-align:center;
	font-size:20px;
	font-weight:700;
	/*border:1px solid black;*/
}
#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%;
	cursor:pointer;
}
.facilthumbimgcontainer{
	width:50%;
	height:80px;
	margin:15% 22%;
	padding:3%;
	/*border:1px solid cyan;*/
	
	background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
	
	-webkit-filter: brightness(0%);
	-moz-filter: brightness(0%);
	-o-filter: brightness(0%);
    filter: brightness(0%);
}
.smallerfacilthumbimg{
	/*width:80% !important;*/
	height:60px !important;
}
.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% 0% 12% 0%;
	display:table;
	/*outline:1px solid black;*/
}
.faqinnercontainer{
	padding:0% 5% 7% 5%;
	width:90%;
	/*outline:1px solid blue;*/
	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;
	position:relative;
}

.faqtext > a:after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  width: 0;
  bottom: -2px;
  background: #cc662e;
  height: 1px;
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.faqtext > a:hover:after,
.faqtext > a:focus:after,
.faqtext > a:active:after {
  left: 0;
  right: auto;
  width: 100%;
}
/*.faqtext a:hover{
	border-bottom:1px solid #cc662e;
}*/
/*----------faq section end----------*/
/*page do end*/

/*page faq start*/

.title{
	padding:2% 0% 3% 0%;
	/*border:1px solid red;*/
}
.title h1{
	font-size:48px;
	font-weight:bold;
	font-family:RIGT, Verdana, sans-serif;
	color:#114b7b;
	/*padding:2% 0% 3% 0%;*/
	/*border:1px solid red;*/
}

.tablecss {
	border-collapse: collapse;
}
.tablecss td {
	border: 2px solid black; 
}
.tablecss tr:first-child td {
	border-top: 0;
}
.tablecss tr td:first-child {
	border-left: 0;
}
.tablecss tr:last-child td {
	border-bottom: 0;
}
.tablecss tr td:last-child {
	border-right: 0;
}
/*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%;
}


/*----------eventform section start----------*/
.mediaformcontainer{
	/*width:100%;*/
	margin:0%;
	display:table;
	padding-bottom:5%;
	/*border:1px solid black;*/
}
.mediaforminnercontainer{
	padding:5% 10%;
	width:80%;
	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;
}
.formemailinput{
	padding:1%;
	font-size:18px;
	color:#cc662e;
	border:1px solid #cc662e !important;
}
.formcheckboxinput{
	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;
}
/*----------eventform section end----------*/
/*page media end*/

/*page how to get here start*/

.mediatitle{
	/*font-size:28px;
	font-weight:bold;
	border:1px solid red;
	font-family:RIGT, Verdana, sans-serif;
	color:#114b7b;
	padding:2% 0% 3% 0%;*/
}

.tablestyle {
	border-collapse: collapse;
}
.tablestyle td {
	border: 2px solid black; 
}
.tablestyle tr:first-child td {
	border-top: 0;
}
.tablestyle tr td:first-child {
	border-left: 0;
}
.tablestyle tr:last-child td {
	border-bottom: 0;
}
.tablestyle tr:nth-last-child(2) td:first-child {
	border-bottom: 0;
}
.tablestyle tr td:last-child {
	border-right: 0;
}
/*page how to get here end*/

/*page book yor experience start*/
/*----------bookexpform section start----------*/
.bookexpformcontainer{
	width:100%;
	margin:0%;
	/*padding:10% 0%;*/
	display:table;
	position:relative;
	/*background:rgba(17, 75, 123, 0.5);*/
	/*border:1px solid black;*/
}
/*.*/
.bookexpformbgcontainer{
	width:90%;
	padding:10% 5%;
	display:table;
	/*background:rgba(17, 75, 123, 0.5);*/
	/*border:1px solid black;*/
}
.bookexpforminnercontainer{
	width:90%;
	padding:5% 5% 5% 5%;
	/*background:rgba(255, 255, 255, 1);*/
	background:rgba(204, 144, 112, 0.1);
	/*z-index:3;*/
	/*border:1px solid black;*/
}
.bookexpformtitle{
	padding:0% 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;*/
}
.bookexpformdesc{
	width:100%;
	padding:0% 0% 5% 0%;
	text-align:center;
	font-size:20px;
	font-weight:700;
	/*border:1px solid black;*/
}
.bookexpformtable{
	display:table;
}
.bookexpformtr{
	display:table-row;
}
.bookexpformtdlabel{
	width:15%;
	padding:1% 2% 1% 2%;
	display:table-cell;
	white-space:nowrap;
	font-size:20px;
	text-align:right;
	vertical-align:middle;
	/*border:1px solid black;*/
}
#bookexpformmessagelabel{
	vertical-align:top !important;
}
.bookexpformtdinput{
	width:70%;
	padding:1% 2% 1% 2%;
	font-size:20px;
	display:table-cell;
	white-space:nowrap;
	/*border:1px solid black;*/
}
#bookexpformnameinput{
	-webkit-appearance: none;
	-moz-apperance: none;
	appearance:none;
	background-color:transparent;
	border-radius:0;
	padding:1%;
	font-size:20px;
	border:1px solid #cc662e;
}
#bookexpformemailinput{
	-webkit-appearance: none;
	-moz-apperance: none;
	appearance:none;
	background-color:transparent;
	border-radius:0;
	padding:1%;
	font-size:20px;
	border:1px solid #cc662e;
}
.bookexpformdateinput{
	-webkit-appearance: none;
	-moz-apperance: none;
	appearance:none;
	border-radius:0;
	background-color:transparent;
	padding:1%;
	font-size:20px;
	width:25%;
	border:1px solid #cc662e;
}
#bookexpformmessageinput{
	padding:1%;
	font-size:20px;
	border:1px solid #cc662e;
	min-height:200px;
	min-width:200px;
	max-height:500px;
	max-width:900px;
}
#bookexpformsubmitbutton{
	-webkit-appearance: none;
	-moz-apperance: none;
	appearance:none;
	border-radius:0;
	background-color:transparent;
	width:30%;
	text-align:center;
	font-size:28px;
	white-space:nowrap;
	/*margin:1% 30%;*/
	padding:1%;
	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==========================*/

/*page rent-a-farm start*/

/*----------rentfarm section start----------*/

.sukasantai_bgpaper{
	background-image:url(../images/sukasantai-paper-background.jpg);
	background-size:auto;
	background-position:center;
    background-repeat:repeat;
}
.sukasantai_bgimgforeword{
	background-size:cover;
    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:100vh;
}

.sukasantai_container{
	width:100%;
	margin:0%;
	display:table;
	position:relative;
}
.sukasantai_innercontainer{
	padding:3% 5% 3% 5%;
	width:90%;
	/*outline:1px solid blue;*/
}
.sukasantai_innercontainertop{
	padding:8% 5% 3% 5%;
	width:90%;
	/*outline:1px solid blue;*/
}
.sukasantai_table{
	display:table;
}

.sukasantai_halfcontainer{
	display:table-cell;
	width:50%;
	/*margin-top:20%;*/
	padding:0% 3%;
	font-size:20px;
	/*font-weight:700;*/
	vertical-align:top;
	/*outline:1px solid black;*/
}
.sukasantai_halftleft{
	border-right:2px solid #114b7b;
}

.sukasantai_halfright{
	/*padding:0% 0%;*/
}
.sukasantai_halfcontainerbelow{
	padding:0% 5%;
	/*outline:1px solid black;*/
}
.sukasantai_bluebox{
	width:100%;
	margin:5% 0% 10% 0%;
	padding:5% 0%;
	background-color:#114b7b;
	color:#ffffff;
	font-size:20px;
	font-weight:700;
	letter-spacing:2;
	line-height:1.5;
	/*outline:1px solid white;*/
}
.sukasantai_bluebox table{
	width:90%;
	margin:auto;
	vertical-align:middle;
	/*outline:1px solid white;*/
}
.sukasantai_bluebox table th{
	padding:2% 3%;
	border-bottom:1px solid white;
}
.sukasantai_bluebox table td{
	padding:1% 2%;
}

.rentfarmpastevents{
	width:100%;
	margin:auto;
	/*outline:1px solid black;*/
}

#rentfarmpasteventstitle{
	padding:0.5% 0% 0.5% 0%;
	margin-bottom:5%;
	width:100%;
	text-align:center;
	/*background-color:#114b7b;*/
	/*outline:1px solid black;*/
}
#rentfarmpasteventstitle h3{
	font-size:48px;
	font-weight:bold;
	font-family:RIGT, Verdana, sans-serif;
	/*color:#ffffff;*/
	color:#114b7b;
	font-style:normal;
}
.pasteventslideshow {
	display:block ;
	width:100%;
}
.pasteventslideshow .flexslider div li {
	background-size: cover;
	background-repeat:no-repeat;
	background-position:50% 50%;
	height:700px;
}

.pasteventdesc{
	display:table;
	width:100%;
	margin:5% 0% 15% 0%;
	/*outline:1px solid black;*/
}
.pasteventdescimg{
	display:table-cell;
	width:30%;
	vertical-align:middle;
	text-align:center;
	/*outline:1px solid black;*/
}
.pasteventdescimg img{
	width:90%;
	margin:auto;
	/*outline:1px solid black;*/
}
.pasteventdesctext{
	display:table-cell;
	padding:0% 0% 0% 3%;
	font-size:18px;
	/*font-weight:700;*/
	/*outline:1px solid black;*/
}

#pasteventgallery:before {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 1px;
  width   : 20%;
  margin  : 0% 40%;
  border-bottom:2px solid #114b7b;
}
/*----------rentfarm section start----------*/

/*----------eventcustom section start----------*/

#eventcustomcontainer{
	width:100%;
	display:table;
	padding-bottom:0%;
	margin:0% 0% 9% 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:48px;
	font-family:RIGT, Verdana, sans-serif;
	font-weight:bold;
	color:#114b7b;
	font-style:normal;
	/*border:1px solid black;*/
}
#eventcustomdesccontainer{
	width:100%;
	padding:0% 0% 5% 0%;
	text-align:center;
	font-size:20px;
	/*font-weight:700;*/
	/*outline:1px solid black;*/
}
#eventcustomtypecontainer{
	width:80%;
	padding:1% 0%;
	display:table;
	margin:auto;
	/*border:1px solid black;*/
}
.eventcustomthumbcontainer{
	display:table-cell;

	width:16%;
	height:180px;
	background-position:50% 50%;
	background-size:contain;
	margin:2% 2% 0% 2%;
	/*outline:1px solid black;*/
}
.thumbimgcontainer{
	width:96%;
	margin:1% 2%;
	height:180px;
	/*border:1px solid black;*/
}
.thumbtextcontainer{
	width:100%;
	padding:1% 0% 2% 0%;
	text-align:center;
	font-size:18px;
	/*font-weight:700;*/
	/*border:1px solid black;*/
}

/*----------eventcustom section end----------*/

/*page rent-a-farm end*/

/*page our story start*/

/*#storyforeword{
	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%;
}*/

#ourstorycontent{
	margin-bottom:12%;
}
.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%;
	/*padding:0% 0% 2% 0%;*/
	line-height:1.5;
	display:inline-block;
	vertical-align:top;
	font-size:20px;
	/*font-weight:500;*/
	/*outline:1px solid black;*/
}

.storyvideocontainer{
	width:100%;
	height:480px;
	margin-bottom:5%;
	display:block;
	/*outline:1px solid black;*/
}

/*.storytextcontainer iframe{
	width:100%;
	height:480px;
	margin-bottom:5%;
	display:block;
}*/
/*page our story end*/

/*page rates start*/


/*#ratesforeword{
	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%;
}*/

.sukasantai_titlecontainer{
	padding:2% 0% 0% 0%;
	width:100%;
	text-align:center;
}
.sukasantai_titlecontainer h3{
	font-size:48px;
	font-weight:bold;
	font-family:RIGT, Verdana, sans-serif;
	color:#114b7b;
	font-style:normal;
	/*border:1px solid red;*/
}
.sukasantai_desccontainer{
	width:100%;
	padding:0% 0% 2% 0%;
	text-align:center;
	font-size:20px;
	/*font-weight:700;*/
	/*border:1px solid black;*/
}

#ratesimgcontainer{
	width:100%;
	/*outline:1px solid black;*/
}

#ratesimgcontainer img{
	height:150px;
	float:right;
	/*outline:1px solid blue;*/
}

/*----------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;*/
}
.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:400px;
	z-index:-1;
	background-size:cover;
	
	-webkit-filter: brightness(95%);
	-moz-filter: brightness(95%);
	-o-filter: brightness(95%);
    filter: brightness(95%);
}
.hoveredrates{
	-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;
}
.unhoveredrates{
	-webkit-filter: brightness(95%);
	-moz-filter: brightness(95%);
	-o-filter: brightness(95%);
    filter: brightness(95%);
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.ratesthumbtextcontainer{
	width:78%;
	height:100%;
	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:0.0;
	-moz-opacity:0.0;
	-o-opacity:0.0;
	opacity:0.0;
}
.ratesthumbtext span{
	font-size:14px;
}
.hoveredratestext{
	-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;
}
.unhoveredratestext{
	-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;
}

/*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:50;
	/*-webkit-overflow-scrolling: touch;*/
}
#farmplusdetailbox{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:900px;
	height:730px;
	padding:2% 2% 0% 2%;
	border:1px solid gray;
	background-color:#FFFFFF;
	overflow:auto;
}

#farmplusdetailmaincontainer{
	padding:5%;
	width:90%;
	/*outline:1px solid black;*/
}
/*farmplusdetail end*/


/*----------farmplus section end----------*/

/*----------transport section end----------*/
#transporttabletitle{
	width:100%;
	text-align:center;
}
#transporttable{
	width:100%;
	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:9%;
	/*outline:1px solid blue;*/
}

#ratespromocontainer {
	width:90%;
	padding:2% 5% 5% 5%;
	/*outline:1px solid blue;*/
}

#ratespromocontainer img {
	margin:2% 5%;
	width:90%;
	cursor:pointer;
	/*outline:1px solid black;*/
}

.sukasantai_valignmiddle {
	vertical-align:middle !important;
}


/*promodetail start*/
#promodetailcontainer{
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:none;
	position:fixed;
	background-color: rgba(51,51,51,.9);
	overflow:auto;
	z-index:50;
}
#promodetailbox{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:900px;
	height:730px;
	padding:2% 2% 0% 2%;
	border:1px solid gray;
	background-color:#FFFFFF;
	overflow:auto;
}

#promodetailmaincontainer{
	padding:5%;
	width:90%;
}
/*promodetail end*/


/*page rates end*/

.lastcontent{
	margin-bottom:12%;
}


/*==================================================*/

/*--------------------Welcome Page Start---------------*//*added 040120*/

/*======================welcome page navbar=============================*/

#sukasantai-welcome-innermaincontainer{
	/*overflow:auto;*/
}

.sukasantai-welcome-navbarcontainer{
	width:100%;
	background-color:#114b7b;
	display:table;
}
#sukasantai-welcome-navbar{
	width:100%;
	padding:2.2vh 0%;
	/*outline:1px solid red;*/
	vertical-align:middle;
	display:table;
}
.sukasantai-welcome-navbar-logocontainer{
	width:50%;
	display:table-cell;
	margin:0%;
	vertical-align:middle;
	/*outline:1px solid black;*/
}
#sukasantai-welcome-navbar-logo{
	width:100%;
	height:110px;
	background-image:url(../images/sukasantai-logo-white.png);
	background-size:contain;
	background-position:center;
    background-repeat: no-repeat;
	/*outline:1px solid red;*/
}


#sukasantai-welcome-navbar-partition{
	width:50%;
	/*border:1px solid green;*/
	display:table-cell;
}

#sukasantai-welcome-dropdown{
	width:100%;
	/*outline:1px solid green;*/
	z-index:21;
	display:block;
}
#sukasantai-welcome-dropdown a{
	color:white;
}
.sukasantai-welcome-navbuttoncontainer{
	width:100%;
	/*outline:1px solid yellow;*/
}
.sukasantai-welcome-navbutton{
	width:100%;
	border-top:1px solid white;
	/*outline:1px solid white;*/
	padding:4.3vh 0%;
	text-align:center;
}
.sukasantai-welcome-navbuttonline{
	width:auto;
	font-size:48px;
	display:inline-block;
	padding:0% 0% 5px 0%;
	position:relative;
	/*outline:1px solid red;*/
}
.sukasantai-welcome-navbuttoncontainer > a > .sukasantai-welcome-navbutton > .sukasantai-welcome-navbuttonline:after {
	content: "";
	position: absolute;
	z-index: 3;
	left: 0;
	width: 0;
	bottom: -2px;
	background: #cc662e;
	height: 2px;
    /*opacity: 0;*/
	transition-property: width;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
}
.sukasantai-welcome-navbuttoncontainer > a:hover > .sukasantai-welcome-navbutton > .sukasantai-welcome-navbuttonline:after,
.sukasantai-welcome-navbuttoncontainer > a:focus > .sukasantai-welcome-navbutton > .sukasantai-welcome-navbuttonline:after,
.sukasantai-welcome-navbuttoncontainer > a:active > .sukasantai-welcome-navbutton > .sukasantai-welcome-navbuttonline:after {
	  left: 0;
	  width: 100%;
}

.sukasantai-welcome-activedbutton{
	border-bottom:2px solid #cc662e;
}
#sukasantai-welcome-buttonbook{
	width:auto;
	color:#ffffff;
	background-color:#cc662e;
	/*outline:1px solid white;*/
	font-size:48px;
	padding:4.3vh 0%;
	text-align:center;
	white-space:nowrap;
}


/*============================welcome page footer=================================*/
#sukasantai-welcome-footercontainer{
	width:100%;
   	height:40%;
   	height:40vh;
	background-color:#114b7b;
	display:table;
}
#sukasantai-welcome-footerinnercontainer{
	width:100%;
   	height:20vh;
	margin:0% 0% 0% 0%;
	padding:10% 0% 5% 0%;
	/*outline:1px solid white;*/
	vertical-align:middle;
	display:table;
}
#sukasantai-welcome-logofootercontainer{
	width:80%;
	margin:-3% 10% 8% 10%;
	/*outline:1px solid black;*/
}

#sukasantai-welcome-logofootercontainer a{
	color:#FFFFFF;
}
#sukasantai-welcome-logofooter{
	width:100%;
	height:180px;
	background-image:url(../images/sukasantai-logo-white.png);
	background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
#sukasantai-welcome-navfootercontainer{
	vertical-align:top;
	padding:8% 0%;
	border-top:1px solid white;
}
#sukasantai-welcome-navinnerfootercontainer{
	/*padding:10% 0%;
	outline:1px solid yellow;*/
}
.sukasantai-welcome-navfooterbutton{
	width:90%;
	padding:3% 5%;
	color:#FFFFFF;
	font-size:36px;
	white-space:nowrap;
	text-align:center;
	position:relative;
	/*outline:1px solid black;*/
}
.sukasantai-welcome-navfooterbutton span{
	position:relative;
	/*outline:1px solid black;*/
}
#sukasantai-welcome-navinnerfootercontainer > a > .sukasantai-welcome-navfooterbutton > span:after {
	content: "";
	position: absolute;
	z-index: 3;
	left: 0;
	width: 0;
	bottom: -2px;
	background: #cc662e;
	height: 3px;
	transition-property: width;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
}
#sukasantai-welcome-navinnerfootercontainer > a:hover > .sukasantai-welcome-navfooterbutton > span:after,
#sukasantai-welcome-navinnerfootercontainer > a:focus > .sukasantai-welcome-navfooterbutton > span:after,
#sukasantai-welcome-navinnerfootercontainer > a:active > .sukasantai-welcome-navfooterbutton > span:after {
	  left: 0;
	  right: auto;
	  width: 100%;
}
#sukasantai-welcome-socialmediacontainer{
	/*outline:1px solid black;*/
	display:inline-block;
	text-align:center;
	border-top:1px solid white;
	padding:2% 0%;
	width:100%;
	/*text-align:right;*/
}
.sukasantai-welcome-sosmedcontainercol{
	/*outline:1px solid yellow;*/
	width:30%;
	display:inline-block;
	/*text-align:right;*/
	/*display:table;*/
}
.sukasantai-welcome-socialmediabutton{
	width:20%;
	height:120px;
	display:inline-block !important;
	/*outline:1px solid white;*/
}
#sukasantai-welcome-contactcontainer{
	width:100%;
	font-size:36px;
	border-top:1px solid white;
	/*outline:1px solid black;*/
}
#sukasantai-welcome-addresscontainer{
	width:100%;
	padding:4% 0% 2% 0%;
	color:#FFFFFF;
	font-size:36px;
	/*font-weight:700;*/
	text-align:center;
	/*outline:1px solid black;*/
}
#sukasantai-welcome-phonecontainer{
	width:100%;
	padding:2% 0% 4% 0%;
	color:#FFFFFF;
	font-size:36px;
	font-weight:700;
	text-align:center;
	vertical-align:middle;
	/*border-top:1px solid white;*/
	/*outline:1px solid black;*/
}
#sukasantai-welcome-phonecontainer a{
	color:#FFFFFF;
	position:relative;
}
#sukasantai-welcome-phonecontainer > a:after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  width: 0;
  bottom: -2px;
  background: #cc662e;
  height: 1px;
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
#sukasantai-welcome-phonecontainer > a:hover:after,
#sukasantai-welcome-phonecontainer > a:focus:after,
#sukasantai-welcome-phonecontainer > a:active:after {
  left: 0;
  right: auto;
  width: 100%;
}
#sukasantai-welcome-copyrightcontainer{
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	font-size:36px;
	padding:3% 0%;
	/*border-top:1px solid white;*/
	/*outline:1px solid black;*/
}
#sukasantai-welcome-copyrightcontainer a{
	color:#FFFFFF;
}

/*--------------------Welcome Page End---------------*/


/*-------------payment page---------------------*/

.paymentInfo{
	font-size:.8em;
	color:#114b7b;
}
/* The container */
.containerPayment {
	display: block;
	position: relative;
	padding-left: 55px;
	padding-top:0px;
	margin-bottom: 15px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	background-color:white;
	border-radius:10px;
	height:90px;
	box-shadow: 2px 2px #bbb;
	position: relative;
}
	
	
.containerPaymentText{
	position: absolute;
	top: 50%;
	margin-left:10px;
	transform: translateY(-50%);
}

.containerPaymentImage{
	position: absolute;
	top: 50%;
	right:10px;
	transform: translateY(-50%);
}

.containerPaymentImage img{
	height:20px;
	margin-left:15px;
}

/* Hide the browser's default radio button */
.containerPayment input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 32px;
  left: 20px;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
  outline:solid #aaa 1px;
}

/* On mouse-over, add a grey background color */
.containerPayment:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerPayment input:checked ~ .checkmark {
  background-color: #2196F3;
  outline:solid #2196F3 1px;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerPayment input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containerPayment .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.paymentButtonSubmit {
	text-align:right;
	display:block;
}

.paymentButtonStyle {
	-webkit-appearance: none;
	margin-top:50px;
    padding:13px 30px; 
    background:#D3662E; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
	color:#fff;
	font-size:1em;
	font-family:Ducosky, Arial, sans-serif;
	
}

.qrisImage {
	width:30%;
}
.qrisImagePayment {
	display:inline-block;
	height:30px;
	margin-top:10px;
	margin-right:20px;
}
/*-------------payment page end---------------------*/