/* === Table of Contents ===
********************************
Revision : 01
By : Focal Intelligence (All Right Reserved)
Date : 5 Dec 2016

font
main element
***************************************/

/* font
***********************************/
@font-face {
	font-family: OdudaBold;
	font-weight: bold;
	src: url("../fonts/Oduda-Bold-Demo.otf") format("opentype");
}

@font-face {
	font-family: Thai Sans Neue;
	font-weight: normal;
	src: url("../fonts/ThaiSansNeue-Regular.otf") format("opentype");
}

/* main element
***********************************/
body {
	font-family: 'OdudaBold', 'Kanit', 'Thai Sans Neue', sans-serif;
	width: 100%;
	padding: 0;
	margin: 0;
}
h1 {
	font-size: 3em;
}
h2 {
	font-family: 'OdudaBold';
	font-size: 2em;
}
h3 {
	font-family: 'Thai Sans Neue';
	font-size: 1.8em;
}
h4 {
	font-family: 'Thai Sans Neue';
	font-size: 1.6em;
	font-weight: bold;
}
p,ul {
	font-family: 'Thai Sans Neue';
	font-size: 1.6em;
	line-height: 1em;
}

table,thead,th,td {
	font-family: "Thai Sans Neue";
	font-size: 1.2em;
	border:none;
}
.table.table-condensed.table-bordered {
	border:none;
}
.table.table-condensed.table-bordered td {
	padding: 0 3px 0 3px;
	height: 35px;
	background-color:#EC0C77;
	border-color: white;
	border-top:solid 1px !important;
	overflow: hidden !important;
	color:white;

}
.table.table-condensed.table-bordered th {
	padding: 0 0px 0 0px;
	height: 36px;
	background-color: #3B5998;
	border:solid 1px white;
	position: absolute;
	left: 0px;
	text-align: center;
	width:40px;
	border-top:solid 1px white !important;
	color:white;
}
.table.table-condensed.table-bordered .pier-name {
	text-align: left;
	position: absolute;
	width: 260px;
	left: 38px;
	height: 36px;
	padding-left: 3px;
	background-color: #33ccff;
	border:solid 1px white !important;
	color: black;
}


.table {
	-webkit-overflow-scrolling:touch;
	overflow: auto;
	border:none;
}

thead td {
	text-align: center;
	font-weight: normal;

}
thead th {
	text-align: center;
	font-weight: normal;
	background-color: #3B5998;

}
.table-responsive {
	margin-left: 297px;
	outline: hidden;
}

td {
	height: 30px;
	text-align: center;


}



.superwrap {
	position: relative;

	padding: 0px 0px 0px 0px;
	height: 430px;
	border-radius: 0px;
	border:solid;
	border-color: #3B5998;
	border-width: 0px;
	border-spacing: 0px;

	overflow: hidden;
	background-color: none;

}
map area{
    outline: none;
    cursor: pointer;
    display: block;

}
area:nth-of-type(1):hover ~ span {

    background-color: black;
}


/* classes
************************************/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/Preloader_7.gif) center no-repeat #fff;
}
.charter-image {
	position: relative;
	width: 100%;
}
.charter-image img {
	width:100%;
}
.topleftfloat {
	position:absolute;
	top:0;
	left:0;
	width:30%;
	height:30%;
	background-color:rgba(0,147,215,0.8);
}
.topleftfloat img {
	width:75%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	display:block;
}
.topleftfloat-title {
	position:absolute;
	top:30%;
	left:0;
	width:30%;
	overflow: hidden;
	background-color:#ffc305;
	opacity:0.8;
	display: table;
}
.toprightfloat {
	position:absolute;
	top:0;
	right:0;
	width:30%;
	height:30%;
	background-color:rgba(0,55,124,0.8);
}
.toprightfloat img {
	width:75%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	display:block;
}
.toprightfloat-title {
	position:absolute;
	top:30%;
	right:0;
	width:30%;
	overflow: hidden;
	background-color:#ffc305;
	opacity:0.8;
	display: table;
}
.boattext {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: "Thai Sans Neue", sans-serif;
	font-size: 1.6em;
	color: #ffffff;
	line-height: 1em;
}
.boattitle {
	font-size: 1.5em;
	line-height: 1em;
}

.boatdownload {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	display: table-cell;
	font-family: "Thai Sans Neue", sans-serif;
	font-size: 2em;
	color: black;
	text-align: center;
}
@media (max-width: 1800px) {
	.boattitle {
		font-size: 1.5em;
		line-height: 1em;
	}
	.boattext {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		margin-bottom: 20px;
		font-family: "Thai Sans Neue", sans-serif;
		font-size: 1.5em;
		color: #ffffff;
		line-height: 1em;
	}
}
@media (max-width: 1035px) {
	.boattext {

		width: 95%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		font-family: "Thai Sans Neue", sans-serif;
		font-size: 1.5em;
		color: #ffffff;
		line-height: 1em;
	}
	.boattitle {
		font-size: 1.2em;
	}
	.boatdownload {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		vertical-align: middle;
		display: table-cell;
		font-family: "Thai Sans Neue", sans-serif;
		font-size: 1.5em;
		color: black;
		text-align: center;
	}
}

