@charset "utf-8";

/* CSS Document */



@font-face {

	font-family:"PT Sans Narrow";

	src: url('../font/PTN57F.ttf');}



@font-face {

	font-family:"Segoe UI Symbol";

	src: url('../font/seguisym.ttf');}



body

{/*background:url(../images/background.jpg) top center no-repeat;*/

background-color:#6fb018;

font-family:Arial, Helvetica, sans-serif;

color:#FFF;

margin:0px;

padding:0px;}





h2{font-weight:bold; }





#top-section{ width:100%; float:left; position:absolute; z-index:9999;} 



.menu {

	float: right;

	margin:0px 0px 0px 0px;

	padding:15px 0px 5px 0px;

width:72.3%;

background:url(../images/menu_bg.jpg) bottom right no-repeat;

	z-index:11;

}

.menu ul {

	float:left;

	margin:0px 0px 15px 0px;

	padding:0px 0px 0px 0px;

	width:100%;

}

.menu ul li {

	float:left;

	margin:0px;

	padding:5px 14px 5px 5px;

	list-style:none;

	background:url(../images/divider.png) right 30px no-repeat;

}

.menu ul li a {

	float:left;

	margin:0px;

	padding:20px 10px 0px 10px;

	font-size:17px;

	font-family:"Segoe UI Symbol";

	text-decoration:none;

	color:#004643;

}

.menu ul li a:hover {

	background:url(../images/menu_bg.png) top center no-repeat;

	padding-top:20px;

	color:#000;

}

.menu ul li a.active {

	background:url(../images/menu_bg.png) top center no-repeat;

	padding-top:20px;

}



.logo, .logo_inner {

	margin: 0px auto;

	width:62%;

	display:block;

	margin-top:-10px;

	text-align:center;

	padding: 0 0 0px;

}



.logo_inner {margin-top:-50px;  }



.logo img, .logo_inner img{ width:100%; height:auto;}



.logo_gallery {

	float: left;

	margin: 0;

	padding:0px 0px 0px 30px;

	position:relative;

	top:-75px;

}



#middle

{width:100%;

margin:0px;

padding:0px;

display:table; }



.left{width:27.5% !important; float:left; }

.right{ width:72.5%; float:right; overflow: hidden;}



/*.right img{width:100%; display:block; }*/

.right span{

    font-size: 18px;

	font-family:"PT Sans Narrow";

    width: 100%;}

.right h2{color: #B7D88B;

    float: left;

    font-size: 38px;

    margin: 0;

    padding:10px 0 0px ;

    width: 100%; }



.right p{ float: left;

    font-family: "PT Sans Narrow";

    font-size: 14px;

    margin: 0;

	line-height:15px;

    padding: 20px 25px 0 0;

    text-align: left;

    width: 43%; }	



.banner{

width:100%; overflow:hidden; 

float:left;

max-height:281px;

height:100%;

background:url(../images/baner_ling.png) 0px 146px repeat-y; padding-left:0.25%;

    color: #000000;

    font-weight: 700;

}

	

.banner img {

	width:100%; 

 transform: scale(1, 1);

    transition-duration: 250ms;

    transition-timing-function: ease-out; display:block;

}

.banner img:hover {

	cursor:pointer;

 transform: scale(1.05, 1.07);

    transition-duration: 250ms;

    transition-timing-function: ease-out;

}	





#banner-fade{width:99.6%; padding-left:0.4%; overflow:hidden; float:left;height:410.942px !important; background:url(../images/baner_ling.png) bottom left repeat-y; }



#banner-fade ul{padding:0px; margin:0px; list-style-type:none; width:100%;height:410.942px !important;  }



#banner-fade ul li{width:100%; overflow:hidden;height:410.942px !important;  }

#banner-fade ul li img{width:100%; display:block;height:410.942px !important; 

 transform: scale(1, 1);

    transition-duration: 250ms;

    transition-timing-function: ease-out; display:block;  }



#banner-fade ul li img:hover{	cursor:pointer;

 transform: scale(1.05, 1.07);

    transition-duration: 250ms;

    transition-timing-function: ease-out; }



.texts {

	margin: 0px;

	float:left;

	text-align: center;

width:100%;



}

.texts span {

	color: #9AC85D ;

	font-family: Myriad Pro;

	font-size: 38px ;

	margin: 0px auto;

	width:200px;

	display:table;

	text-align:left;

}

.texts h2 {

	color: #9AC85D !important;

	float: left;

	font-family:Myriad Pro !important;

	font-size: 90px !important;

	font-weight: lighter !important;

	margin: 0;

	margin-top:-30px;

	padding: 0;

	position: relative !important;

	text-align: center !important;

	width:100% !important;

}

.texts strong {

	color: #9AC85D !important;

	font-family: Myriad Pro;

	font-size: 38px !important;

	margin: 0px 0px 0px 5px;

	padding:0px;

	text-align: center;

	width: 100px;

		}

		

		

.amenities, .amenities ul {

	float:left;

	margin:0px;

	list-style-type:none;

	padding:0%;

	width:99%;

}

.amenities ul li {

	float:left;

	margin:0px;

	padding:5px 0px 5px 15px;

	font-size:14px;

	width:22%;

	background:url(../images/list.png) left 8px no-repeat;

}		



