/* page  loaded style  */
.carousel-caption h2{
font-size:48px;
font-weight:700;
text-transform:uppercase
}
.carousel-caption p,.page-heading p{font-size:28px;font-weight:300}

.carousel-caption {
    position: absolute;
    right: 0;
    bottom: initial;
    left: 50%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%);
}
.banner .slick-dotted.slick-slider {
    margin-bottom: 0 
}
.carousel-caption a{font-weight:300;font-size:21px}
.carousel-indicators li {
    width: 16px;
    height: 16px;
    border-radius: 50%;
}
.water-mark{background-image:url(../images/water-mark.png);
background-size:cover;

}
.blue-btn{color:#fff;font-size:18px;font-weight:300;}
.blue-btn{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.blue-btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #001f74;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius:4px
}
.blue-btn:hover,.blue-btn:focus,.blue-btn:active {
  color: white;
}
.blue-btn:hover:before,.blue-btn:focus:before,.blue-btn:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.trigure{display:table;margin:0 auto 30px}
.trigure li{float:left;margin:0 10px;position:relative}
.trigure li:first-child:before{display:none}
.trigure li:before{content:"";position:absolute;left:-10px;width:6px;height:6px;background:#e90606;border-radius:50%;top:50%;margin-top:-3px}
.first-block,.second-block,.fourth-block,.fifth-block,.seven-block{padding:80px 0}
.second-block,.fifth-block{background-size:cover}
.block-title h2{font-weight:700;font-size:21px;text-transform:uppercase}

.column {
	position: relative;
	width: 100%;
	height: 100%;
}
.column figure {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
.column figure img{width:100%}
.column figure figcaption {position:absolute;top:0;left:0;right:0;height:100%;background:rgba(0,0,0,0.4);font-size:26px;font-weight:700}
.accordion ul li div{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;background: rgba(255,255,255,.8);max-width:240px;height:240px;border-radius:50%;text-align:Center;width:100% }

.accordion ul li div span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#243c7e ;font-weight:700; }

.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.third-block [class*="col-"] ,.six-block [class*="col-"],.block-second [class*="col-"]{
    padding: 0 0;
}
.hover01 figure:hover figcaption span{color:#243c7e}
.hover01 figure:hover figcaption{background:rgba(255,255,255,0.4)}
.text-gray{color:#e4e4e4}

.hover02 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover02 figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.carousel-control-prev i,.carousel-control-next i{font-size:44px}
.six-block .column figure figcaption {background:rgba(36,60,126,0.4);font-size:35px}
.seven-block .carousel-inner{min-height:280px}
.seven-block .carousel-inner .carousel-item img{border:10px solid #e9e9e9;border-radius:50%;margin-bottom:15px}
.seven-block .carousel-inner .carousel-item h3{font-weight:700}
.seven-block .carousel-inner .carousel-item h4{color:#333;font-size:14px}
.seven-block .carousel-inner .carousel-item p{max-width:800px;margin:0 auto}
#footer{background-size:cover;padding:80px 0 0}
#footer h3{color:#fff;font-weight:700;text-transform:uppercase}
.contact-info li {
    border-bottom: 1px solid;
    border-color: rgba(255,255,255,0.4);
    padding: 15px 0;
}
.carousel-control-next, .carousel-control-prev {
    width: auto;
}
.contact-info li p{color:#fff;position:relative;font-weight:700}
.contact-info li p{padding-left:30px;}
.contact-info li p img{position:absolute;left:0;max-width:20px;top:0;margin-top:3px}
.footer-nav li{position:relative;margin-bottom:10px}
.insta-img .row{margin:0 -5px}
.insta-img [class*="col-"]{padding:0 5px;margin-bottom:10px}
.insta-img [class*="col-"] img{width:100%;}
.footer-nav li a{ color:#fff;display:block}
.footer-nav li a:hover{ color:#f86e6c}
.footer-bottom{
    margin-left: 0px !important; 
    margin-right: 0px !important;
}
.footer-bottom p span a{
  color:#fff;
}
.footer-bottom p span a:hover{
  color:#f86e6c
}
.footer-bottom p .designedby{
    float: right;
}
.social-link li{float:left;margin-right:15px;margin-bottom:25px}
.social-link li a{color:#ebb8bf}
.copy-write select{float:right;border:none;margin-left:15px;background-size:18px}
.copy-write{background:rgba(0,0,0,0.5)}

/*  */

.page-heading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9; background: linear-gradient(to right, rgba(0,0,0,0), rgba(30,60,126,1));padding: 15px 60px 10px;}
.page-heading h6{font-size:28px;font-weight:300}
.block-first {padding:60px 0}
/* .block-first figure{margin-top:-100px;border-right:5px solid #e90606;margin-bottom:30px;border-top:1px solid #e90606;}
.block-first .row {margin:0 -5px}
.block-first .row [class*="col-"] {padding:0 5px} */
.sc_title_underline{position:relative}
.sc_title_underline h2:before ,.sc_title_underline h2:after {left:0;right:0;}
.sc_title_underline h2:before {
    content: ' ';
    display: block;
    position: absolute;
    border-top: 1px solid #e5edf1;
    height: 0;
    width: 220px;
    bottom: 0.1em;
}
.sc_title_underline h2{padding-bottom:15px}
.sc_title_underline h2:after {
    content: ' ';
    display: block;
    position: absolute;
    border-top: 1px solid #e90606;
    height: 0;
    width: 80px;
    bottom: 0.1em;
}
.location figure{position:relative}
.location figcaption {
    position: absolute;
    top: 0;
    background: rgba(0,0,0,0.6);
    height: auto;
    width: 90%;
    z-index: 9;
    padding: 55px 30px;
    right: 0;
    top: 50%;
    transform: translate(0 ,-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
	text-align: justify;
font-size: 20px;
outline-style: outset;
outline-color: #999;
outline-offset: 5px;
outline-width: 4px;
}
.departure,.transfer{position:absolute;background: linear-gradient(to right, rgba(255,255,255,0.7), rgba(255,255,255,0.7));;margin:0 auto;z-index:9;font-size:22px;color:#fff;padding:10px;left:50%;transform:translate(-50% ,0);color:#222}
.title-show strong{display:block;}
.departure{top:30px}
.transfer{bottom:30px}
.red-blue-boat img{width:100%}
.red-blue-boat figcaption{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: rgba(0,0,0,0.4);
    font-size:22px;

}
.red-blue-boat figure{margin-bottom:0;overflow:hidden}
.red-blue-boat figcaption span{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #222;
    display: block;
	background: linear-gradient(to right, rgba(255,255,255,0.7), rgba(255,255,255,0.7));
	padding:10px
}
.red-blue-boat figcaption span em ,.departure em{font-size:26px;color:#000}
.title-show strong:before ,.title-show strong:after {left:0;right:0;margin:0 auto}
.title-show strong:before {
    content: ' ';
    display: block;
    position: absolute;
    border-top: 1px solid #e5edf1;
    height: 0;
    width: 220px;
    bottom: 0.1em;
}
.title-show strong{position:relative;padding-bottom:10px}
.title-show strong:after {
    content: ' ';
    display: block;
    position: absolute;
    border-top: 1px solid #e90606;
    height: 0;
    width: 80px;
    bottom: 0.1em;
}
.serve-time,.serve-not{padding:0}
.serve-time li,.serve-not li{position:relative;margin-bottom:8px;padding-left:20px}
.serve-time li:before{content: "\f00c";position:absolute;margin-left:-20px;margin-top:6px;color: #00BE7F;font: normal normal normal 14px/1 FontAwesome;}
.price{background:rgba(36,60,126,0.8);margin-top: -220px;
    height: 160px;
	position:relative
}
.price h5{background:rgba(36,60,126,0.8);margin-bottom:0}
.price table tr td{color:#fff;padding:6px;border-top: none;text-align:left}
.side-fix .bottom-show{
    box-shadow: 0 1px 1px 1px #ccc inset;
	margin-top:-2px;
	padding:0 10px
}
.darkHeader {
    position: fixed;
    width: 360px;
    top: 0px;
    background: #fff;
    z-index: 998;
}

.modal {
  display: none;
  position: fixed;
  z-index: 999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.9);
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 100%;
    max-width: 1000px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
  background:#243c7e
}
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover,
.next:hover {
  background-color: #243c7e;
  opacity:0.8
}

.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
.owl-nav {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 99;
    height: 0;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    background: #243c7e;
    font-size: 0;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.owl-carousel .owl-nav .owl-prev {
    float: left;
    margin-left: -45px;
}
.owl-carousel .owl-nav .owl-next {
    float: right;
    margin-right: -45px;
}
.owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled {opacity:0.4}
.owl-carousel .owl-nav .owl-prev::after {
    left: 0;
}
.owl-carousel .owl-nav .owl-next::after, .owl-carousel .owl-nav .owl-prev::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background-size: 16px 16px;
    background: url(../images/left-arrow.png);
    background-repeat: no-repeat;
	background-position:center
}
.owl-carousel .owl-nav .owl-next::after {
    right: 0;
    transform: rotate(-180deg);
}
.gallery-img .owl-stage-outer{z-index:9}
.img-pop{transform:scale(0)transition: 0.3s; }
.gallery-img .item:hover .img-pop{	
	transform: scale(1);
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:100%;
	background-color:rgba(36,60,126,0.4);
	background-image:url(../images/search.png);
	background-position:Center;
	background-repeat:no-repeat
	
}
.close {
    background: #e90606;
    width: 40px;
    text-align: center;
    height: 40px;
    border-radius: 50%;
}
.p-60{padding:60px 0}
.yart22{background-repeat:no-repeat;background-size:41% 100%;background-image:url(../images/yart22.jpg);
background-position:left center;background-color:#f2f2f2}
.blue-drgn{background-image:url(../images/blue-drgn.jpg);background-position:rigth center;}
.drgn-link a{position:relative;z-index:9;font-size:21px;letter-spacing:1px;color:#243c7e;font-weight:700;display:block}
.block-info{display:table;width:100%;position:relative}
.block-info .cell{display:table-cell;width:50%;vertical-align:middle;background:#f2f2f2}
.triangle-right ,.triangle-left{position:absolute;top:49%}
.triangle-left {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 14px solid #f2f2f2;
	border-bottom: 10px solid transparent;
	margin-left:-14px
}
.triangle-right {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-left: 14px solid #f2f2f2;
	border-bottom: 10px solid transparent;
}
.menu-list tr td i{font-size:10px}
.drgn-link a:hover,.drgn-link a:focus{
color:#4d76e9
}
.social-add li {border-bottom:1px solid #f2f2f2;padding:14px 0}				
.social-add li i {background:#243c7e;display:inline-block;width:36px;height:36px;line-height:36px;text-align:center;margin-right:10px }	
.social-add li img{max-width:24px}
.social-add li span{ font-size:17px}	
.social-media li{float:left;margin-right:15px}		
.social-media li a{background:#243c7e;display:block;width:36px;height:36px;line-height:36px;text-align:center}
.social-media li a img{max-width:24px}
.social-media li a:hover,.social-media li a:focus{opacity:0.6}
.button.gold {
    border:2px solid #243c7e;
    color: #243c7e;
	background:transparent;
	text-transform:uppercase;
	margin:0 auto;
	display:block
}
.button.large {
    font-size: 18px;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    min-width: 220px;
}
.button.gold:hover, .button.gold:focus{background:#243c7e;color:#fff}
.calendar{position:relative}
.calendar span{position:absolute;right:10px;top:8px}
.calendar span img{max-width:24px}
.second-block p{color:#fff}
.read-btn.btn {
    border: 1px solid #243c7e;
    color: #fff;
    background: #243c7e;
    text-transform: uppercase;
    padding: 8px 15px;
    font-size: 14px;
    display: block;
    max-width: 120px;
    margin: 0 auto;
}
.read-btn.btn:hover,.read-btn.btn:focus{opacity:0.8}
.carousel-control-prev span img{transform:rotate(180deg)}
.carousel-control-prev span,.carousel-control-next span{border:2px solid #fff;border-radius:4px;padding:10px;margin:0 15px}
.carousel-control-prev span img,.carousel-control-next span img{max-width:44px}
#carouselExampleIndicators .carousel-control-prev,#carouselExampleIndicators .carousel-control-next{opacity:0}
#carouselExampleIndicators:hover .carousel-control-prev,#carouselExampleIndicators:hover .carousel-control-next{opacity:1}

.accordion {
  width: 100%;
  height: 500px;
  overflow: hidden;
  margin: 0px auto;
}

.accordion ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}

.accordion ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 33.666%;
  height: 500px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 500ms ease-in-out;
}

.third-block .accordion ul li:nth-child(1) { 
  background-position: center;
}

.third-block .accordion ul li:nth-child(2) { 
 background-position: center;
}

.third-block .accordion ul li:nth-child(3) { 
 background-position: center;
}
.six-block .accordion ul li:nth-child(1) { 
   background-position: center;
}

.six-block .accordion ul li:nth-child(2) { 
 background-position: center;
}
.accordion ul li { background-size: cover; }
.accordion ul:hover li { width: 10%; }
.accordion ul:hover li:hover { width: 90%; }
.accordion ul li:after{content:"";position:absolute;top:0;height:100%;left:0;right:0;background: rgba(47,83,124,.5)}
.accordion ul li:hover:after{display:none}
.banner .carousel-item img{height:100vh}

.side-fix{
/*
  transition-timing-function: ease-out;


  transition: 0.25s;

  transform: translateY(0);
  position:absolute;*/
}
.text-white{color: #ffffff !important;}
.price-list ,.food-list p{position:relative;padding-left:25px;font-size:18px}
.price-list i ,.food-list p i{position:absolute;color:green;left:0;margin-top:3px}
.food-list h4{font-size:20px}
.food-list p{font-size:18px}
.page-heading h2{font-size: 48px;font-weight: 700;}
.sc_title_underline.center h2::before,.sc_title_underline.center h2::after {
left: 0;
right: 0;
margin: 0 auto;
}
.carter-btn{
background: #243c7e;
color: #fff;
}
.carter-btn:hover,.carter-btn:focus{color:#fff;opacity:0.8}
.img-border-box {
    box-shadow: 5px 5px 0px 0px #ccc;
}
.sc_title_underline .p-b-0{padding-bottom:0}
.table-block tr td{padding:5px}
.table-block tr td:first-child{background:#f2f2f2;letter-spacing:1px}
.table-block tr:first-child td{border-top:none}
.inner-table tr td{padding:0}
.inner-table tr td:first-child{background:transparent}
.img-gallery [class*='col-']{
	padding:0
}
.img-gallery a{display:block;position:relative}
.img-gallery a:hover:before{content: "\f00e";position:absolute;
	font: normal normal normal 14px/1 FontAwesome;left:0;right:0;background:rgba(255,255,255,0.7);height:100%;text-align:Center;padding-top:20%;font-size:40px;color:#fff}
.food-block {margin:0}
.food-block li {color:#000;margin-bottom:15px;position:relative;padding-left:25px}
.food-block li:before {
	content: "\f046";
	position:absolute;
	font: normal normal normal 14px/1 FontAwesome;
	margin-left:-25px;
	color:green;
	margin-top:5px
	
}
.price-block-s{display:table;width:100%}
.price-block-s div{display:table-cell;vertical-align:middle;width:50%;padding:15px 0}
.price-block-s div:first-child{border-right:1px solid #999}
.price-block-s h3{font-size:18px;color:#000;text-align:center;margin-bottom:0}
.border-none-right{border-right:none !important}
.border-set div{border-top:1px solid #999}
.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.modal.custom-gallery {
  display: none;
  position: fixed;
  z-index: 999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.custom-gallery .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

.inquiry-btn.btn {
    background: #243c7e;
    color: #fff;
    font-size: 20px;
	position:relative;
	padding-right:60px
}
.inquiry-btn  span{position:absolute;right:10px;top:50%;margin-top:-16px}
.inquiry-btn  span img{max-width:32px}
.inquiry-btn.btn:hover,.inquiry-btn.btn:focus {opacity:0.8}
.news-banner {
    height: 155px;
    margin-bottom: 50px;
    background: #fff;
}
.news-info-block{display:table;width:100%;border-bottom:1px solid;border-color:rgba(214,214,214,0.7)}
.news-info-block .post-img,.news-info-block .post-content{display:table-cell;vertical-align:top}
.news-info-block .post-content{width:55%;padding-left:25px}
.news-info-block .post-img{position:relative;width:45%}
.full-news .more-news-btn {background: #e90606;color: #fff;text-transform: uppercase;}
.full-news .more-news-btn:hover,.full-news .more-news-btn:focus {opacity:0.8}
.post_info span{text-transform: uppercase;font-size:14px}
.hover_icon_link:before {
     content: "\f0c1";
    font-size: 24px;
    color:#e90606
}
.hover_icon:before {
     font: normal normal normal 14px/1 FontAwesome;
    font-size: 1em;
    background-color:#fff;
    cursor: pointer;
    display: block;
    height: 40px;
    width: 40px;
    line-height:40px;
    text-align: center;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.3, 0.3);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.3, 0.3);
    -ms-transform: translateX(-50%) translateY(-50%) scale(0.3, 0.3);
    transform: translateX(-50%) translateY(-50%) scale(0.3, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;
    -moz-transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;
    -ms-transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;
    -o-transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;
    transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;
    opacity: 0;
    filter: alpha(opacity=0);
}
.hover_icon:hover:before {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1, 1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1, 1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1, 1);
    transform: translateX(-50%) translateY(-50%) scale(1, 1);
    -webkit-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms;
    -moz-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms;
    -ms-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms;
    -o-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms;
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms;
}
.hover_icon:after {
    background-color: rgba(5,15,54,0.7);
}

.hover_icon:hover:after {
    opacity: 1;
}
.hover_icon:after {
    content: ' ';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.3);
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.pagination {
    display: table;
	margin:0 auto 30px
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
	background:#f2f2f2
}
.pagination a:first-child,.pagination a:last-child{background:#999;color:#fff}
.pagination a.active{background:#243c7e;color:#fff}
.faq-block li{float:left;width:33.33333%;padding:0 15px;margin-bottom:15px}
.faq-block li a{text-transform:capitalize;border:2px solid #243c7e ;display:block;
padding:25px 10px;text-align:center;color:#243c7e;font-weight:700;letter-spacing:1px
}
.side-block h4{background:#f2f2f2;font-size:16px;padding:15px 10px;color:#222}
.side-block ul li a{display:block;padding:10px;border-bottom:1px solid #f2f2f2;color:#243c7e}
.faq-block li a:hover,.faq-block li a:focus{background:#243c7e;color:#fff;}
.inner-faq{background:rgba(255,255,255,0.9);text-align:center;padding:40px 15px;max-width:600px;margin:60px auto}
.inner-faq h4{font-weight:600;}
.inner-faq p{font-weight:300;font-style:italic;color:#000}
.inner-faq a.btn{background:#243c7e;color:#fff ;text-transform:uppercase;}
.inner-faq a.btn:hover,.inner-faq a.btn:focus{opacity:0.8}
.single-new figure img{width:100%}
.point-view{list-style-type:circle;padding-left:25px}
.point-view li{margin-bottom:10px}
.card-header {
    padding: 0;
    border-radius:0
}
.card-header button {
    padding: 10px;
    display: block;
    border-radius: 0;
    width: 100%;
    text-align: left;
	color: #243c7e;
}
.card-header button:hover{text-decoration:none} 
.card {
    border-radius: 0;
	margin-bottom:4px
}
 @media screen and (max-width: 680px) {
  .accordion { height: auto; }

  .accordion ul li,
  .accordion ul li:hover,
  .accordion ul:hover li,
  .accordion ul:hover li:hover {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    -webkit-transition: none;
    transition: none;
  }
 
}


/* css diksha */
ul.discover-ang-thong-ul {
  list-style: none;
}

ul.discover-ang-thong-ul li:before {
  content: '✓';
}
a.discover-ang-thong-button{
  width: 100%;
  padding: 15px;
  background-color: #243c7e;
}
a.discover-ang-thong-button span{
  font-size: 20px;
}
a.discover-ang-thong-button .discover-ang-thong-button-icon{
  margin-left: 10px;
}

#exTab3 .nav-pills > li > a {
    border-radius: 0 0 0 0;
    background-color: #2f537c;
}

#exTab3 .tab-content {
  color : white;
  background-color: #2f537c;
  padding : 5px 15px;
}

#exTab3 ul li span{
  font-size: 18px;
}
#exTab3 ul li span i{
  margin-right: 10px;
}

.discover-ang-thong-tab-content{
  margin: 40px 20px 40px 20px;
}

.discover-ang-thong-table-row th,.discover-ang-thong-table-row td{
    border: none;
    background: transparent!important;
    font-size: 1.1em;
    font-weight: 100;
    text-align: left!important;
}

.discover-ang-thong-table-row th{
    padding-right: 20px;
}
.discover-ang-thong-tab-row-next{
  margin-top: 40px;
}

.southern_island_tour_highlight_span{
    color: #2f537c;
}


.hr-short {
    height: 20px;
    line-height: 20px;
    margin: 30px 0;
    float: none;
    border-color: #ebebeb;
}
.hr {
    clear: both;
    display: block;
    width: 100%;
    position: relative;
}
.main-color table{
  background: #d4d4d4;
  border-color: #ebebeb;
}
div .full-day-charter-table {
    width: 100%;
    clear: both;
    margin: 30px 0;
    table-layout: fixed;
}
table.full-day-charter-table {
    padding: 0;
    font-size: 13px;
    border-collapse: collapse;
    border-spacing: 0;
}
.full-day-charter-table tr {
    background: transparent;
}
.main-color .full-day-charter-table .full-day-charter-row .full-day-charter-th{
  background-color: #fff;
    color: #2f537c;
    border-top: none;
    border-left: none;
}
.full-day-charter-table th, .full-day-charter-table td {
    text-align: center;
    padding: 12px;
}
th.full-day-charter-th {
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border-style: solid;
    border-width: 1px;
    border-color: #d4d4d4;
}
th.full-day-charter-th-right{
  border-right: none;
  padding-right: 12px !important;
}
th.full-day-charter-th-bottom{
  border-bottom: none;
}

/* red yacht */

#redDragonTab .nav-pills > li.active > a{
    border-radius: 0 0 0 0;
    background-color: #243c7e;
    color: #ffffff !important;
}
#redDragonTab .nav-pills > li > a{
    border-radius: 0 0 0 0;
    background-color: white;
    color:#243c7e;
}

#redDragonTab .nav-pills > li.active > a span{
    border-radius: 0 0 0 0;
    background-color: #243c7e;
    color: #ffffff !important;
}
#redDragonTab .nav-pills > li > a span{
    border-radius: 0 0 0 0;
    background-color: white;
    color:#243c7e;
}
#redDragonTab .tab-content {
  color : #ffffff !important;
  background-color: #243c7e;
  padding : 5px 15px;
}

#redDragonTab ul li span{
  font-size: 18px;
}
#redDragonTab ul li span i{
  margin-right: 10px;
}

.red-dragon-yacht-tab-content{
  margin: 40px 20px 40px 20px;
}

.red-dragon-yacht-table-row th,.red-dragon-yacht-table-row td{
    border: none;
    background: transparent!important;
    font-size: 17px;
    font-weight: 100;
    text-align: left!important;
    color: #ffffff !important;
	vertical-align:top
}

.red-dragon-yacht-table-row th{
    padding-right: 20px;
}
.red-dragon-yacht-tab-row-next{
  margin-top: 40px;
}

.button.gold {
    border:2px solid #243c7e;
    color: #243c7e;
  background:transparent;
  text-transform:uppercase;
  margin:0 auto;
  display:block
}
.button.large {
    font-size: 18px;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    min-width: 220px;
}
.button.gold:hover, .button.gold:focus{background:#243c7e;color:#fff}
.calendar{position:relative}
.calendar span{position:absolute;right:10px;top:8px}
.calendar span img{max-width:24px}

.btn-green{
    background-color: #1abc9c;
    color:#FFFFFF;
}
.btn-yellow{
    background-color: #FFFFCC;
    color:#000000;
}
.calendar_inner_button{
    width:90%;
}

.inner_calender_table{
    margin: 10px;
}
.package-info-wrapper{
    width: 100%;
    position: relative;
    margin-bottom: 60px;
    margin-top: 60px;
    border-width: 1px;
    border-style: solid;
    padding: 15px;
    font-size: 14px;
    color: #666;
    border-color: #ebebeb;
}

.overlay-form {
    position: absolute;
    top: 0;
    height: 100%;
    background: rgba(255, 255, 255, .6);
    z-index: 9999;
    width: calc(100% - 30px);

}
.package-info-wrapper .package-info {
    padding: 3px 0;
    line-height: 34px;
    text-align: left;
}
.package-info-wrapper i {
    margin-right: 3px;
    min-width: 15px;
}

.package-info-wrapper .head, .promotion .promotion_title, .sale_small, .st-or, .tour_share .share span {
    font-weight: 700;
}
/* css diksha end */

/* Ang Thong Page */
 .remove-fixed {position: absolute;top: 63%;}
 .sc_title_underline.center h2::before, .sc_title_underline.center h2::after {
    left: 0;
    right: 0;
    margin: 0 auto;
}
.side-bar-effect .block-title h2 {
    font-size: 20px;
}
.side-bar-effect a.discover-ang-thong-button span {
    font-size: 17px;
}
.side-bar-effect .red-dragon-yacht-tab-content {margin:0}
.side-bar-effect #redDragonTab .nav-pills > li.active > a {
    background-color: #243c7e;
}
.side-bar-effect #redDragonTab .nav-pills > li > a {
    background-color: #f2f2f2;
}
.side-bar-effect #redDragonTab .nav-pills > li > a span {
    background-color: transparent;
}
.side-bar-effect .nav.nav-pills{background:#f2f2f2}
.location{margin-bottom:20px}
.panel-heading h5{margin:0}
.news-section .card-body{padding:15px}
.panel-group .panel {
    border-radius: 0;
}
.serve-not li:before{content: "\f00d"; position:absolute;margin-left:-20px;margin-top:6px;color: #ff3838;font: normal normal normal 14px/1 FontAwesome;}
.slick-prev, .slick-next {
    height: auto !important;
    width: auto !important
}
.booking-for-btn a {
    background: #243c7e;
    color: #fff;
    padding: 10px 44px 10px 70px;
    display: inline-block;
    border-radius: 4px;
    position: relative;
    font-size: 18px;
}
.booking-for-btn a img {
    max-width: 28px;
    position: absolute;
    left: 30px;
    top: 10px;
}
.booking-for-btn a:hover,.booking-for-btn a:focus {opacity:0.8}
.second-block{
    background-position:bottom;
}
.booking-section-date-view{
background: url(https://kosamuiboatcharter.com/themes/ksbc/assets/images/booking-section-bg.jpg) no-repeat bottom;
background-size:cover
}
.white-bg{background:#fff}
.booking-section-cldr{position:relative}
.booking-section-cldr .intro-block form:before {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 50px solid #fff;
    left: 0;
    right: 0;
    margin: -25px auto 0;
}
#refresh_icon img{
    margin-top: 12px;
    cursor: pointer;
}
#show_captcha{
    float: left;
    padding-right: 15px;
}