@media (max-width: 850px) {
	.topleftfloat {
		position:absolute;
		top:0;
		left:0;
		width:40%;
		height:40%;
		background-color:rgba(0,147,215,0.8);
	}
	.topleftfloat-title {
		position:absolute;
		top:40%;
		left:0;
		width:40%;
		overflow: hidden;
		background-color:#ffc305;
		opacity:0.8;
		display: table;
	}
	.toprightfloat {
		position:absolute;
		top:0;
		right:0;
		width:40%;
		height:40%;
		background-color:rgba(0,55,124,0.8);
	}
	.toprightfloat-title {
		position:absolute;
		top:40%;
		right:0;
		width:40%;
		overflow: hidden;
		background-color:#ffc305;
		opacity:0.8;
		display: table;
	}
	.boattext {

		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		font-family: "Thai Sans Neue", sans-serif;
		font-size: 1.4em;
		color: #ffffff;
		line-height: 0.9em;
	}
	.boattitle {
		font-size: 1em;
	}
	.boatdownload {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		vertical-align: middle;
		display: table-cell;
		font-family: "Thai Sans Neue", sans-serif;
		font-size: 1.5em;
		color: black;
		text-align: center;
	}
}
@media (max-width: 415px) {
	.topleftfloat {
		width: 50%;
		padding: 3px;
	}
	.topleftfloat-title {
		width: 50%;
	}
	.toprightfloat {
		width: 50%;
		padding: 3px;
	}
	.toprightfloat-title {
		width: 50%;
	}
	.boattext {
		font-size: 1em;
		color: #ffffff;
		line-height: 0.9em;
	}
	.boatdownload {
		font-size: 1em;
	}
	.topleftfloat img {
		display: none;
	}
	.toprightfloat img {
		display: none;
	}
}

.readless, .readhide {
	display: none;
}
.readmore, .readless {
	cursor: pointer;
	position: absolute;
	bottom: 5px;
	right:5px;
}
.row {
	width: 100%;
}
.route-pill > li > a {
	border-radius: 8px;
	height:25px;
	padding: 0 5px 10px 5px;
}
.route-pill a {
	color: #999999;
	font-family: "OdudaBold";
	font-size: 0.65em;
	background-color: #eeeeee;
	margin: 20px 3px 10px 3px;
}
.thai {
	font-family: "Kanit", "Thai Sans Neue", sans-serif;
}

.popup {
	position: fixed;
	z-index: 2000;
	top: 0px;
	left: 0px;
	max-width: 100%;
	display: none;
}
.popup img {
	width: 100%;
}
.old-content {
	font-family: 'Thai Sans Neue', sans-serif;
	font-weight: normal;
	font-size: 1.5em;
}
.container-fluid {
	padding:0;
}

.page-header {
	width: 100%;
	margin: 20px auto;
	text-align: center;
	background-image: url(../img/hr-1.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center bottom;
	border:0;
}

.attractions-page .page-header {
	color: white;
	position: absolute;
	top: 180px;
	left: 20%;
	transform: translateX(-50%);
	width: 80%;
	margin: 20px auto;
	text-align: center;
	background-image: url(../img/hr-1.png);
	background-repeat:no-repeat;
	background-size:40%;
	background-position:center bottom;
	border:0;

}
.contactpage {
	background-color:  rgba(65,177,223,1); /*#202B42;*/
}

.more.btn-u {
	border-radius: 20px;
	float: right;
	height: 40px;
	width: 120px;
	border: solid 1px transparent;
	border-color: #33ccff;
	color:black;
	font-size: 1.2em;
	cursor: pointer;
	font-weight: 200;
	padding-top: 5px;
	padding-right: 12px;
	position: relative;
	white-space: nowrap;
	display: inline-block;
	text-decoration: none;
	background-image: url("../img/more2.png") !important;
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
	background-color: none;
	margin-right: 10px;
	text-align: center;
	margin-top: 40px;

}
.thai.more.btn-u {
	border-radius: 20px;
	float: right;
	height: 40px;
	width: 120px;
	border: solid 1px transparent;
	border-color: #33ccff;
	color:black;
	font-family: "OdudaBold";
	font-size: 1.2em;
	cursor: pointer;
	font-weight: 200;
	padding-top: 5px;
	padding-right: 12px;
	position: relative;
	white-space: nowrap;
	display: inline-block;
	text-decoration: none;
	background-image: url("../img/more2.png") !important;
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
	background-color: none;
	margin-right: 10px;
	text-align: center;
	margin-top: 40px;
}
.more.btn-u:hover {
	color:#ffffff;
	transition: all 0.2s ease-in-out;
	background-color:#33ccff;
	background-image: url("../img/more2.png") !important;
	text-decoration: none;
}
.attractions-page {
	position: relative;
}
.header-text {
	position: absolute;
	top: 190px;
	right: 60px;
}

.header-text h2 {
	margin: 0;
	font-size: 2.7em;
	text-shadow:2px 2px 4px #fff;
	color: #009ADE;
	-webkit-animation-name: example;
	animation-name: example;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-delay: 0.5s;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-fill-mode:backwards;
}
.header-text h3 {
	margin: 0;
	font-family: 'OdudaBold';
	font-size: 2.7em;
	color: #EC0C77;
	text-shadow:2px 2px 4px #fff;
	-webkit-animation-name: example;
	animation-name: example;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: alternate;
}

@keyframes example {
		0%   {opacity: 0;}
		50%  {opacity: 0.5;}
		100% {opacity: 1;}
}


/*--------------------------------------------------
	[3. Image Hover Effects]
----------------------------------------------------*/
/*Image Hover v1*/
.img-hover-v1 span {
  display: block;
  overflow: hidden;
  position: relative;
}

.img-hover-v1 span:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
}

.img-hover-v1:hover span:after {
  background: rgba(0,0,0,0.3);
}

