/* width */
::-webkit-scrollbar {
	width: 6px;
	position: relative;
	z-index: -1;
}

/* Track */
::-webkit-scrollbar-track {
	/*background:linear-gradient(to right, transparent 0, transparent 33%, #212515 33%, #212515 66%, transparent 66%, transparent 100%);*/
	background: #f5f5f5;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #374714;
	border-radius: 0px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #212515; 
}


.bg-over {
	background: url(../images/bg07.jpg) no-repeat center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.bg-about {
	background: url(../images/bg02.jpg) no-repeat center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.bg-product {
	background: url(../images/bg-product.jpg) no-repeat center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}


.bg-gallery {
	background: url(../images/bg-gallery.jpg) no-repeat center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}


.bg-branch01 {
	background: url(../images/146.jpg) no-repeat center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.bg-faq {
	background: url(../images/238.jpg) no-repeat center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.bg-news {
	background: url(../images/88.jpg) no-repeat center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.bg05-1 {
	background: url(../images/bg05-1.jpg) no-repeat center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}


.bg-contact {
	background: url(../images/bg09.jpg) no-repeat center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}


.bg-infor {
	background: url(../images/bg08.jpg) no-repeat center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}






/*---font---*/


.f18{
	font-size: 18px;
}

.f20{
	font-size: 20px;
}
.f200{
	font-weight: 200;
}

.f300{
	font-weight: 300;
}

.f400{
	font-weight: 400;
}

.f500{
	font-weight: 500;
}

.f600{
	font-weight: 600;
}



.f16-400{
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 5px;
}

.f15-300{
	font-size: 15px;
	font-weight: 300;
}

/*---color---*/

.white{
	color: #fff;
}

.gray{
	color: #555;
}

.orange{
	color: #ff7302;
}

.yellow{
	color: #d5a000;
}

.black{
	color: #000;
}

.gold{
	color: #d5a000;
}

.c333{
	color: #333;
}

.red-f00 {
	color: #f00;
}
.section-1-herder {
	display: block;
	margin: 0 auto;
	position: absolute;
	z-index: 8;
	top: 0px;
	left: 0;
	right: 0;
}

.green {
	color: #2cbf09;
}

.shot-co{
	color: #333;
}

.shot-co :hover{
	color: #d5a000 ;
}

/*---margin---*/

.m12{
	margin-top: 12px;
}




/*-----slide-----*/
.border01 {
	border-bottom: 4px solid #fff;
	padding: 0px 0px;
}


/*---------------*/

.d-box-header01 {
	display: block;
	padding: 10px;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 0px;
	line-height: 1.42857143;
	background-color: #555;
	color: #fff;
	border: 1px solid #555;
	border-radius: 0px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
}

.d-box-header02 {
	display: block;
	padding: 10px;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 0px;
	line-height: 1.42857143;
	background-color: #333;
	color: #fff;
	border: 1px solid #555;
	border-radius: 0px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
}

.circle-shadow {
	border-radius: 50%;

}


.circle-shadow:hover {
	border-radius: 50%;
	/*transform: scale(0.95);*/
	-webkit-box-shadow: 0px 0px 18px rgba(50, 50, 50, 0.31);
	-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.31);
	box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.47);
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}



/*-----PROFESSINAIL COURSE-----*/
.card {
	overflow: hidden;
	position: relative;
	display: inline-block;
  /*height: 400px;
  width: 600px;*/
}

.img-container {
	transition: transform .1s ease;
}

.img-container:hover {
	transform: scale(1.1);
}

.card img {
	opacity: .5;
	transform: translate(0,0);
	transition: opacity .25s ease-in-out;
}

.card img:hover {
	opacity: 1;
}

.item-hover {
	width: 100%;
	border-radius: 8px;
	height: auto;
	position: relative;
	overflow: hidden;
}

.item-hover .inner {
	/*overflow: hidden;
	height: 54px;*/
	position: absolute;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
	text-align: center;
	top: 77%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	width: 100%;
	color: #fff;
	background: rgba(0, 0, 0, 0.48);
	padding: 0px;
	margin: 0;
	box-sizing: border-box;
	z-index: 999;
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	padding: 0.2em;
	/* background-color: rgba(255, 255, 255, 0.72); */
}

.item-hover .image-zoom {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}

.item-hover:hover .image-zoom {
	transform: s.le(1.1);
	-webkit-transform: scale(1.1);
}

.item-hover:hover .inner {
	padding: 0.2em;
	color: #fff;
	background-color: #e2ac22;
}


/*---สาขา---*/

.bg-branch{
	background: rgba(255, 255, 255, 0.77);
	border-radius: 8px;
}

.item02-hover {
	width: 100%;
	border-radius: 8px;
	height: auto;
	position: relative;
	overflow: hidden;
}

.item02-hover .inner02 {
	/*overflow: hidden;
	height: 54px;*/
	position: absolute;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	top: 80%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	width: 100%;
	color: #333333;
	background: rgba(255, 255, 255, 0.85);
	padding: 0px;
	margin: 0;
	box-sizing: border-box;
	z-index: 999;
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	padding: 0.2em;
	/* background-color: rgba(255, 255, 255, 0.72); */
}

.item02-hover .image-zoom {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}

.item02-hover:hover .image-zoom {
	transform: s.le(1.1);
	-webkit-transform: scale(1.1);
}

.item02-hover:hover .inner02 {
	padding: 0.2em;
	color: #fff;
	background-color: #e2ac22;
}


/*------NEWS-----*/

.news-box {
	font-size: 18px;
	color: #000;
	height: auto;
	margin: 15px;
	border-radius: 8px;
	background-color: #fff;
	float: left;
	overflow: hidden;
}

.news-content{
	padding: 22px;
	padding-bottom: 7px;
}

.content02{
	height: 80px;
	overflow: hidden;
}

.page-header {
	padding-bottom: 9px;
	margin: 0px 0 9px;
	border-bottom: 2px solid #b7b7b7;
}

.shadow-news {
	-webkit-box-shadow: 0px 0px 18px rgba(50, 50, 50, 0.31);
	-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.31);
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.31);
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

figure.snip1205 {
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	background: #229955;
	text-align: center;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
figure.snip1205 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
figure.snip1205 img {
	max-width: 100%;
	vertical-align: top;
}
figure.snip1205 i {
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	font-size: 34px;
	color: #000000;
	width: 60px;
	height: 60px;
	line-height: 60px;
	background: #ffffff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	-webkit-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
	transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
figure.snip1205 a {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
}
figure.snip1205.blue {
	background-color: #2472a4;
}
figure.snip1205.blue i {
	color: #20638f;
}
figure.snip1205.red {
	background-color: #ab3326;
}
figure.snip1205.red i {
	color: #962d22;
}
figure.snip1205.yellow {
	background-color: #e08e0b;
}
figure.snip1205.yellow i {
	color: #c87f0a;
}
figure.snip1205.green {
	background-color: #229955;
}
figure.snip1205.green i {
	color: #1e8449;
}
figure.snip1205.orange {
	background-color: #d67118;
}
figure.snip1205.orange i {
	color: #bf6516;
}
figure.snip1205.navy {
	background-color: #2b3c4e;
}
figure.snip1205.navy i {
	color: #222f3d;
}
figure.snip1205:hover img,
figure.snip1205.hover img {
	opacity: 0.3;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
figure.snip1205:hover i,
figure.snip1205.hover i {
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}



/*-----PRODUCT-----*/


.item-hover03 {
	width: 100%;
	border-radius: 8px;
	height: auto;
	position: relative;
	overflow: hidden;
}

.item-hover03 .inner03 {
	position: absolute;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    top: 92%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	width: 100%;
	color: #000;
	background: rgba(255, 255, 255, 0.55);
	padding: 0px;
	margin: 0;
	box-sizing: border-box;
	z-index: 999;
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	padding: 0.5em;
	/* background-color: rgba(255, 255, 255, 0.72); */
}

.item-hover03 .image-zoom {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}

.item-hover03:hover .image-zoom {
	transform: s.le(1.1);
	-webkit-transform: scale(1.1);
}

.item-hover03:hover .inner {
	padding: 0.2em;
	color: #fff;
	background-color: #e2ac22;
}

.marproduct01{
	margin-bottom: 100px;
}


.item-hover03 .inner04 {
	position: absolute;
	font-size: 17px;
	font-weight: 400;
	top: 94%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	width: 100%;
	color: #000;
	background: rgba(255, 255, 255, 0.55);
	padding: 0px;
	margin: 0;
	box-sizing: border-box;
	z-index: 999;
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	padding: 0.5em;
	/* background-color: rgba(255, 255, 255, 0.72); */
}


/*---gallery---*/

figure.snip0077 {
	border-radius: 8px;
	color: #fff;
	position: relative;
	float: left;
	overflow: hidden;
	margin-bottom: 25px;
	width: 100%;
	background: #000000;
	text-align: center;
}
figure.snip0077 * {
	-webkit-box-sizing: padding-box;
	box-sizing: padding-box;
}
figure.snip0077 img {
	opacity: 1;
	width: 100%;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
figure.snip0077 figcaption {
	top: 50%;
	left: 50px;
	right: 50px;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
figure.snip0077 figcaption h2,
figure.snip0077 figcaption p {
	margin: 0;
	color: rgba(255, 255, 255, 0);
	text-shadow: 0 0 40px #ffffff;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
figure.snip0077 figcaption h2 {
	position: relative;
	font-weight: 400;
	text-transform: uppercase;
}
figure.snip0077 figcaption h2 span {
	font-weight: 800;
}
figure.snip0077 figcaption p {
	font-size: 20px;
	font-weight: 400;
	line-height: 27px;
	opacity: 0.65;
}
figure.snip0077:before,
figure.snip0077:after {
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	content: '';
	opacity: 0;
	box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.15);
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s,-webkit-transform 0.5s,-moz-transform 0.5s,-o-transform 0.5s,transform 0.5s;
}
figure.snip0077:before {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
}
figure.snip0077:after {
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
}
figure.snip0077 a {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	z-index: 1;
}
figure.snip0077.blue {
	background: #0a212f;
}
figure.snip0077.red {
	background: #36100c;
}
figure.snip0077.yellow {
	background: #562e0a;
}
figure.snip0077:hover img,
figure.snip0077.hover img {
	opacity: 0.2;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
figure.snip0077:hover figcaption h2,
figure.snip0077.hover figcaption h2,
figure.snip0077:hover figcaption p,
figure.snip0077.hover figcaption p {
	color: #ffffff;
	text-shadow: 0 0 0 rgba(255, 255, 255, 0);
	border-color: rgba(255, 255, 255, 0.5);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
figure.snip0077:hover:before,
figure.snip0077.hover:before,
figure.snip0077:hover:after,
figure.snip0077.hover:after {
	opacity: 0.8;
	-webkit-transform: scale(1);
	transform: scale(1);
}



/*------------ข้อมูลนักท่องเที่ยว-----------*/

.section-6-tavel {
	display: block;
	margin: 0px 10px;
	position: absolute;
	z-index: 2;
	bottom: 5%;
	left: 0;
	right: 0;
}

.d-box-tavel {
	display: block;
	padding: 10px;
	line-height: 20px;
	background-color: rgba(0, 0, 0, 0.75);
	border-radius: 0px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 300;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
}

.page-header02 {
	padding-bottom: 9px;
	margin: -12px 0 13px;
	border-bottom: 1px solid #d5a000;
}

.img:hover {
	-webkit-filter: brightness(150%);
	-moz-filter: brightness(150%);
	-khtml-filter: brightness(150%);
	-o-filter: brightness(150%);
	-ms-filter: brightness(150%);
}
.img {
	opacity: 1;
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}


/*---------ติดต่อ----------*/

.box-contact{
	border: 2px solid #fff;
	text-align: center;
	padding: 10px;
	height: 115px;
	font-size: 15px;
	font-weight: 300;
}

#map {
	height: 320px;
	width: 100%;
}

.btn-lg02, .btn-group-lg > .btn {
	padding: 4px 34px;
	font-size: 14px;
	line-height: 1.3333333;
	border-radius: 7px;
}



/*---------about---------*/

.breadcrumbs-custom {
	position: relative;
	font-size: 13px;
	padding: 10px 0;
	background-color: #edf1f1;
	background-position: center;
}

.breadcrumbs-custom-path {
	margin-left: -17px;
	margin-right: -17px;
}

.section-page-title {
	padding: 80px 0;
}
/*.section-overlay {
	 background-image: url(../images/pattern-overlay.png);
   
	 }*/

	 #full-division-box {
	 	margin-top: 0;
	 	position: static;
	 }
	 #full-division-box, .bread-title-holder {
	 	overflow: hidden;
	 	position: relative;
	 }

	 .full-bg-image-fixed, .full-bg-breadimage-fixed {
	 	background-attachment: fixed;
	 	background-repeat: repeat;
	 	background-size: cover;
	 	-webkit-background-size: cover;
	 	-moz-background-size: cover;
	 	bottom: 0;
	 	height: 100%;
	 	left: 0;
	 	overflow: hidden;
	 	position: absolute;
	 	width: 100%;
	 	box-shadow: 0 -2px 3px -1px rgba(0, 0, 0, 0.06) inset;
	 }
	 .full-bg-image-fixed {
	 	background-image: url(../images/bg-about.jpg);
	 }

	 .full-bg-image-fixed .section-overlay-layer {
    /*padding-top: 100px;
    padding-bottom: 100px;*/
    background-image: url(../images/pattern-overlay.png);
}

.head-about{
	text-align: center;
	color: #333;
	font-size: 38px;
	padding: 73px 0 85px;

}

.bg-head{
	background-image: url(../images/bg-head.jpg);
	background-attachment: fixed;
	background-repeat: repeat;

}

/*-----------*/

.bg-nv {
	width: 100%;
	background-image: url(../images/img14.jpg);
	background-size: 100%;
	background-size: cover;
	margin-top: -139px;
}

.contentIndent {
	border-left: 4px solid #94c294;
	padding-left: 15px;
	margin-bottom: 30px;
}

.item_published {
	background: none repeat scroll 0 0 #f5c121;
	border-color: transparent;
	box-shadow: none !important;
	color: #ffffff;
	display: inline-block;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 26px;
	margin-bottom: 20px;
	padding: 4px 15px;
	text-align: center;
	text-shadow: none !important;
}

.g-box {
	height: 685px;
	padding: 15px;
	overflow-y: scroll;
	background-color: rgba(255, 255, 255, 0.75);
	/* border: 1px solid #fff; */
}

.g-box02 {
	height: 370px;
	padding: 15px;
	overflow-y: scroll;
	background-color: rgba(255, 255, 255, 0.87);
	/* border: 1px solid #fff; */
}


.box-title  {
	border-bottom: solid 3px #edf1f1;
	padding: 15px;
	background-color: #fff;
}

.box-title h3 {

	margin-bottom: -5px;
}

.page-header03 {
	padding-bottom: 6px;
	margin: 0px 0 24px;
	border-bottom: 1px solid #e0e0e0;
}


/*-------course--------*/

.availability-widget {
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-radius: 4px;
	padding: 10px 10px 10px 20px;
}
.availability-widget {
	border-top: 8px solid #278327;
	background-color: rgba(255, 255, 255, 0.87);
}

.week-days_ssrvice_provider span {
	color: #8e8e8e;
	display: inline-block;
	/*    font-family: raleway;*/
	text-align: left;
	width: 125px !important;
}

/*-------course booking box--------*/

.panel.panel-default {
	position: relative;
}
.panel-group .panel {
	margin-bottom: 0;
	border-radius: 4px;
}
.panel-default {
	border-color: #dddddd !important;
}
.panel {
	margin-bottom: 20px;
	background-color: #ffffff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

.service_accordian .panel-heading {
	background: #fff;
	padding: 0px;
}
.panel-default>.panel-heading {
	color: #333333;
	background-color: #f5f5f5;
	border-color: #dddddd;
}
.panel-group .panel-heading {
	border-bottom: 0;
}
.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

.service_accordian .panel-heading .panel-title {
	font-size: 14px;
}
.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit;
}
.service_accordian .panel-heading .panel-title a {
	font-weight: normal;
}
.service_accordian h4.panel-title a {
	display: block;
	padding: 15px;
}
.prices {
	color: #278327;
}
.cut-prices {
	color: #1e1e1e;
}
.book_btn, .book_btn_home {
	font-weight: normal;
	margin-left: 15px;
	background: #fec926;
	padding: 6px 19px;
	border-radius: 5px;
	color: #ffffff !important;
	overflow: hidden;
	white-space: nowrap;
}

.book_btn:hover {
;
	background: #333;

	color: #ffffff !important;
	
}

/*.border_bottom_grey {
    border-bottom: 1px solid #dddddd;
}
*/


.how-to-book {
	width: 100%;
	border-color: #278327 !important;
	background-color: #fff;
	height: 35px;
	color: #278327;
	font-size: 16px;
	font-weight: 400;
}

.how-to-book:hover {
	width: 100%;
	border-color: #278327 !important;
	background-color: #278327;
	height: 35px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
}


/*------booking-------*/

#cycler {
	position: relative;
}
#cycler img {
	/*max-width:50%;*/
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	border-radius: 8px;
}
#cycler img.active{
	z-index: 3;
}

hr.line-dotted {
	border: none;
	border-top: 2px dotted #ccc;
}

.book_btn02{
	font-weight: normal;
	/*margin-left: 15px;*/
	background: #fec926;
	padding: 6px 19px;
	border-radius: 5px;
	color: #ffffff !important;
	overflow: hidden;
	white-space: nowrap;
}

.book_btn03{
	font-weight: normal;
	margin-right: 15px;
	background: #a5a39c;
	padding: 6px 19px;
	border-radius: 5px;
	color: #ffffff !important;
	overflow: hidden;
	white-space: nowrap;
}

.book_btn04 {
	font-weight: normal;
	/* margin-left: 15px; */
	float: right;
	background: #278327;
	padding: 6px 19px;
	border-radius: 5px;
	color: #ffffff !important;
	overflow: hidden;
	white-space: nowrap;
}

.box-guest.bx-total {
	background: #fff;
	border: 1px solid #dddddd;
	color: #333;
}
.box-guest {
	background: #E6E7E8;
	border-radius: 5px;
	padding: 6px;
	margin-bottom: 20px;
	min-width: 216px;
}

.form-inquiry {
	background: #f1f1f1;
	padding: 20px;
	border: 1px solid #dddddd;
	border-radius: 5px;
}

.box-guest .row-guest {
	display: table;
	width: 100%;
	padding: 5px 10px;
}

.box-guest .row-guest .col-left {
	display: table-cell;
}

.box-guest .row-guest .col-right {
	display: table-cell;
	text-align: right;
}

.box-guest.bx-total h4 {
	background: #278327;
	color: #fff;
	font-weight: 400;
}

.box-guest h4 {
	background: #996733;
	padding: 10px;
	border-radius: 5px;
	color: #fff;
	margin-bottom: 10px;
}

.single-feature {
	position: relative;
	padding-left: 50px;
}

.single-feature span.num {
	position: absolute;
	left: 0;
	/* top: -6px; */
	font-size: 19px;
	font-weight: 800;
	color: #E53935;
}


.form-inquiry02 {
	background: #f1f1f1;
	padding: 20px;
	border: 1px solid #dddddd;
	border-radius: 5px;
	height: auto;
}

.section-7-tavel {
	display: block;
	margin: 0px 15px;
	position: absolute;
	z-index: 2;
	bottom: 5%;
	left: 0;
	right: 0;
}

.p181{
	margin-left: 181px;
}

.alert-success02 {
	color: #ffffff;
	background-color: rgba(75, 67, 41, 0.85);
	padding: 37px 18px;
}


.page-header04 {
	padding-bottom: 9px;
	margin: 0px 0 9px;
	border-bottom: 1px solid #b7b7b7;
}

.page-header05 {
	border: solid 1px #707070;
	margin: 21px 0 12px;
}


.g-box04 {
	height: auto;
	padding: 15px;

	background-color: rgba(255, 255, 255, 0.64);
	/* border: 1px solid #fff; */
}

.form-inquiry04 {
	background: #f1f1f1;
	padding: 20px;
	border: 1px solid #dddddd;
	/* border-radius: 5px;*/
	height: 322px;
}

.form-inquiry05 {
	background: #f1f1f1;
	padding: 20px;
	border: 1px solid #dddddd;
	border-radius: 5px;
	height: 201px;
}

.eve-arrow {
	position: absolute;
	border-radius: 50%;
	width: 29px;
	padding: 6px;
	height: 29px;
	background-color: #278327;
	z-index: 117;
	margin-top: -31px;
	right: 17px;
	font-size: 19px;
	bottom: 34%;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
}

.eve-arrow02 {
	position: absolute;
	border-radius: 50%;
	width: 29px;
	padding: 6px;
	height: 29px;
	background-color: #278327;
	z-index: 117;
	margin-top: -31px;
	right: 17px;
	font-size: 19px;
	bottom: 30%;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
}

@media(max-width:1330px) {

	nav.bootsnav.brand-center .navbar-collapse {
		text-align: center;
		display: inline-block;
		padding-left: 0;
		padding-right: 0;
		margin-top: -23px;
		background: #fff;
		border-radius: 100px;
		box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.23);
	}

	nav.navbar.bootsnav ul.nav > li > a {
		padding: 15px 10px;
		font-weight: 300;
		font-size: 17px;
	}
}



@media(max-width:768px) {
/*
	.container {
		width: 750px;
		}*/

		#fp-nav {
			position: relative;
			z-index: 100;
			margin-top: -32px;
			top: 50%;
			opacity: 1;
			-webkit-transform: translate3d(0,0,0);
		}

		h2 {
			font-size: 29px;
			line-height: 27px;
			color: #d5a000;
			font-weight: 400;
		}

		h3 {
			font-size: 19px;
			line-height: 25px;
			color: #333333;
			font-weight: 400;
		}

		h5 {
			font-size: 16px;
			line-height: 24px;
		}

		.m12 {
			margin-top: 12px;
			margin-bottom: 12px;
		}

		.item-hover .inner {
			position: absolute;
			font-size: 14px;
			line-height: 17px;
			font-weight: 300;
			text-align: center;
			top: 88%;
			transform: translate(0, -50%);
			-webkit-transform: translate(0, -50%);
			width: 100%;
			color: #fff;
			background: rgba(0, 0, 0, 0.48);
			/*padding: 0px;*/
			margin: 0;
			box-sizing: border-box;
			z-index: 999;
			transition-duration: 0.3s;
			-webkit-transition-duration: 0.3s;
			padding: 0.5em;
			/* background-color: rgba(255, 255, 255, 0.72); */
		}

		.item02-hover .inner02 {
			position: absolute;
			font-size: 14px;
			line-height: 14px;
			font-weight: 300;
			text-align: center;
			top: 79%;
			transform: translate(0, -50%);
			-webkit-transform: translate(0, -50%);
			width: 100%;
			color: #333333;
			background: rgba(255, 255, 255, 0.85);
			/*padding: 0px;*/
			margin: 0;
			box-sizing: border-box;
			z-index: 999;
			transition-duration: 0.3s;
			-webkit-transition-duration: 0.3s;
			padding: -0.8em;
			/* background-color: rgba(255, 255, 255, 0.72); */
		}

		.news-box {
			font-size: 18px;
			color: #000;
			height: 419px;
			margin: 15px;
			border-radius: 8px;
			background-color: #fff;
			float: left;
			overflow: hidden;
		}

		.btn-lg, .btn-group-lg > .btn {
			padding: 6px 36px;
			font-size: 17px;
			line-height: 1.3333333;
			border-radius: 10px;
		}

		.d-box-tavel {
			display: block;
			padding: 10px;
			line-height: 20px;
			background-color: rgba(0, 0, 0, 0.75);
			border-radius: 0px;
			color: #ffffff;
			font-size: 11px;
			font-weight: 300;
			-webkit-transition: border .2s ease-in-out;
			-o-transition: border .2s ease-in-out;
			transition: border .2s ease-in-out;
		}

		.alert-success {
			color: #ffffff;
			background-color: rgba(75, 67, 41, 0.85);
			padding: 12px;
			height: 435px;
			/* border-color: rgba(75, 67, 41, 0.85); */
		}

		.box-contact {
			border: 2px solid #fff;
			text-align: center;
			padding: 10px;
			height: 112px;
			font-size: 11px;
			margin-bottom: 10px;
			font-weight: 300;
		}

		.form-control {
			display: block;
			width: 100%;
			height: 33px;
			padding: 17px 12px;
			font-size: 11px;
			line-height: 1.42857143;
			color: #fff;
			background-color: #fff;
			background-image: none;
			border: 1px solid #fff;
			border-radius: 4px;
			-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
			-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
			-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
			transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		}


		.border01 {
			border-bottom: none;
			padding: 0px 0px;
		}

		.g-box {
			height: auto;
			padding: 15px;
			overflow-y: visible;
			background-color: rgba(255, 255, 255, 0.75);
			/* border: 1px solid #fff; */
		}

		.item-hover03 .inner04 {
			position: absolute;
			font-size: 10px;
			font-weight: 400;
			top: 94%;
			transform: translate(0, -50%);
			-webkit-transform: translate(0, -50%);
			width: 100%;
			color: #000;
			background: rgba(255, 255, 255, 0.55);
			padding: 0px;
			margin: 0;
			box-sizing: border-box;
			z-index: 999;
			transition-duration: 0.3s;
			-webkit-transition-duration: 0.3s;
			padding: 0.5em;
			/* background-color: rgba(255, 255, 255, 0.72); */
		}

		.form-inquiry02 {
			background: #f1f1f1;
			padding: 0px; 
			padding-top: 13px;
			padding-bottom: 13px;
			border: 1px solid #dddddd;
			border-radius: 5px;
		}
		.p181{
			margin-left: 133px;
		}

		.form-inquiry04 {
			background: #f1f1f1;
			padding: 20px;
			border: 1px solid #dddddd;
			/* border-radius: 5px;*/
			height: auto;
		}

		.form-inquiry05 {
			background: #f1f1f1;
			padding: 0px;
			padding-top: 13px;
			padding-bottom: 13px;
			border: 1px solid #dddddd;
			border-radius: 5px;
			height: 369px;
		}

	}