.contact, .contact ul {

	float:left;

	margin:0px;

	list-style-type:none;

	padding:5px 0px 0px 0px;

	width:100%;

}

.contact ul li {

	float:left;

	margin:0px;

	padding:0px 0px 5px 0;

	width:70%;

	font-family:"PT Sans Narrow";

}

.contact ul li small {

	float:left;

	margin:0px;

	padding:5px 0px 0px 0px;

	width:35px;

}

.contact ul li span {

	float:left;

	margin:0px;

	padding:0px;

	line-height:20px;

	font-size:14px !important;

}

.contact ul li strong {

	width:100%;

	font-size:20px;

	float:left;

	padding:20px 0px 0px 0px;

	color:#035551;

}

.contact ul li spam {

	float:left;

	padding:0px;

	font-size:12px;

}

/*.contact ul li img{ width:100%;}*/



.contact ul li a {

	color:#035551;

}		



.inquiry {

    float:left;

	position:fixed;

	left:22px;

	top:510px;

	z-index:22;

    margin: 0;

    padding:30px 0px 0px 0px;

 }



form {

	float:left;

	width:100%;

	margin:0px;

	padding:30px 0px 0px 25px;

}

fieldset {

	float:left;

	border:none;

	width:100%;

	margin:0px 0px 0px 0px;

	padding:0px;

}

input {

	float:left;

	width:250px;

	height:27px;

	margin:0px 42px 32px 0px;

	padding:0px 0px 2px 30px;

	background:#fff !important;

	border:1px solid #fff;

	border-radius:10px;

	color:#004643;

}

label {

	float: left;

	font-size: 14px;

	color:#ffffff;

	margin:0px 0px 0px 0px;

	padding:5px 0px 0px 10px;

	width: 120px;

}

.image {

	float: left;

	margin: 0px 0px 0px 0px;

	right:-5px;

	padding: 5px 0 0;

	position: relative;

	width: 0px !important;

	z-index: 1;

}

textarea {

	float:left;

	width:77%;

	height:110px;

	border:1px solid #fff;

	margin:2px 0px 20px 0px;

	padding:2px 0px 0px 30px;

	border-radius:10px;

	color:#004643;

	background:#fff !important;

}

select {

	float: left;

	background:#fff;

	border:1px solid #fff;

	border-radius:10px;

	height: 30px;

	margin: 0px 0px 45px 0px;

	padding: 5px 10px 5px 30px;

	width: 280px;

}

option {

	float: left;

	border:none;

	background:#FFF;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}

ol.arrows {

	width:160px;

	height:105px;

	display:inline-block;

	position:relative;

	top:390px;

	left:80px;

}



		

footer{width:24%; margin:0px; padding:0px 0px 0px 1%; position:absolute; bottom:0px; left:0px; font-family:"PT Sans Narrow"; color:#FFF; z-index:7777; font-size:13px;  }

footer p{padding-bottom:0px; }



.arti{	padding:5px 10px;

	background: #004643;

	color: #f2f4f4;

	font-family: "PT Sans Narrow";

	font-size:18px;

	cursor: pointer;

	margin: 3px 2px 0px 20px;

	border-radius: 5px;

	float:left;

 }

.arti a{color:#FFF !important ; }

 

.arti:hover {

	background: #f2f4f4;

	color:#004643 ;

}



 



.column{float:left; }

button {

	border: none;

	padding:5px 10px;

	background: #004643;

	color: #f2f4f4;

	font-family: "PT Sans Narrow";

	font-size:18px;

	cursor: pointer;

	margin: 3px 2px;

	border-radius: 5px;

	float:left;

}



button:hover {

	background: #f2f4f4;

	color:#004643;

}



.area{ width:100% !important; display:block; float:left; overflow:hidden; max-height:640px; }





.space {

	max-height:639px;

    position: absolute;

    top: 0;

	text-align:center;

	overflow:hidden;

    width: 100%;

    z-index: -1 !important;

}



.space img{width:100%; }







.slogan{font-size:11px; text-transform:uppercase; margin-top:-7px; margin-bottom:10px; }

.slogan strong{color:#FFF; }

.flower{position:absolute; z-index:9999; right:-18px; top:445px; }





@media screen and (max-width:1280px) { 

.right{ background-position: 0px 125px; }



}

@media screen and (max-width:1024px) { 

.banner{padding-top:10px; }

.menu ul li a {font-size:14px; padding:20px 8px 0px; }

.right{ background-position: 0px 85px; }

.right h2 {font-size:30px; }

.right span {font-size:15px; }

.right p {font-size:12px; }

}



@media screen and (max-width:800px) { 

.banner{padding-top:10px; }



.menu ul li{padding:5px 5px 5px 6px !important; background-position: right 25px; }

.menu ul li a {font-size:13px; padding:20px 6px 0px 0px;  }

.right{ background-position: 0px 85px; }

.right h2 {font-size:30px; }

.right span {font-size:15px; }

.right p {font-size:12px; }

.content p{font-size:10px !important;  }

.texts span{ font-size:25px !important; width:150px !important; }

.texts h2 { font-size:60px !important;  margin-top:-20px !important; }

.texts strong{ font-size:25px !important ;}

#banner-fade{margin-bottom:8px !important; float:left !important; }

.amenities ul li {font-size:12px !important; }

}