.img-hover-v1 img,
.img-hover-v2 img,
.img-hover-v1 span:after {
  transition: all 0.5s ease-in-out;
}

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



/* Heading styles for aboutus page
******************************************/
.top-heading {
	margin-top: 150px;
}
.top-heading h1 {
	display: inline;
	margin-left: 10px;
	font-size: 3em;
}
.top-heading p {
	font-size: 1.6em;
}
.top-heading img {
	max-width: 300px;
	width:30%;
	height: auto;
	vertical-align: bottom;
}
.header-img {
	position: relative;
}
.header-img img {
	width: 100%;
	border-top-right-radius: 50px;
	border-top-left-radius: 50px;
	padding: 20px;
}
.header-img-text {
	position: absolute;
	top: 15%;
	left:5%;
	background-color: rgba(15,130,188,0.3);
	opacity: 1;
	font-size: 1.8em;
	font-family: "Thai Sans Neue";
	width:70%;
	color: white;
	padding: 16px;
}
.padded-20px-content {
	padding: 20px;
}
.btn-pill-large {
	background-color: #33ccff;
	border-radius: 240px;
	font-size: 2.0em;
	color: white;
	width: 410px;
	height: 40px;
	vertical-align: top;
	margin-left: -10px;
	margin-bottom: 10px;
	text-align: center;


}


/* Navigation Bar
*********************************/
#topnavbar {
	height: 200px;
	background-image: url("../img/nav_header_bg5.png");
	background-position: top;
	background-color: transparent;
	border:none;
	opacity: 0.9;
	background-repeat: repeat-x;
	width: 100%;
	font-family: 'OdudaBold';
	box-sizing: border-box;
}
#topnavbarthai {
	height: 200px;
	background-image: url("../img/nav_header_bg5.png");
	background-position: top;
	background-color: transparent;
	border:none;
	opacity: 0.9;
	background-repeat: repeat-x;
	width: 100%;
	font-family: 'OdudaBold';
	box-sizing: border-box;
}
#langsw {
	position: absolute;
	right: 80px;
	top: 10px;
	margin-top: 10px;
	margin-right: 0px;
	cursor: pointer;
	font-size: 1.2em;
	width: 110px;
}
.navbar ul {
	font-family: 'OdudaBold';
	font-size: 1em;
}
.navbar-header {
	width: 100%;
	margin: 0;
	padding: 0;
}
.navbar-brand {
	position: absolute;
	left: 50%;
	transform:translate(-40%,0%); //shift to center and move left 40% of its width
}
.navbar-brand img {
	height: 150px;
	width: auto;
}
.nav.navbar-nav.navbar-left {
	position: absolute;
	top: 30%;
	left: 0%;
	width: 45%;
	display: flex;
	justify-content: space-around;
}
.nav.navbar-nav.navbar-right {
	position: absolute;
	top: 30%;
	right: 0%;
	width: 45%;
	display: flex;
	justify-content: space-around;
}
.nav.navbar-nav.navbar-left li {
	font-size: 1.4em;
	padding: 0;
	margin-left: -10px;
}

.nav.navbar-nav.navbar-left .thai {
	font-size: 1.8em;
	font-weight: bold;
}
.nav.navbar-nav.navbar-right li {
	font-size: 1.4em;
	padding: 0;
	margin-right: -10px;
}
.nav.navbar-nav.navbar-right .thai {
	font-size: 1.8em;
	font-weight: bold;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: white;
}
.navbar-default .navbar-toggle{
 border-color:white ;
}
.nav.navbar-nav.navbar-left a:link,
.nav.navbar-nav.navbar-left a:visited,
.nav.navbar-nav.navbar-left a:hover,
.nav.navbar-nav.navbar-left a:active {
	color:white;
	background-color: transparent;
}
.nav.navbar-nav.navbar-right a:link,
.nav.navbar-nav.navbar-right a:visited,
.nav.navbar-nav.navbar-right a:hover,
.nav.navbar-nav.navbar-right a:active {
	color:white;
	background-color: transparent;
}
.nav.navbar-nav.navbar-left .active a {
	background-color: transparent;
	color: black;
}
.nav.navbar-nav.navbar-right .active a {
	background-color: transparent;
	color: black;
}
/* About Us
*****************************************/
.container-fluid.header1 {
	margin-top: 60px;
}

/* Carousel Styling
*****************************************/
.carousel-inner img {
	  border-radius: 0px;
	  width: 100%;
	  margin:0;
	  padding:0;
}
.carousel-control.left,
.carousel-control.right {
	background-image: none;
}
.carousel-inner .item img {
	width: 100%;
	margin: 0 auto;
}



/* Blog Style
*****************************************/
#mediumfeed img {
	display: block;
	width: 100%;
	height: auto;
}
#mediumfeed {
	font-family: 'Thai Sans Neue', sans-serif;
	font-weight: normal;
	width: 100%;
	padding: 0;
	margin: 16px 0 0 0;
}
.entryWrapper {
	margin: 0;
}
.entryImage {
	width: 100%;
	margin: 0;
	padding: 0;
}
.entryText {
	font-family: 'Thai Sans Neue', sans-serif;
	width: 100%;
	margin: 0;
	font-size: 1.8em;
	line-height: 1em;
}
.entryTitle {
	font-family: 'Thai Sans Neue', sans-serif;
	font-weight: normal;
	padding: 0px;
}
.col-md-4 .entryTitle h3 {
	margin-top: 8px;
	margin-bottom: 16px;
}
.blog-header img {
	display: block;
	width: 100%;
	height: auto;

	/*
	border-radius: 10px;
	height: 50%;

	background-image: url("../img/blog-img-min.png") !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: none;
	*/

}

/* footer menu
**********************************************/
#footer {
	margin-top: 200px;
}
#footer .row {
	position: relative;
}
.nav-footer {
	float: none;
	display: inline-block;
	text-align: center;
	width: 100%;
	margin-bottom: 10px;
}
.nav-footer li {
	float: none;
	display: inline-block;
}
.nav.navbar-nav.nav-footer a:link,
.nav.navbar-nav.nav-footer a:visited,
.nav.navbar-nav.nav-footer a:hover,
.nav.navbar-nav.nav-footer a:active,
.nav.navbar-nav.nav-footer a:focus {
	text-decoration: none;
	color: gray;
	border-right:solid;
	border-right-style: inset;
	border-right-width: 1px;
	font-weight: lighter;
	padding-left: 2px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
	font-size: 0.6em;
	font-family: 'OdudaBold';
	background-color: transparent;
}

/* footer social icons
******************************************/
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 0px;
}

/* social icons */
.social-icons {
	margin-top: 1em;
	margin-bottom: 1em;
}
.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 50px;
	height: 50px;
	font-size:20px;
	/*background-color: #D3D3D3; */
}
.social-circle li i {
	margin:0;
	line-height:50px;
	text-align: center;
}
.social-circle i {
	color: #fff; /* color of icon in the middle of circle */
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

/* social network icons normal and hover behaviour */
.social-network a.icoFacebook,
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter,
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoInstagram,
.social-network a.icoInstagram:hover {
	background-color:#BD3518;
}
.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

/* copyrighted
**********************************************/
.copyrighted {
	position: absolute;
	top: 50%;
	right: 0;
	margin: auto;
	transform: translate(0,-50%);
	text-align: right;
	color:#33ccff;
	font-size: 0.8em;
}

/* contact section
***************************************/

.contact {
	margin-bottom: 50px;
	color: white;
	margin-right: 0;
	margin-left: 0;
}
.contacts-section .btn-u {
	width: 100%;
	background-color: #9AE4E8 /* #2D94D3; */
	color:white;
	border: none;
}
.btn-u {

	background-color: red;
	color:white;
	border: none;
}
.btn-u-upper {
	text-transform: uppercase;
}
.btn-u-lg,
a.btn-u-lg {
	font-size: 1.5em;
	font-weight: normal;
	border-radius: 4px;
	padding: 10px 40px;
}


/* contact form
******************************************/
.contact {
	margin-top: 200px;
}
.contact .row {
	width: 100%;
	margin-left: 0;
	padding: 0;
}
.contacts-section {
	position: relative;
	margin: 5px 5px 5px 5px;
}
.contact-address {
	padding: 20px;
	margin-top: 60px;
}
.contact-address ul {
	font-size: 1em;
}

.contacts-section ::-webkit-input-placeholder {color: rgba(120,120,120,1); opacity: 1;}
.contacts-section ::-moz-placeholder {color: rgba(120,120,120,1); opacity: 1;} /* Firefox 19+ */
.contacts-section :-moz-placeholder {color: rgba(120,120,120,1); opacity: 1;} /* Firefox 18- */
.contacts-section :-ms-input-placeholder {color: rgba(120,120,120,1); opacity: 1;}

.contacts-section .sky-form input[type="button"] {
	width: 100%;
	background-color: #2D94D3;
	color:white;
	border: none;
	margin-left: 0;
	margin-right: 0;
}

.contacts-section .sky-form input:not([type="button"]),
.contacts-section .sky-form textarea {
	color:rgba(0,0,0,0.5) !important;
	background-color: rgba(255,255,255,1) !important;
	border-radius: 6px !important;
	border-color: rgba(255,255,255,0.3);
}
.contacts-section .sky-form input:not([type="button"]):hover,
.contacts-section .sky-form select:hover,
.contacts-section .sky-form textarea:hover {
	color: rgba(255,255,255,1);
	border-color: rgba(255,255,255,1);
	border-radius: 8px;
	background-color: rgba(255,255,255,0.5);
}
.contacts-section .sky-form input:focus,
.contacts-section .sky-form textarea:focus {
	color: ;
	border-color: ;
}

.contact i {
  float: left;
  margin-right: 15px;

}
.contact h3 {

  margin: 0 0 5px;
}

.contact p {

	display: block;
	overflow: hidden;
}


/* Media Queries
******************************************/
@media (max-width: 800px) {

	#langsw {
		right: 50px;
	}
	#topnavbar {
		height: 130px;
		background-image:url("../img/nav_header_bg5.png");
		background-repeat: repeat-x;
		background-position: center;
		background-color: transparent;
		width: 100%;
		margin: 0px;
		padding: 0px;
		font-size: 0.8em;
		box-sizing: border-box;
		opacity: 1;
	}
	#topnavbarthai {
		height: 130px;
		background-image:url("../img/nav_header_bg5.png");
		background-repeat: repeat-x;
		background-position: center;
		background-color: transparent;
		width: 100%;
		margin: 0px;
		padding: 0px;
		font-size: 0.8em;
		box-sizing: border-box;
		opacity: 1;
	}
	.navbar-header {
		width: 100%;
		position: static;
		float: none;
	}
	.navbar-brand {
		position: relative;
		left: 0%;
		transform: translate(0%,-10%);
	}
	.navbar-brand img {
		height: 100px;
		width: auto;
	}
	.nav.navbar-nav.navbar-left {
		position: relative;
		top: 0%;
		right: 0%;
		margin: 0;
		padding: 0;
		width: 100%;
		text-align: right;
		float: right;
		background-color: #0093D7;
		display: block;
	}
	.nav.navbar-nav.navbar-right {
		position: relative;
		top: 0%;
		left: 0%;
		margin: 0;
		padding: 0;
		width: 100%;
		text-align: right;
		float: right;
		background-color: #0093D7;
		display: block;
	}
	.nav.navbar-nav.navbar-left ul {
		padding: 0px;
		margin: 0px;
	}
	.nav.navbar-nav.navbar-right ul {
		padding: 0px;
		margin: 0px;
	}
	.nav.navbar-nav.navbar-left li {
		padding-right: 0px;
	}
	.nav.navbar-nav.navbar-right li {
		padding-left: 0px;
	}
	.collapse.navbar-collapse {
		position: absolute;
		margin: 0;
		padding: 0;

		right: 0px;
	}
	.container-fluid.header1 {
		margin-top: 20px;
	}
	.navbar-left,.navbar-right {
			float: none !important;
	}
	.navbar-toggle {
			display: block;
			margin: 0;
			position: absolute;
			right: 0;
	}
	.navbar-collapse {
		border-top: 0px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		position: relative;
			top: 0;
			border-width: 0 0 1px;
	}
	  .navbar-collapse.collapse {
		  display: none!important;
	  }
	  .navbar-nav {
		  float: none!important;
		  margin-top: 7.5px;
	  }
	  .navbar-nav>li {
		  float: none;
	  }
	  .navbar-nav>li>a {
		  padding-top: 10px;
		  padding-bottom: 10px;
	}
	.collapse.in {
		  display:block !important;
	}

	/* shift carousel to overlap a bit to top bar */
	#myCarousel {
		transform:translate(0%,-5%);
	}
	.page-header h1 {
		font-size: 1.8em;
	}
	.attractions-page {
		margin-top: -50px;
	}
	.attractions-page .page-header {
		position: absolute;
		margin-top: -110px;
	}
	/* Heading styles for aboutus page
	******************************************/
	.top-heading {
		margin-top: 0px;
		font-size: 1em;
	}
	.top-heading h1 {
		display: inline;
		margin-left: 10px;
	}
	.top-heading img {
		max-width: 300px;
		width:30%;
		height: auto;
		vertical-align: bottom;
	}
	.header-img {
		position: relative;
	}
	.header-img img {
		width: 100%;
		border-top-right-radius: 20px;
		border-top-left-radius: 20px;
		padding: 5px;
	}
	.header-img-text {
		position: absolute;
		top: 15%;
		left:5%;
		background-color: rgba(15,130,188,0.5);
		opacity: 1;
		font-size: 1.5em;
		font-family: "Thai Sans Neue";
		width:80%;
		color: white;
		line-height: 1em;
	}
	.header-text {
		position: absolute;
		top: 30px;
		right: 10px;
		color: #fff;
		line-height: 1em;
	}
	.header-text h2 {
		font-size: 1.5em;
	}
	.header-text h3 {
		font-size: 1.5em;
	}
	.btn-round-large {
	background-color: #33ccff;
	border-radius: 200px;
	font-size: 2em;
	color: white;
	padding: 0 auto 8px auto;
	text-align: center;
	width: 350px;
	margin-left: -20px;
	}
	.superwrap {
		margin: 0 -20px 0 -20px;
	}
	.contact {
		margin-top: 0px;
	}
	.contacts-section {
		width: 100%;
		padding: 0px 0px;
		margin: 0px 0px;
	}
	.contact-address {
		padding: 20px;
		margin-top: 0px;
	}
}
@media (max-width: 767px) {
	.table-responsive {
		margin-left: 110px;
		width: 72%;
		border:none;
		outline: hidden;
	}
	.table.table-condensed.table-bordered .visible-xs {
		text-align: left;
		position: absolute;
		width: 75px;
		text-overflow: ellipsis;
		left: 40px;
		height: 36px;
		line-height: 36px;
		color: black;
		background-color: #33ccff;
		border:solid 1px white !important;
	}
	.contact {
		margin-top: 0px;
	}

}

@media (max-width: 450px) {
	.header-img-text {
			position: absolute;
			top: 10%;
			left:5%;
			background-color: rgba(15,130,188,0.5);
			font-size: 0.8em;
			font-family: "Thai Sans Neue";
			width:80%;
			color: white;
			line-height: 1em;
		}
		.btn-pill-large {
			width:100%;
		}
		.contact {
			margin-top: 0px;
		}
		.top-heading h1 {
			font-size: 1.6em;
		}
		.top-heading p {
			font-size: 1.4em;
		}
		.top-heading img {
			max-width: 300px;
			width:40%;
			height: auto;
			vertical-align: middle;
		}
}

/* padding style
***********************************/
.g-ph-0 {
	padding-left: 0;
	padding-right: 0;
}
.g-pv-0 {
	padding-top: 0;
	padding-bottom: 0;
}
.g-padding-5  { padding: 5px;}
.g-padding-10 { padding: 10px;}
.g-padding-15 { padding: 15px;}
.g-padding-20 { padding: 20px;}
.g-padding-25 { padding: 25px;}
.g-padding-30 { padding: 30px;}
.g-padding-35 { padding: 35px;}
.g-padding-40 { padding: 40px;}
.g-padding-45 { padding: 45px;}
.g-padding-50 { padding: 50px;}

.g-pt-10 { padding-top: 10px;}
.g-pt-20 { padding-top: 20px;}
.g-pt-30 { padding-top: 30px;}
.g-pt-40 { padding-top: 40px;}
.g-pt-50 { padding-top: 50px;}
.g-pt-60 { padding-top: 60px;}
.g-pt-70 { padding-top: 70px;}
.g-pt-80 { padding-top: 80px;}
.g-pt-85 { padding-top: 80px;}
.g-pt-90 { padding-top: 90px;}
.g-pt-95 { padding-top: 95px;}
.g-pt-100 { padding-top: 100px;}
.g-pt-110 { padding-top: 110px;}
.g-pt-120 { padding-top: 120px;}
.g-pt-130 { padding-top: 130px;}
.g-pt-140 { padding-top: 140px;}
.g-pt-150 { padding-top: 150px;}
.g-pt-160 { padding-top: 160px;}
.g-pt-170 { padding-top: 170px;}

.g-pb-10 { padding-bottom: 10px;}
.g-pb-20 { padding-bottom: 20px;}
.g-pb-30 { padding-bottom: 30px;}
.g-pb-40 { padding-bottom: 40px;}
.g-pb-50 { padding-bottom: 50px;}
.g-pb-60 { padding-bottom: 60px;}
.g-pb-70 { padding-bottom: 70px;}
.g-pb-75 { padding-bottom: 75px;}
.g-pb-80 { padding-bottom: 80px;}
.g-pb-90 { padding-bottom: 90px;}
.g-pb-100 { padding-bottom: 100px;}

.g-pl-10 { padding-left: 10px;}
.g-pl-20 { padding-left: 20px;}
.g-pl-30 { padding-left: 30px;}
.g-pl-40 { padding-left: 40px;}
.g-pl-50 { padding-left: 50px;}
.g-pl-60 { padding-left: 60px;}
.g-pl-70 { padding-left: 70px;}
.g-pl-80 { padding-left: 80px;}
.g-pl-90 { padding-left: 90px;}
.g-pl-100 { padding-left: 100px;}

.g-pr-0 { padding-right: 0;}
.g-pr-10 { padding-right: 10px;}
.g-pr-20 { padding-right: 20px;}
.g-pr-30 { padding-right: 30px;}
.g-pr-40 { padding-right: 40px;}
.g-pr-50 { padding-right: 50px;}
.g-pr-60 { padding-right: 60px;}
.g-pr-70 { padding-right: 70px;}
.g-pr-80 { padding-right: 80px;}
.g-pr-90 { padding-right: 90px;}
.g-pr-100 { padding-right: 100px;}

.g-mt-0 { margin-top: 0;}
.g-mt-10 { margin-top: 10px;}
.g-mt-20 { margin-top: 20px;}
.g-mt-30 { margin-top: 30px;}
.g-mt-40 { margin-top: 40px;}
.g-mt-50 { margin-top: 50px;}
.g-mt-60 { margin-top: 60px;}
.g-mt-70 { margin-top: 70px;}
.g-mt-80 { margin-top: 80px;}
.g-mt-90 { margin-top: 90px;}
.g-mt-100 { margin-top: 100px;}

.g-mb-10 { margin-bottom: 10px !important;}
.g-mb-15 { margin-bottom: 15px !important;}
.g-mb-20 { margin-bottom: 20px !important;}
.g-mb-25 { margin-bottom: 25px !important;}
.g-mb-30 { margin-bottom: 30px !important;}
.g-mb-35 { margin-bottom: 35px !important;}
.g-mb-40 { margin-bottom: 40px !important;}
.g-mb-45 { margin-bottom: 45px !important;}
.g-mb-50 { margin-bottom: 50px !important;}
.g-mb-55 { margin-bottom: 55px !important;}
.g-mb-60 { margin-bottom: 60px !important;}
.g-mb-65 { margin-bottom: 65px !important;}
.g-mb-70 { margin-bottom: 70px !important;}
.g-mb-75 { margin-bottom: 75px !important;}
.g-mb-80 { margin-bottom: 80px !important;}
.g-mb-85 { margin-bottom: 85px !important;}
.g-mb-90 { margin-bottom: 90px !important;}
.g-mb-95 { margin-bottom: 95px !important;}
.g-mb-100 { margin-bottom: 100px !important;}

.g-ml-10 { margin-left: 10px;}
.g-ml-20 { margin-left: 20px;}
.g-ml-30 { margin-left: 30px;}
.g-ml-40 { margin-left: 40px;}
.g-ml-50 { margin-left: 50px;}
.g-ml-60 { margin-left: 60px;}
.g-ml-70 { margin-left: 70px;}
.g-ml-80 { margin-left: 80px;}
.g-ml-90 { margin-left: 90px;}
.g-ml-100 { margin-left: 100px;}

.g-mr-10 { margin-right: 10px;}
.g-mr-20 { margin-right: 20px;}
.g-mr-30 { margin-right: 30px;}
.g-mr-40 { margin-right: 40px;}
.g-mr-50 { margin-right: 50px;}
.g-mr-60 { margin-right: 60px;}
.g-mr-70 { margin-right: 70px;}
.g-mr-80 { margin-right: 80px;}
.g-mr-90 { margin-right: 90px;}
.g-mr-100 { margin-right: 100px;}

.g-margin-side-auto {
	margin-left: auto;
	margin-right: auto;
}

.g-max-width--770 {
	max-width: 770px;
	position: relative;
}


/* color styles
************************************/
.g-color-white {
	color: rgba(255,255,255,1) !important;
}
.g-color-white--dark {
	color: rgba(255,255,255,.7);
}
.g-color-white--darker {
	color: rgba(255,255,255,.5);
}
.g-color-white--darkest {
	color: rgba(255,255,255,.3);
}
.g-color-black {
	color: rgba(0,0,0,1);
}

/*Font Awesome Icon Styles*/
i.icon-custom {
	color: #555;
	width: 40px;
	height: 40px;
	font-size: 20px;
	line-height: 40px;
	margin-bottom: 5px;
	text-align: center;
	display: inline-block;
	border: solid 1px #555;
}

i.icon-sm {
 width: 35px;
 height: 35px;
 font-size: 16px;
 line-height: 35px;
}

i.icon-md {
	width: 55px;
	height: 55px;
	font-size: 22px;
	line-height: 55px;
}

i.icon-lg {
	width: 60px;
	height: 60px;
	font-size: 31px;
	line-height: 60px;
	margin-bottom: 10px;
}

i.icon-2x {
	font-size: 30px;
}
i.icon-3x {
	font-size: 40px;
}
i.icon-4x {
	font-size: 50px;
}

/*Rounded and Circle Classes
------------------------------------*/
.no-rounded { border-radius: 0 !important;}
.rounded { border-radius: 4px !important;}
.rounded-x { border-radius: 50% !important;}
.rounded-2x { border-radius: 10px !important;}
.rounded-3x { border-radius: 15px !important;}
.rounded-4x { border-radius: 20px !important;}
.rounded-sm { border-radius: 2px !important;}
.rounded-md { border-radius: 3px !important;}
.rounded-top { border-radius: 4px 4px 0 0 !important;}
.rounded-left { border-radius: 4px 0 0 4px !important;}
.rounded-right { border-radius: 0 4px 4px 0 !important;}
.rounded-bottom { border-radius: 0 0 4px 4px !important;}

/*Icons Color*/
i.icon-color-u,
i.icon-color-red,
i.icon-color-sea,
i.icon-color-dark,
i.icon-color-grey,
i.icon-color-blue,
i.icon-color-green,
i.icon-color-yellow,
i.icon-color-orange,
i.icon-color-purple,
i.icon-color-aqua,
i.icon-color-brown,
i.icon-color-dark-blue,
i.icon-color-light-grey,
i.icon-color-light-green {
	background: none;
}

i.icon-color-u {
	color: #72c02c;
	border: solid 1px #72c02c;
}
i.icon-color-blue {
	color: #3498db;
	border: solid 1px #3498db;
}
i.icon-color-red {
	color: #e74c3c;
	border: solid 1px #e74c3c;
}
i.icon-color-sea {
	color: #1abc9c;
	border: solid 1px #1abc9c;
}
i.icon-color-green {
	color: #2ecc71;
	border: solid 1px #2ecc71;
}
i.icon-color-yellow {
	color: #f1c40f;
	border: solid 1px #f1c40f;
}
i.icon-color-orange {
	color: #e67e22;
	border: solid 1px #e67e22;
}
i.icon-color-grey {
	color: #95a5a6;
	border: solid 1px #95a5a6;
}
i.icon-color-purple {
	color: #9b6bcc;
	border: solid 1px #9b6bcc;
}
i.icon-color-aqua {
	color: #27d7e7;
	border: solid 1px #27d7e7;
}
i.icon-color-brown {
	color: #9c8061;
	border: solid 1px #9c8061;
}
i.icon-color-dark-blue {
	color: #4765a0;
	border: solid 1px #4765a0;
}
i.icon-color-light-green {
	color: #79d5b3;
	border: solid 1px #79d5b3;
}
i.icon-color-light {
	color: #fff;
	border: solid 1px #fff;
}
i.icon-color-light-grey {
	color: #585f69;
	border: solid 1px #585f69;
}

/*--------------------------------------------------
	[45. Owl Carousel]
----------------------------------------------------*/
.owl-btn {
  color: #777;
  cursor: pointer;
  font-size: 18px;
  padding: 2px 9px;
  text-align: center;
  background: #f5f5f5;
}

.owl-btn:hover {
  color: #fff;
  background: #72c02c;
}

/*Owl Carousel v1*/
.owl-carousel-v1 .owl-navigation {
  text-align: right;
  margin-bottom: 20px;
}

.owl-carousel-v1 .item {
  margin: 0 5px;
}

.owl-carousel-v1 .item img {
  text-align: center;
}

.owl-carousel-v1 .owl-pagination {
  display: none;
}

/*Owl Carousel v2*/
.owl-carousel-v2 .owl-slider-v2 {
  margin-bottom: 20px;
}

.owl-carousel-v2 .item {
  margin: 0 15px;
}

.owl-carousel-v2 .item img {
  text-align: center;
}

.owl-carousel-v2 .owl-navigation {
  text-align: center;
}

.owl-carousel-v2 .owl-pagination {
  display: none;
}

/*Owl Carousel v3*/
.owl-carousel-v3 .item {
  margin: 0 15px;
}

.owl-carousel-v3 .item img {
  text-align: center;
}

.owl-carousel-v3 .owl-pagination {
  display: none;
}

/*Owl Carousel v4*/
.owl-carousel-v4 .owl-wrapper-outer {
  margin-bottom: 20px;
}

.owl-carousel-v4 .item {
  margin: 0 3px;
}

.owl-carousel-v4 .item img {
  width: 100%;
}

/*Owl Carousel v5*/
.owl-carousel-v5 .owl-wrapper-outer {
  margin-bottom: 20px;
}

.owl-carousel-v5 .owl-controls .owl-page.active span,
.owl-carousel-v5 .owl-controls.clickable .owl-page:hover span {
  background: #72c02c;
}

.owl-carousel-v5 .owl-controls .owl-page span {
  margin: 5px 3px !important;
}

/*Owl Slider v6*/
.owl-carousel-v6 .owl-carousel-item {
	margin: 0 10px;
	padding: 7px 0;
	text-align: center;
	position: relative;
	border: 1px solid #e4e2e2;
}

.owl-carousel-v6 .owl-carousel-item img {
	width: 150px;
	height: auto;
}

.owl-carousel-v6 .owl-wrapper-outer {
	margin-bottom: 20px;
}

.owl-carousel-v6 .owl-controls .owl-page span {
	margin: 5px 3px !important;
}

/*Owl Pagination*/
.owl-pagination {
  text-align: center !important;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  opacity: 1;
  filter: Alpha(Opacity=100);/*IE7 fix*/
}

.owl-theme .owl-controls .owl-page {
  zoom: 1;
  display: inline-block;
  *display: inline;/*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
  width: 12px;
  height: 12px;
  opacity: 0.3;
  display: block;
  margin: 5px 7px;
  background: #bbb;
  filter: Alpha(Opacity=50);/*IE7 fix*/
  border-radius: 50% !important;
}

/*Owl Carousel Style v1*/
.owl-carousel-style-v1 img {
  width: 120px;
  height: auto;
}

/*Owl Carousel Style v2*/
.owl-carousel-style-v2 {
	 background-color: #eeeeee;
	 padding: 5px;
}
.owl-carousel-style-v2 .item {
  margin: 0 2px;
  background: #ffffff;
  box-shadow:1px 3px 2px #cccccc;
	margin-bottom:10px;
  text-align: left;
  border:none;
}
.owl-carousel-style-v2 .item .item-description {

	padding:3px;
	height:220px;
	overflow:hidden;
	position: relative;
	color:#888888;
	font-size: 1em;
}

.owl-carousel-style-v2 .item img {
  padding: 0 0px;
  display: inline-block;
}

.owl-carousel-style-v2 .item:hover {
  background: #f7f7f7;
  border-color: #e5e5e5;
  transition: all 0.4s ease-in-out;
}

.owl-carousel-style-v2 .owl-pagination {
  display: none;
}

/*Owl Clients v2
------------------------------------*/
.owl-clients-v1 img {
  width: 120px;
  height: auto;
}

.owl-clients-v1 .owl-pagination {
    display: none;
}

/*Owl Carousel - Testimonials v3
------------------------------------*/
/*Testimonials Section*/
.testimonials-v3 {
  padding: 100px 0;
  font-family: "Open Sans", Arial, sans-serif;
}

.testimonials-v3 ul {
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
}

.testimonials-v3 li img {
  width: 150px;
  height: 150px;
  margin-bottom: 10px;
}

.testimonials-v3 li > p {
  font-size: 14px;
}

.testimonials-v3 .testimonials-v3-title {
  font-size: 22px;
  font-weight: 200;
  margin-bottom: 20px;
}

.testimonials-v3 .testimonials-v3-title p {
  color: #72c02c;
  margin-bottom: 0;
}

.testimonials-v3 .testimonials-v3-title span {
  color: #777;
  display: block;
  font-size: 14px;
}

/*Testimonials Owl Navigation*/
.testimonials-v3 .owl-pagination {
  display: none;
}

.testimonials-v3 .owl-buttons .owl-prev,
.testimonials-v3 .owl-buttons .owl-next {
  padding: 13px;
  position: relative;
  margin: 15px 2px 0;
  background: #f5f5f5;
  display: inline-block;
}

.testimonials-v3 .owl-buttons .owl-prev:after,
.testimonials-v3 .owl-buttons .owl-next:after {
	top: 0;
	color: #bbb;
	font-size: 16px;
	position: absolute;
	font-weight: normal;
	display: inline-block;
	font-family: FontAwesome;
}

.testimonials-v3 .owl-buttons .owl-prev:after {
  left: 10px;
  content: "\f104";
}

.testimonials-v3 .owl-buttons .owl-next:after {
  right: 10px;
  content: "\f105";
}

.testimonials-v3 .owl-buttons .owl-prev:hover:after,
.testimonials-v3 .owl-buttons .owl-next:hover:after {
  color: #fff;
}

.testimonials-v3 .owl-buttons .owl-prev:hover,
.testimonials-v3 .owl-buttons .owl-next:hover {
  background: #72c02c;
  transition: background 0.4s ease-in-out;
}

/*Recent Works (Owl Carousel)
------------------------------------*/
.owl-work-v1 .owl-navigation {
  top: 3px;
  position: relative;
}

.owl-work-v1 .owl-navigation {
  margin-bottom: 10px;
}

.owl-work-v1 .item a {
  text-align: center;
}

.owl-work-v1 .item a:hover {
  text-decoration: none;
}

.owl-work-v1 .item a:hover strong {
  color: #555;
}

.owl-work-v1 .item em.overflow-hidden {
  display: block;
}

.owl-work-v1 .item a span {
  display: block;
  padding: 10px;
  border-bottom: solid 2px #eee;
}

.owl-work-v1 .item a strong {
  color: #555;
  display: block;
}

.owl-work-v1 .item a i {
  color: #777;
}

.owl-work-v1 .item a img {
	transition: all 0.8s ease-in-out;
}

.owl-work-v1 .item a:hover img {
	opacity: 0.8;
	transform: scale(1.2) rotate(3deg);
}

.owl-work-v1 .item a:hover span {
	border-bottom: solid 2px #72c02c;
	transition: all 0.3s ease-in-out;
}