/*
Theme Name: Twenty Fifteen20062018
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


@import url('//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css');
.accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f078";    
    float: right;
}
.accordion-opened .accordion-toggle:after {    
    content: "\f054";    
}

body {
	background-color: #ffffff;
	font-family: 'Lato', sans-serif;
	color: #333333;
	font-size: 15px;
	overflow-x: hidden;
	line-height: 24px;
	font-weight:normal;
}
.slick-slide{
	/*height:auto !important;*/
	position:relative;
	min-height: 540px;
	max-height: 540px;
}
.slick-slider{
	margin-bottom:-10px;
}
.slick-dots {
width: 100%;
list-style: none;
text-align: center;
position:relative !important;
bottom:26px !important;
}
#details-banner{margin-top:4.9%;}
/*#details-banner .slick-dots{bottom:416px !important;}*/
.slick-dots li {
width: 10px;
height: 10px;
background:#fff;
border-radius:10px;
margin: 0 5px;
padding: 0;
border:1px solid #fff;
cursor: pointer;
}
.slick-dots li.slick-active{background:transparent;}
.slick-dots li button{display:none;}
.no-padding {
  padding: 0;
}


ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

a {
  text-decoration: none;
  color: #333333;
}

a:hover,
a:focus {
  outline: none;
  text-decoration: none;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  font-family: 'Lato', sans-serif;
}

h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  margin: 0;
}

img {
  /* border: none; */
  /* max-width: 100%; */
}

.mu-readmore-btn {
  background-color: transparent;
  font-family: LatoWebBold;
  display: inline-block;
  font-size: 22px;
  padding: 15px 35px;
  position: relative;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  border-radius:30px;
  font-style: italic;
}

.mu-readmore-btn::after {
  bottom: 5px;
  content: "";
  left: 5px;
  position: absolute;
  right: 5px;
  top: 5px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.mu-readmore-btn:hover, 
.mu-readmore-btn:focus {
  color: #fff;
}

.mu-readmore-btn:hover::after, 
.mu-readmore-btn:focus::after {
  bottom: 0px;
  content: "";
  left: 0px;
  right: 0px;
  top: 0px;
  font-style: italic;
  font-family: 'LatoWebBold';
}

.mu-browsmore-btn {
  background-color: #fff;
  border: 1px solid #ccc;
  display: inline-block;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.5px;
  padding: 12px 25px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.mu-browsmore-btn:hover, 
.mu-browsmore-btn:focus {
  color: #fff;
}

.mu-send-btn {
  background-color: transparent;
  border: 1px solid #ccc;
  display: inline-block;
  font-size: 16px;
  padding: 10px 18px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.mu-send-btn:hover, 
.mu-send-btn:focus {
  color: #fff;
}


/*==================
 HEADER SECTION
====================*/

#mu-header {
  background-color: #00b7af;  
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 999;
}


/*==================
 NAVBAR SECTION
====================*/
#top-menu{
}
.mu-main-navbar {
  background-color: transparent;
  border: none;
  padding: 15px 0;
  border-radius: 0;
  margin-bottom: 0;
/*   -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; */
}

.mu-main-navbar .mu-main-nav {
   font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.mu-main-navbar .mu-main-nav li a {
	color: #FFFFFF;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    line-height: 2;
}

.mu-main-navbar .mu-main-nav .dropdown-menu {
  background-color: #222222;
  border-radius: 0;
}

.mu-main-navbar .mu-main-nav .dropdown-menu li a {
  padding: 20px 20px;
  text-align:center;
  display: inline-block;
}

.mu-main-navbar .mu-main-nav .dropdown-menu li a > .img-responsive  {
	float: none;
	margin: auto;
}

.mu-main-navbar .navbar-header .navbar-brand {
  color: #333;
  display: inline-block;
  font-weight: 700;
  font-size: 35px;  
  padding: 0;
 /* margin-top: 16px;*/
  margin-top: 6px
  height: 34px;
  width: 180px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.mu-main-navbar .navbar-header .navbar-brand img {
    /* margin-top: -10px; */
	margin-left:30px;
}



.mu-main-navbar .navbar-header .navbar-brand-small {
  height: 20px;
  margin-top: 16px;
  width: 105px;
}

.mu-main-navbar .navbar-header .navbar-brand-small span {
  margin-top: -4px;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	font-family:lato;
	background-color: transparent;
	font-size:16px;
	font-weight:bold;
}
#top-nav-socl {
    margin-right: -15px;
}

/*scrol to top*/

.scrollToTop {
  bottom: 100px;
  color: #fff;
  display: none;
  font-size: 30px;
  line-height: 50px;
  position: fixed;
  right: 20px;
  text-align: center;
  text-decoration: none;
  width: 55px;
  z-index: 999;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  height: 55px;
  border-radius: 50%;
}

.scrollToTop {
    background-color: #06b9b1;
    border: 2px solid #0aa69f;
}
.scrollToTop:hover,
.scrollToTop:focus {
  color: #fff;
}
.scrollToTop i{line-height:20px !important;}

.svg-inline--fa.fa-w-10 {
    width: 1.625em;
    /* width: 35px; */
    height: 35px;
    padding-top: 0.5em;
}
/*==================
	SLIDER SECTION
====================*/

/* #mu-slider {
  display: inline;
  float: left;
  margin-top: 90px;
  width: 100%;
  position: relative;
} */
#mu-slider {
    display: inline;
    float: left;
    margin-top: 90px;
    width: 100%;
    position: relative;
}

#mu-slider > div > {
	height: 540px;
}

.mu-slider-area {
  display: inline;
  float: left;
  width: 100%;
}

.mu-top-slider {
  display: inline;
  float: left;
  width: 100%;
}

.mu-top-slider-single {
  display: inline;
  float: left;
  position: relative;
  width: 100%;
}

.mu-top-slider .mu-top-slider-single:after {
  background-color: rgba(0, 0, 0, 0);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
}

.mu-top-slider .mu-top-slider-single img {
  width: 100%;
  max-height:700px; /* Need to remove later */
}

.mu-top-slider .mu-top-slider-single .mu-top-slider-content {
  position: absolute;
  left: 15%;
  top: 33%;
  right: 15%;
  text-align: center;
  z-index: 99;
}

.mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-small-title {
  font-family: "Tangerine", cursive;
  font-size: 100px;
  font-weight: 400;
  line-height: 40px;
  color:#00b7af;
}

.mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-title {
  color: #FFFFFF;
  font-size: 67px;
  line-height: 90px;
  padding-bottom:20px;
  font-family: LatoWebBold;
  font-style: italic;
}

.mu-top-slider .mu-top-slider-single .mu-top-slider-content p {
  color: #fff;
  font-size: 20px;
  margin-bottom: 30px;
  margin-top: 10px;
  padding: 0 30px;
  font-style: italic;
  font-family: 'LatoWebBold';
}

.mu-top-slider .slick-prev::before {
  content: "\f177";
  font-family: fontAwesome;
}

.mu-top-slider .slick-next::before {
  content: "\f178";
  font-family: fontAwesome;
}

.mu-top-slider .slick-prev,
.mu-top-slider .slick-next {
  background-color: transparent;
  border: 2px solid #888;
  height: 60px;
  top: 50%;
  width: 70px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.mu-top-slider .slick-prev::before,
.mu-top-slider .slick-next::before {
  color: #888;
}

.mu-top-slider .slick-prev:hover, 
.mu-top-slider .slick-prev:focus,
.mu-top-slider .slick-next:hover,
.mu-top-slider .slick-next:focus {
  color: #fff;
}

.mu-top-slider .slick-prev:hover::before, 
.mu-top-slider .slick-prev:focus::before,
.mu-top-slider .slick-next:hover::before,
.mu-top-slider .slick-next:focus::before {
  color: #fff;
}

.mu-top-slider .slick-prev {
  left: 20px;
}

.mu-top-slider .slick-next {
  right: 20px;
}

/* 
.mu-top-slider .slick-dots {
  top: 65%
} 
*/
.mu-top-slider .slick-dots {
    top: 85%;
    position: absolute;
    height: 25px;
}
.mu-top-slider .slick-dots li button {
  border-radius: 50%;
}

.mu-top-slider .slick-dots li button::before {
  color: transparent;
  background: transparent;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.mu-top-slider .slick-dots li.slick-active button::before {
  color: transparent;
  border-radius: 50%;
  opacity: 1;
}
.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active { 
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

/*==================
	ABOUT US SECTION
====================*/

#mu-about-us {
  display: block;
  background: #e0f5f7;
}

.mu-about-us-area {
  display: inline;
  float: left;
  width: 100%;
  letter-spacing: 0.5px;
 padding: 40px 0px 70px;
}

.mu-about-us-right {
  display: inline;
  float: left;
  width: 100%;
}
.mu-about-us-right p a{color:#00b7ab;border:0px;background:none;padding:0;text-decoration:underline; padding-right:5px;}
.howitworks{margin-top:30px;}
.mu-about-us-right ul {
  margin-bottom: 20px;
  padding-left: 25px;
}

.mu-about-us-right ul li {
  line-height: 24px;
  margin-bottom: 10px;
}

.mu-about-us-right ul li:before {
  content: "\f0da";
  font-family: fontAwesome;
  margin-right: 10px;
}

.mu-about-us-left {
  display: inline;
  float: left;
  margin-top: 20px;
  padding-top: 30px;
  padding-right: 15px;
  width: 100%;
}

.mu-title {
  display: block;
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}

.mu-title .mu-subtitle {
  font-size: 50px;
  font-family: "Tangerine", cursive;
  line-height: 30px;
}

.mu-title h2 {
  color: #000;
  font-size: 35px;
  margin-bottom: 5px;
}
.mu-about-us-area .mu-title h2{
	font-family:lato;
	text-align:left;
	color:#00b7ab;
	font-size: 28px;
	letter-spacing: 0.6px;
	}

/*==================
 COUNTER SECTION
====================*/

#mu-counter {
  background-attachment: fixed;
  background-image: url("assets/img/counter-bg.jpeg");
  background-size: cover;
  display: inline;
  float: left;
  width: 100%;
}

.mu-counter-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  display: inline;
  padding: 100px 0;
  float: left;
  width: 100%;
}

.mu-counter-area {
  display: inline;
  float: left;
  width: 100%;
}

.mu-counter-nav {
  display: inline-block;
  width: 100%;
}

.mu-counter-nav li {
  display: inline-block;
}

.mu-counter-nav li:last-child {
  border-right: none;
}

.mu-counter-nav li .mu-single-counter {
  color: #fff;
  display: inline;
  float: left;
  padding: 25px 0;
  text-align: center;
  width: 100%;
}

.mu-counter-nav li .mu-single-counter span {
  font-family: "Tangerine", cursive;
  font-size: 40px;
}

.mu-counter-nav li .mu-single-counter h3 {
  font-size: 50px;
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 15px;
  margin-top: 10px;
}

.mu-counter-nav li .mu-single-counter h3 span {
  font-family: "Open Sans", sans-serif;
  font-size: 35px;
  font-weight: bold;
  line-height: 40px;
}

.mu-counter-nav li .mu-single-counter h3 sup {
  font-weight: normal;
  display: inline-block;
  font-size: 35px;
}

.mu-counter-nav li .mu-single-counter p {
  font-size: 18px;
  letter-spacing: 1.5px;
  margin-bottom: 0;
}
.grey-strips{background: #f5f4f4;border:1px solid #e1e1e1;padding: 0px 20px;display: table;width: 100%;font-family:"LatoBold";height: 70px; webkit-animation-duration:5s;webkit-animation-delay:5s;}
.grey-strips span>img{display: table-cell;vertical-align: middle;margin-right: 10px !important;}
.grey-strips span{
    display: table-cell;
    vertical-align: middle;
}
.mu-restaurant-menu-content .col-sm-4{margin-bottom:30px;}
/*==================
 MENU ITEM SECTION
====================*/
 .tileholder{position: relative;overflow: hidden; cursor: pointer;}
.img-container{
	margin: 35px auto;
}
.img-container.small-thumbnails{margin-bottom:16px;}
.big-thumbnail img{height:390px;}
.img-container.small-thumbnails img {
    height: 179px;
}
#mu-restaurant-menu {
  display: block;
  padding: 100px 0 0px;
  /* width: 100%; */
}

.mu-restaurant-menu-area {
  display: inline;
  float: left;
  width: 100%;
}

.mu-restaurant-menu-content {
  margin-top: 50px;
  width: 100%;
}

.mu-restaurant-menu {
  display: inline-block;
  width: 100%;
  text-align: center;
  border: none;
}

.mu-restaurant-menu li {
  display: inline-block;
  float: none;
}

.mu-restaurant-menu li a {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  border-radius: 0;
  color: #fff;
  font-size: 18px;
  margin: 0 15px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.mu-restaurant-menu li a:hover,
.mu-restaurant-menu .active a,
.mu-restaurant-menu .active a:hover,
.mu-restaurant-menu .active a:focus {
  background-color: #FFF;
}

.mu-tab-content-area {
  display: inline;
  float: left;
  width: 100%;
  padding: 50px 0;
}

.mu-tab-content-left {
  display: inline;
  float: left;
  padding-right: 15px;
  width: 100%;
}

.mu-tab-content-right {
  display: inline;
  float: left;
  padding-left: 15px;
  width: 100%;
}

.mu-menu-item-nav li {
  border-bottom: 1px dashed #ccc;
  display: inline;
  float: left;
  margin-bottom: 20px;
  padding-bottom: 15px;
  width: 100%;
}

.mu-menu-item-nav li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.mu-menu-item-nav li .media .media-left {
  width: 110px;
  height: 110px;
}

.mu-menu-item-nav li .media .media-left a,
.mu-menu-item-nav li .media .media-left a img {
  display: block;
  width: 110px;
  height: 110px;
}

.mu-menu-item-nav li .media .media-body .media-heading {
  font-size: 20px;
  margin-bottom: 10px;
}

.mu-menu-item-nav li .media .media-body .media-heading a {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.mu-menu-item-nav li .media .media-body .mu-menu-price {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.5px;
  line-height: 20px;
}

.mu-menu-item-nav li .media .media-body p {
  margin-top: 10px;
  font-size: 14px;
}
.green-strip{
	position: absolute;
	bottom: 0px;
	color: #fff;
	padding: 25px 40px;
	background: #03b8b0;
	width: 100%;
	font-family:"LatoBold";
	font-size: 25px;
}
.fare-details{
	position: absolute;
	bottom: 100px;
	color: #fff;
	padding: 10px 40px;
	font-family: "lato";
	z-index:1;
}
.fare-details a{
	background:#2b3131;
	color:#fff;
	padding: 7px 25px;
	margin-top: 25px;
	font-size: 20px;
}
.fare-details a:after{
	top:0;bottom:0;right:0;left:0;
}
.fare-details h4{
	font-size: 37px;
    font-family: "LatoBold";
}
.fare-details span{
	font-size: 18px;
}
.dd-card small{font-size:62%;}
.promo-link{color: #00b7af;
    font-size: 15px;
    margin-top: 15px;
    display: block;}
.green-strip a{float:right;}
ul .green-strip{
	 padding: 14px 18px 10px 28px;
	 font-family: "LatoRegular";
	 font-size: 16px;
	 width:100%;
	 height: 50px;
	 display: table;
}
ul .fare-details a{
	font-size: 14px;
	padding: 2px 15px;
	margin-top: 15px;
}
ul .fare-details{
	bottom: 45px;
	padding: 43px 30px 19px;
	width: 100%;
}
ul .fare-details h4{
	font-size: 27px;
	margin: 0;
}
ul .fare-details span {
    font-size: 14px;
}
ul .transperant-hover {
    position: absolute;
    background: rgba(3, 184, 176, 0.6);
    width: 100%;
    top: 35px;
    height: 72%;
    z-index: 0;
    padding: 62px 0px;
    left: -5000px;
    transition: 1s;
}
.one .transperant-hover {
    position: absolute;
    background: rgba(3, 184, 176, 0.6);
    width: 100%;
    top: 35px;
    height: 85.8%;
    z-index: 1;
    padding: 62px 0px;
    left: -5000px;
    transition: 1s;
    cursor: pointer;
}
ul .tileholder:hover  .transperant-hover{transition:1s;left:0;}
/* ul  .tileholder:hover  .fare-details{opacity:0;transition:1s} */
ul  .tileholder:hover  .transperant-hover .fare-details{opacity:1;}
ul  .transperant-hover .fare-details{
	bottom: 1px;
}

.tileholder .img-container .img-responsive{
	width: 100% !important;
}
.transperant-hover .fare-details a{
	background:#fff;
	color:#2b3131;
}
.social-section{
	background: url('./images/seabg.png') no-repeat 0 0;
	padding: 85px 0px 0px;
	margin: 0 auto;
	background-size: cover;
	margin-top: 45px;
}
.social-section h2{font-family: 'Lato', sans-serif;font-style:italic;color:#fff;font-size:40px;margin-bottom: 20px;}
.social-section span{font-family: 'Lato', sans-serif; color:#03b8b0;font-size: 37px;}
.social-section-contentarea {text-align:/* center */;padding:40px 0px;}
.social-links{padding:75px;}
.social-links span{color:#fff;font-size: 18px;}
.social-links  img{margin: 0px 4px;vertical-align: text-bottom;}
/*=========================
FOOTER DESIGN
=====================*/
#mu-footer {
    background: #03b8b0;
    padding: 15px 54px !important;
    /* text-align: left; */
    margin-bottom: 100px;
    /* display: flex; */
    flex-wrap: wrap;
}
.footer-wrapper .column{float:left;width: 20%;padding: 0px 5px;}
.footer-wrapper .column ul li a{color: #fff;font-size: 16px;font-family: "LatoRegular";}
.footer-wrapper .column ul li {margin-bottom:5px;}
.footer-wrapper .column ul li  a span{float:right;}
.footer-wrapper .column ul li.greenroundstrip {
    background: #0aa69f;
    padding: 5px 18px;
    border-radius: 22px;
    width: 75%;
    cursor: pointer;
    margin-bottom: 7px;
}
.footer-wrapper .column p{
	    color: #ffff;
    margin: 20px 0px 0px 0px;
    width: 100%;
    /* line-height: 19px; */
    font-size: 16px;
    /* float: right; */
    /* text-align: right; */
    padding-left: 30%;
	}
.footer-wrapper .column h5 {
    color: #fff;
    font-family: "LatoBold";
    font-size: 26px;
    letter-spacing: 0.04em;
    margin-bottom: 15px;
}
.footer-wrapper .column .social-icons li{float:left; margin:19px -95px 0px 105px;}
.footer-wrapper:last-child{
	text-align:right-side !important;
}
.footer-wrapper .column #crs{
	text-align:left-side !important;
	float: left !important;
    padding-left: 0px;
}

/*-------------------------------*/
.img-container, .img-container > img-responsive {
    /*display: flex;
     max-width: 100%; */
    height: auto !important;
}
.socl-gallery-flex{
	display:block;
	min-height:575px;
}


/* .socl-bg{
}
.socl-month-date{
		padding-top:20px;
	padding-left:20px;
}
.socl-bg:first-child{
	display:flex;
	font-variant:italic;
	color:#ffffff;
	font-size:18px;

}
.socl-month-date{
	margin-right:130px;
}
.socl-content p{
	font-family:;
	font-size:20px;
	color:#fff;
	padding:20px;
	font-weight: 100;
}
.socl-bg:third-child{
	display:flex;
	padding:;
	line-height:-5px;
}	
.socl-bg:third-child p{
	color:#ffffff;
}  */

/*-------------------*/
.socl-bg{
	min-height:575px;
	background-color:#22b0b2;
	opacity:0.8;
	display:flex;
	flex-direction: column;
	/* justify-content: space-around; */
}
.socl-bg-2 {
	min-height:575px;
	background-color:#39a671;
	opacity:0.8;
	display:flex;
	flex-direction: column;
	/* justify-content: space-around; */
}
.socl-bg-3{
	min-height:575px;
	background-color:#a25947;
	opacity:0.8;
	display:flex;
	flex-direction: column;
	/* justify-content: space-around; */
}
.socl-bg-4{
	min-height:575px;
	background-color:#958e55;
	opacity:0.8;
	display:flex;
	flex-direction: column;
	/* justify-content: space-around; */
}

.socl-date-icon{
	padding:20px;
}
#socl-date{
	font-size:18px;
	color:#ffffff;
}
#socl-user-prfl{
	padding:15px 20px;
	clear:both;
}
#insta-useName{
	color:#fff;
	font-size:18px;
	line-height:40px;
	clear:both;
	margin-left:5px;
}
#socl-content p{
	color:#FFFFFF;
	font-size:18px;
	padding:20px;
}
.socl-img{
}
.socl-video{
	margin-top:40px;
	margin-bottom:40px;
}
/*-----------*/

/*---------------------------*/
.referral-banner-title{
	font-family: 'Lato', sans-serif;
    position: absolute;
	color: #222222;
	font-size: 70px;
    top: 22%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-weight:600;
}
.referral-text{
	color: #222222;
	font-size:20px;
	padding:15px;
    line-height:30px;
}
.referral-btn-container{
	display: flex;
    justify-content: center;
	margin-top: 60px;
    background-color: #f5f3f4;
    padding: 40px 0;
}
.get-started-text{
	font-family: 'Lato', sans-serif;
	font-size:18px;
	/* width:150px; */
	line-height: 45px;
	font-weight:500;
}
.get-started-text span{
	margin-left:4px !important;
}
.fb-invite-btn{
	width:292px;
}
.fb-invite-btn img{
	width:287px;
	height:48px;
}
.fb-invite-btn a i{
	line-height:10px;
}
.or-text{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight:500;
	width:50px;
	line-height: 35px;
}
/*
 .email-invite{
	width:220px;
} 
*/
.email-invite img{
	width:228px;
	height:48px;
}
.btn-twitter{
	
}
.btn-vk {
    color: #ffffff;
    background-color: #00b7af;
    border-color: rgba(0,0,0,0.2);
}
.btn-social .btn-twitter{
	 border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.btn-social>:first-child {
	top:none !important;
	bottom:none !important;
	left:none !important;
    width: 32px;
    line-height: 42px;
    font-size: 18em;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
	padding-top:5px;
}
@media only screen and (max-width:1500px){
	.footer-wrapper .column h5{padding-left:0px !important;}
	.respo-360 p{padding-left:0px !important;}
	.column:last-child img {
    margin-left: 0 !important;
}
@media only screen and (max-width:1200px){
	.footer-wrapper .column h5{margin-bottom:5px;}
	.footer-wrapper .column ul li {
		margin-bottom: 5px; 
	}
	.footer-wrapper .column p{margin: 5px 0px 0px 0px;}
	#mu-footer{padding:15px;}
}


.column:last-child p {
padding-left: 0;
    text-align: left;
}
}
/*----- Chat start -----*/
.chat {
    max-width: 360px;
    padding: 0 15px;
	border:1px solid #333;
	border-radius:15px;
	font-size:14px;
	display:inline-block;
	position:absolute;
	right:0;
	clear:both;
}
.chat-area{
	max-height:360px;
	overflow-y:hidden;
}
.chat-container {
    background-color: #eeeeee;
    border-radius: 5px;
    padding: 5px;
    margin: 10px 0;
    clear:both;
    display:inline-block;
    border-top-left-radius: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius:10px;
	color:#333;
}
.chat-container:before {
    width: 0;
    height: 0;
    content: "";
    top: -5px;
    left: -14px;
    position: relative;
    border-style: solid;
    border-width: 13px 0 0 0;
    border-color: transparent #000 transparent transparent;
}
.darker {
	clear:both;
    border-color: #ccc;
    background-color: #00b7af;
    text-align:right;
    right:0;
    display:inline-block;
    float:right;
    border-top-right-radius: 0px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius:10px;
	color:#fff;
}

.chat-container::after {
    content: "";
    clear: both;
    display: table;
}

.chat-container img.right {
    float: right;
    margin-left: 20px;
    margin-right:0;
}

.time-right {
    float: right;
    color: #aaa;
}

.time-left {
    float: left;
    color: #999;
}
.zendesk-txt{
	background-color:#eeeeee;
	padding:4px;
	color:#00b7af;
	width:360px;
	display:inline-block;
}
/*----- Chat end-----*/
/*----------START HOLIDAY VOUCHER-----------------*/
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    font-family: lato !important;
	font-size:14px;
}
#holiday-voucher .form-group-lg .form-control{
		border-radius:0px !important;
}
#holiday-voucher .form-control{
	border-radius:0 !important;
	-webkit-box-shadow:none;
	box-shadow:none;
}
#holiday-voucher-banner{
	margin-top: 4.9%;
}
.holiday-voucher-image img{
	width:100%;
	height:auto;
}
.holiday-voucher-banner-title{
    font-family: 'Lato', sans-serif;
    position: absolute;
    color: #ffffff;
    /* text-decoration:underline; */
    font-size: 55px;
    font-weight:bolder;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight:500;
    font-family:lato;
}
.underline{
	border-bottom:3px solid #FFFFFF;
	padding-bottom:35px;
}
#holiday-voucher-breadcrum-box{
	
}
#holiday-voucher{
	padding:40px 0 90px 0 !important;
	margin-bottom:15px;
	background-color:#f5f4f4;
}
.holiday-voucher-content ul li{
	list-style-position: outside;
}
.holiday-voucher-content-2 h4{
	color:#00b7af;
	font-size:20px;
	padding-left:12px;
}
.holiday-voucher-content-2{
	margin-top:-10;
}
.holiday-voucher-content-2 .media-body{
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight:400;
}
.holiday-voucher-content{
	margin-top:25px;
}
.holiday-voucher-content h4{
	color:#00b7af;
	font-size:20px;
}
.holiday-voucher-content p{
	font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 18px;
}
.breadcrumb-text{
	font-family: 'Lato', sans-serif;
    font-size: 16px;
    padding: 25px 0 20px 60px;
    color: #222;
    text-transform: uppercase;
}
.breadcrumb-text span{
	font-size:16px;
	/* padding:20px; */
	color:#00b7af;
}
.voucher-card{
	background-color:#FFFFFF;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.voucher-head{
	width:100%;
	background-color:#000;
}
.stay-details{
	font-family: 'Lato', sans-serif;
	color:#b0b0b0;
	padding:20px;
	background-color:#000;
}
.stay-details span{
	/* background-color:#000; */
	color:#03b8b0 !important;
	font-size:30px;
}
.no-of-details{
	display: flex;
	flex-direction: row;
	padding:10px;
	justify-content: center;
}
.no-of-details > span {
    color: #a8a8a8;
    text-align: ;
    padding: 15px 10px 0 14px;
    font-size: 16px;
    /* font-family: lato; */
}
.no-of-details .people-count{
	color:#222222;
	font-family: lato;
    font-weight: 500;
	line-height: 60px;
}
.border-rt{
	border-right:1px solid #e7e7e7;
}
.border-btm{
	border-bottom:2px solid #e7e7e7;
}
.payment-total{
	padding: 0 16px 16px 16px;
}
.payment-total .pay-amount{
	color:#03b8b0;
	font-size:38px;
	display:block;
}
.payment-total small{
	font-family: 'Lato', sans-serif;
	padding-top:0;
	font-size:13px;
	color:#a9a9a9;
}
.map-icon-div > div{
	display:inline-block;
	padding:;
	vertical-align:middle;
}
.map-icon-div p{
	font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #222222;
    padding-top: 25px;
    padding-left: 8px;
}
.map-icon-div p span{
	color:#00b7af;
}
.open-hours-text-right{
	text-align:right-side;
}
.hv-vontinue-btn{
	width:270px;
	color:#FFFFFF;
	font-size:20px;
	letter-spacing:1px;
	padding:10px;
	font-weight:bold;
	border-radius:50px;
	background-color:#00b7af;
	margin:25px 0;
}
.textarea-box {
    margin-top: -20px;
}
.textarea-box .checkbox{
	padding:15px;
}
#holiday-voucher hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #eee;
}
.media-left, .media-right, .media-body{
	display: table-cell;
    vertical-align:0 !important;
}
/*----------END HOLIDAY VOUCHER-----------------*/
/*-----------------------------------*/
#scroll-footer{
	display: flex;
	justify-content: center;
	width:100%;
	height:100px;
	background-color:#094e49;
	font-size:15px;
	color:#fff;
	transition: bottom 0.2s ease-in-out;
	 position: fixed; /* Make it stick/fixed */
    bottom: -100px; /* Stay on top */
    width: 100%; /* Full width */
    transition: bottom 0.3s; /* Transition effect when sliding down (and up) */
	z-index: 2;
}
#scroll-footer small{
	font-size:13px;
}
.never-miss-deals img{
	margin-top:30px;
}
/*-------*/
.widgets_div {
	display: flex;
	justify-content: center;
	padding: 22px 0;
}
.widgets_div .icon_div {
      padding-top: 8px;
  vertical-align:middle;
}
.widgets_div .text_div {
  margin-left: 10px;
  font-family: 'Lato', sans-serif;
	font-size:14px;
}


.subscribe-btn {
    border-radius: 25px;
    background-color: #06b9b1;
    border: 0;
    height: 40px;
    width: 200px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    top: 0px !important;
    position: absolute !important;
}
.subscribe-btn:hover{
	background-color:#06b9b1;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 25px; 
    border-bottom-left-radius: 25px; 
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -25px;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
	border:0;
	height:40px;
	width:340px;
	padding-left: 15px;
}
.subscribe{
	display: flex;
	justify-content: center;
	vertical-align: middle;
	margin-top:30px;
}
.unsubscribe-link a{
	display: inline-block;
    vertical-align: middle;
    line-height: 35px;
    color: #03b8b0;
    text-decoration: none;
    margin-left: 10px;
}
/*--------------------*/
#subscribe-btn-scroll{
	height:50px;
	width:215px !important;
	background-color:#222222;
	opacity:0.8;
	font-size:18px;
	color:#fff;
	transition: bottom 0.2s ease-in-out;
	position: fixed; 
    top:94px; 
    transition: top 0.3s;
	border-radius:0 0 10px 10px;
	border:2px solid #37a8a8;
	right:5%;
	line-height:33px;
	text-transform:uppercase;
}
#subscribe-btn-scroll:hover{
	border:2px solid #FFFFFF;
}
/*-------------------------------------------------*/
.dropdown-heading h1{
	font-size:60px;
	font-weight:bolder;
	text-transform:uppercase;
	text-align:center;
	color:#00b7af;
}
.dropdown-menu li a:hover img{
	opacity: 0.6;
}
.dropdown-menu li > div{
	display:flex;
	font-size:14px;
	justify-content: center;
}

/*-------------------- Destination -------------------*/
#destination-single-banner{
	margin-top: 4.9%;
}
.single-banner-title{
    position: absolute;
    color: #ffffff;
    font-size: 55px;
    font-variant: bolder;
    top: 26%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 500;
    font-family: lato;
}

.single-banner-image{
	
}
.single-banner-image img{
	width:100% !important;
	height:auto;
}
.breadcrum-box{
	
}
.breadcrumb-box-text{
	font-family: 'Lato', sans-serif;
	font-size:16px;
	padding: 25px 0 20px 60px;
	color:#222;
	text-transform:uppercase;
}
.breadcrumb-box-text span{
	font-size:14px;
	/* padding:5px; */
	color:#00b7af;
}
.share-content{
	border:1px solid #e7e7e7;
	padding:25px;
	margin:30px 0;
}
.share-content{
	font-size:15px;
	color:#222222;
}
.share-content p{
	font-family: Lato, sans-serif;
	font-size:18px;
	font-weight:400;
	color:#000;
	padding:15px 0;
}
.share-content span{
	display:flex;
	align-items: center;
}
.share-content h2{
	font-family: Lato, sans-serif;
	font-style:italic;
	color:#00b9b0;
	font-weight:400;
}
.filter-nav{
	background-color: #00b7af;
    border: none;
    padding: 10px 0 5px 20px;
    border-radius: 0;
    margin-bottom: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.filter-nav .nav-pills > li {
  float: left;
  margin-left: 30px;
}
.filter-nav .nav-pills > li > a {
	color:#FFFFFF;
	font-family:lato;
	font-size:18px;
}
.filter-nav .nav-pills > li > p {
	color:#FFFFFF;
	font-family:lato;
	font-size:18px;
	line-height:40px;
}
.filter-nav .nav-pills > li + li {
	color:#FFFFFF;
}
.filter-nav .nav-pills > li.active > a,
.filter-nav .nav-pills > li.active > a:hover,
.filter-nav .nav-pills > li.active > a:focus {
  color: #FFFFFF;
  background-color: #00b7af !important;
}
.filter-nav .list-group-item.active > .badge,
.filter-nav .nav-pills > .active > a > .badge {
  color: #FFFFFF;
  background-color: #00b7af !important;
}
.filter-nav .nav-pills > li > a > .badge {
  margin-left: 3px;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #00b7af !important;
    /* border-color: #337ab7; */
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent !important;
}
.nav-pills .dropdown-menu > li > a {
    display: block;
    padding: 6px 40px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 16px;
}
.img-align{
	max-width:100%;
	width:1900px;
	height:auto;
}
#modal-gallery-btn{
    position: absolute;
    left: 20.5%;
    bottom: 32%;
}
#modal-gallery-btn a i{
	margin-right:5px;
}

#modal-gallery-btn a {
    font-family: 'Lato', sans-serif;
    color: #FFFFFF !important;
    background-color: #626f75;
    /* width: 150px; */
    font-size: 16px;
    letter-spacing: 1px;
    padding: 10px 20px;
    font-weight: bold;
    border-radius: 50px;
}

@import "compass/css3";
		
.hidden {
  overflow: hidden;
  display: none;
  visibility: hidden;
}
.package-name{
	display:block;
	color:#fff;
}
/*-- thunbnail coursole --*/
.carousel-caption h1{
	font-size:60px;
	font-family: 'Lato', sans-serif;
	font-style:italic;
	font-weight:700;
	}
.carousel-caption p{
	font-size:30px;
	padding:10px;
	line-height:25px;
	font-family: 'Lato', sans-serif;
	}

#mythumbCarousel .carousel-control.right{
	right: 0;
	background-color: none !important;
}
#mythumbCarousel .carousel-control.left{
	background-color: none !important;
}
#mythumbCarousel .carousel-control {
	position: relative;
    top: -900px;
    right: 0px !important;
     bottom: 0; 
    left: 93.5%;
    /* width: 15%; */
    font-size: 20px;
    color: #fff;
    text-align: center;
    /* text-shadow: 0 1px 2px rgba(0, 0, 0, .6); */
    /* background-color: rgba(0, 0, 0, 0); */
    filter: alpha(opacity=50);
    /* opacity: .5; */
	background: none !important;
}
#mythumbCarousel .carousel-indicators{
	display:none;
}

/*-------------------------------------*/
/*---------------Contact US--------------*/
#contact-address-section{
	background-color:#e0f5f8;
	margin-bottom:25px;
}
.contact-content h4 {
    color: #00b7af;
    font-size: 18px;
	font-family: 'Lato', sans-serif;
	font-weight:600;
}
.t-and-c{
	color: #00b7af;
}
.contact-address img{
	margin-right:15px;
}
.contact-address{
	display:block;
	font-family:lato;
	margin-top:30px;
	margin-bottom:30px;
	font-family: 'Lato', sans-serif;
	font-size:16px;
}
.contact-address p {
    display: block;
    font-family: lato;
    margin: 0 0 -5px;
}
.contact-address span{
	color:#222222;
	font-weight:bold;
	line-height:40px;
	font-family: 'Lato', sans-serif;
	font-size:18px;
}
.contact-heading{
	display:flex;
	color:#222222;
	font-weight:bold;
	font-size:18px;
	margin-bottom:15px;
}
.contact-border-rt{
	border-right:1px solid #9ce2e0;
}
.contact-address a{
	color:#00b7af;
}

/*-------------------------------------*/
/*------------- Redeem ---------------*/
.redeem-icon-head{
	margin-bottom:25px;
	padding-left:10px;
}
.redeem-icon-head span{
	font-family:lato;
	font-size:26px;
	font-weight:bold;
}
.redeem-icon-head img{
	margin-right:15px;
}
.voucher-code{
	display:flex;
	margin-top:30px;
	/* margin-left:40px; */
}
.redeen-contine-btn {
    width: auto;
    color: #FFFFFF;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 6px 30px;
    font-weight: bold;
    border-radius: 50px;
    background-color: #00b7af;
    margin-left: 10px;
}
.hv-submit-btn{
	width:270px;
	color:#FFFFFF;
	font-size:20px;
	letter-spacing:1px;
	padding:10px;
	font-weight:bold;
	border-radius:50px;
	background-color:#00b7af;
    margin-left: -15px;
}
#booking-details{
	margin-bottom:30px;
	margin-top:30px;
	background-color:#e0f5f8;
	padding-top:30px;
	padding-bottom:40px;
}
#eligibility{
	padding:40px 0 40px 0;
	background-color:#e0f5f8;
}
#eligibility-voucher-container{
	padding:0 0 20px 0;
	background-color:#e0f5f8;
}
#guest-details{
	margin-top:30px;
	margin-bottom:30px;
}
#guest-details .form-control{
    border-radius: 0 !important;
}
#guest-details .form-group div{margin-bottom:10px;}
.guest-form{
	background-color:#f5f5f5;
	padding:10px 30px 25px 30px;
	margin-bottom:30px;
}
.guest-close {
    background-color: #000;
    padding: 5px;
    color: #fff;
    margin-top: -49px;
    margin-right: -29px;
}
.add-guest-btn {
    width: 250px;
    color: #FFFFFF;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 5px;
    font-weight: bold;
    border-radius: 50px;
    background-color: #00b7af;
	margin-left:10px;
}
.country-code .form-control{
	padding-right:0px !important;
	margin-right:0px !important;
}
.error-message-box{
	margin:30px 0;
	width:50%;
	margin-left:40px;
}
.have-v-code{
	font-family: 'Lato', sans-serif;
	font-size:20px;
	font-weight:500;
	padding-right: 10px;
}
.error{
	font-family: 'Lato', sans-serif;
	color:#F00;
	font-size:13px;
	font-weight:400;
}
/*-------------------------------------*/
/*------------Destination------------------*/
.btnwrapper{
	background: #00b7af;
    color: white;
    border: none;
    padding: 7px 10px;
    line-height: 1;
    margin-top: 2px;
}
.btnwrapper-view{
	background: #00b7af;
    color: white;
    border: none;
    padding: 7px 10px;
    line-height: 1;
    margin-top: 2px;
}
.from-price{
	display: flex;
    background-color: #00b7af;
    border: 1px solid #fff;
    position: absolute;
    top: 228px;
    right: 50px;
    color: #ffffff;
    width: 155px;
    height: 65px;
    justify-content: center;
}
.from-price h3{
}
.from-price .dollar{
	font-family: 'Lato', sans-serif;
    font-size: 20px;
    vertical-align: super;
    font-weight: 500;
}
.destination-price{
	font-family: 'Lato', sans-serif;
    font-size: 26px;
    font-weight: 700;
    vertical-align: super;
    color: #FFFFFF;
}
.from-price span small{
	font-family: 'Lato', sans-serif;
	color:#fff;
	font-size:18px;
}
.thumb-footer{
	display:block;
	background-color:#f4f4f4;
	margin-bottom:-13px;
	width:99%;
	margin-left:3px;
	padding:5px;
}
.thumb-footer span{font-size:12px;}
.destination .thumbnail{
	border-radius:0px !important;
}
.desti-thumb-title h3{
	font-family: lato;
    color: #222222;
    font-weight: 600 !important;
    font-size: 26px;
    letter-spacing: 0.5px;
}
.desti-thumb-title span{
	color:#b8b8b8;
	font-weight:bold !important;
}
.ppl-count, .ni8-count{
	font-size: 15px;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
}
.save-percentage{
	font-family: 'Lato', sans-serif;
	color:#01b6af;
	font-weight:500;
	font-size:16px;
	margin-left:15px;
}
.unchecked{
	color:#cacaca;
}
.checked{
	color:#00b8ae;
}
.plus {
    color: #6e6e6e;
    font-size: 25px;
    line-height: 60px;
}
.rate-percentage{
	margin-bottom:15px;
}
.redeem-h-voucher{
	padding:15px;
	border:1px solid #d9d9d9;
	margin-bottom:30px;
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
}
.list-view-heading{
	background-color: #f5f3f4;
    color: #222222;
    font-size: 20px;
    padding: 18px 50px;
    margin-bottom: 25px;
    font-weight: bold;
    font-family: lato, sans-serif;
    letter-spacing: 1px;
}
.list-view-heading p{
	padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
}

.l-m-btn a {
    display:inline;
    background-color:#e5e5e5;
    padding:10px 15px;
    position:relative;
}
.list-map-tab-div{
	margin-bottom:20px;
	margin-top:20px;
}

.destination-list-map-view{
	
}
.destination-list-map-view{
	
}
.list-map-tab-div .nav-tabs > li > a {
    margin-right: 0px;
    line-height: 1.42857143;
    border: 1px solid #c2c2c2;
    border-radius:0px !important;
	padding:10px 25px;
	font-size:16px;
	font-family:lato;
	color:#00b7af;
}
.list-map-tab-div .nav-tabs > li.active > a, .list-map-tab-div .nav-tabs > li.active > a:hover, .list-map-tab-div .nav-tabs > li.active > a:focus {
    color: #fff !important;
    cursor: default;
    background-color: #222222 !important;
    border: 1px solid #c2c2c2;
}

.list-map-tab-div .nav-tabs > li.active a:before, .list-map-tab-div .nav-tabs > li.active > a:hover:before {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 35px;
    border-width: 20px 15px 0;
    border-style: solid;
    border-color: #222222 transparent;
    display: block;
    width: 0;
	color:#fff !important;
	background-color:transparent !important;
}
.list-map-tab-div h4{
	color: #00b7af;
    font-size: 28px;
    font-family: lato;
    font-weight: bolder;
    padding-left: 35px;
}
.share-icon-text{
	display: block;
    width: 50px;
    margin-top: 75px;
}
.custom-map{
	margin-top:20px;
	margin-bottom:20px;
}
.map-content {
	border:1px solid #d9d9d9;
	border-top:transparent !important;
	margin-top:-8px;
}
.map-content p{
	font-family: 'Lato', sans-serif;
	font-size:14px;
	color:#000;
	padding:30px;
	font-style:italic;
}
/*-------------------------------------------*/
/*------------Destination details------------*/
#d-accordion{
	margin:30px 0;
}
#d-accordion img{
	margin-right:15px;
}
#d-accordion .panel-title{
	font-size:18px;
	font-weight:bold;
	color:#333333;
	padding:4px 0;
}
.panel-title>a, .panel-title>a:active {
    display: block;
    padding: 8px;
    color: #555;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
}
.multiple-packages{
	
}
.pakage-btns {
    font-family: lato;
    width: auto;
    padding: 5px;
    color: #222222;
    font-size: 20px;
    letter-spacing: 0.5px;
    background-color: #cccccc;
    min-width: 40px;
    min-height: 40px;
    border-radius: 40px;
}

.pakage-btns:hover, .pakage-btns:active{
	background-color: #00b7af;
	color:#fff;
}
.select-night-heading{
	font-family:lato;
	font-size: 22px;
	color: #00b7af;
	margin-left:-15px;
}
.select-night-heading span{
	color:#222222;
}
.choose-package-heading{
	font-family:lato;
	font-size: 22px;
	color: #00b7af;
	/* margin-left:-15px; */
}
.choose-package-heading span{
	color:#222222;
}
#multiple-packages{
	background-color:#f5f4f4;
}
.select-package{
	margin-top:30px;
	margin-bottom:30px;
}
.select-package h2{
	margin-top:30px;
	margin-bottom:30px;
}
.select-night-heading{
	line-height:35px;
}
.package{
	display:block;
	background-color:#ffffff;
	padding:20px;
	border:1px solid #d9d9d9;
	margin-top:50px;
	margin-bottom:50px;
}
.package-text{
	margin-top:30px;
	margin-bottom:30px;
}
.package-text a i{
	font-size:4px;
}
.more-details-btns {
	font-family:lato;
	width: 170px;
	padding: 5px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.5px;
    border-radius: 50px;
    background-color: #00b7af;
	position:absolute;
	margin-left:75px;
}
.dd-card{
	text-align:center;
	width:370px;
	border-bottom:1px solid #e7e7e7;
	position:absolute;
	margin-top:-171px;
}
.dd-card h2{
	padding:10px 0 10px 40px;
}
.dd-card-head{
	display:;
	background-color:#222222;
	width:100%;
	height:100px;
	text-align:left;
	color:#00b7af;
}
.dd-card-head span{
	color:#999999;
}
.dd-card-body{
	text-align:left;
	background-color:#f5f4f4;
	padding-left:40px;
}
.dd-card-body small{
	color:#999999;
}
.dd-card-body h6{
	color:#999999;
}
.dd-buy-btn {
    width: 270px;
    color: #FFFFFF;
    font-size: 20px;
    letter-spacing: 1px;
    padding: 10px;
    font-weight: bold;
    border-radius: 50px;
    background-color: #00b7af;
	margin-top:10px;
	margin-bottom:10px;
}
.dd-offer-end-call hr {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 30px;
    border: 0;
    border-top: 1px solid #eee;
}
.dd-offer-end-call{
	display: block;
   /* padding-top: 20px; */
    padding-bottom: 20px;
}
.dd-content{
	font-family: 'Lato', sans-serif;
}
.dd-content h2{
	font-family: 'Lato', sans-serif;
	color:#222222;
	margin-top: 30px;
    margin-bottom: 20px;
}
.dd-content h4{
	font-family: 'Lato', sans-serif;
	color:#00b7af;
	margin-bottom:0;
	font-size:22px;
    line-height: 15px;
}
.dd-content h4 small{
	font-family: 'Lato', sans-serif;
	color:#222222;
}
.dd-content p{
	font-family: 'Lato', sans-serif;
	color:#222222;
}
/*-------------------------------------------*/
/*-------------------------------------------*/

/*--------------Accordion arrows ----------------------*/

.rotate{
    -moz-transition: all 2s linear;
    -webkit-transition: all 2s linear;
    transition: all 2s linear;
}

.rotate.down{
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
 
/*--------------Accordion arrows end----------------------*/
/*--------------------------------------Payment------------------------------------------------------------------*/
#holiday-voucher{
	padding:40px 0 40px 0;
	margin-bottom:15px;
	background-color:#f5f4f4;
}
.p-voucher-card{
	background-color:#FFFFFF;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.p-voucher-head{
	width:100%;
	background-color:#000;
}
.p-stay-details{
	color:#fff;
	padding:20px;
	background-color:#000;
}
.p-stay-details span{
	/* background-color:#000; */
	color:#03b8b0;
	font-size:30px;
}
.p-no-of-details{
	display: flex;
	flex-direction: row;
	padding:10px;
	justify-content: center;
}
.p-voucher-card .detail-item{
	color: #a9a9a9;
    text-align: left;
    padding: 15px;
    font-size: 16px;
    font-weight: lighter;
    font-family: lato;
}

 .p-voucher-card .detail-item span{
	color:#222222;
	font-size:25px;
} 
/* .p-no-of-details > span {
    color: #000;
    text-align: left;
    padding: 15px 10px 0 14px;
    font-size: 16px;
    font-weight: lighter;
    font-family: lato;
} */

.p-no-of-details .people-count{
	color:#222222;
	font-family: lato;
    font-weight: lighter;
}
.border-rt{
	border-right:1px solid #e7e7e7;
}
.border-btm{
	border-bottom:2px solid #e7e7e7;
}
.p-payment-total{
	padding: 0 16px 16px 16px;
}
.p-payment-total .p-pay-amount{
	color:#03b8b0;
	font-size:38px;
	display:block;
}
.detail-item {
	display:block;
	/*display: flex;
	flex-direction: row;
	padding:10px;*/
}
.p-payment-total small{
	padding-top:0;
	font-size:10px;
}
.p-num-ppl {
    text-align: left;
    line-height: 20px;
    color: #a8a8a8;
    padding: 10px 18px;
    font-weight: bolder;
}
.p-ppl-count{
    font-size: 30px;
    padding: 10px 30px;
    color: #222222 !important;
    font-weight: bolder;
}
.payment-checkbox{
	margin-bottom:30px;
	margin-left: 16px;
	display:flex;
}
.payment-checkbox .checkbox{
	margin-left:25px;
}
/*----- / Checkbox / -----*/
/* CSS used here will be applied after bootstrap.css */
/* custom checkboxes */
/* 	.custom-checkbox > [type="checkbox"],
	.custom-checkbox > label{
		margin-bottom:0px !important;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.custom-checkbox > [type="checkbox"]:not(:checked),
	.custom-checkbox > [type="checkbox"]:checked {
		position: absolute;
		left: -9999px;
	}
	.custom-checkbox > [type="checkbox"]:not(:checked) + label,
	.custom-checkbox > [type="checkbox"]:checked + label {
		position: relative;
		padding-left: 25px;
		cursor: pointer;
	}
	.custom-checkbox > [type="checkbox"]:not(:checked) + label:before,
	.custom-checkbox > [type="checkbox"]:checked + label:before {
		content: '';
		position: absolute;
		left:0; 
		top: 50%;
		margin-top:-12px;
		width: 23px; 
		height: 23px;
		border: 1px solid #ddd;
		background: #ffffff;
		border-radius: 2px;
	}
	.custom-checkbox > [type="checkbox"]:not(:checked) + label:after,
	.custom-checkbox > [type="checkbox"]:checked + label:after {
		font-family: FontAwesome;
		content: '\f00c';
		position: absolute;
		top: 50%;
		margin-top:-8px;
		left: 4px;
		color: #94C947;
		transition: all .2s;
	}
	
	.custom-checkbox > [type="checkbox"]:not(:checked) + label:after {
		opacity: 0;
		transform: scale(0);
	}
	.custom-checkbox > [type="checkbox"]:checked + label:after {
		opacity: 1;
		transform: scale(1);
	}
	
	.custom-checkbox > [type="checkbox"][data-indeterminate] + label:after,
	.custom-checkbox > [type="checkbox"][data-indeterminate] + label:after {
		font-family: FontAwesome;
		content: '\f068';
		left: 6px;
		opacity: 1;
		transform: scale(1);
	}
	
	.custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:before,
	.custom-checkbox > [type="checkbox"]:disabled:checked + label:before {
	  	box-shadow: none;
	  	background-color: #eeeeee;
		border-color: #eeeeee;
		cursor: not-allowed;
		opacity: 1;
		color: #dadada;
	}
	.custom-checkbox > [type="checkbox"]:disabled:checked + label:after {
	  color: #dadada; cursor: not-allowed;
	}
	.custom-checkbox > [type="checkbox"]:disabled + label {
	  color: #aaa; cursor: not-allowed;
	}
	.custom-checkbox > [type="checkbox"]:checked:focus + label:before,
	.custom-checkbox > [type="checkbox"]:not(:checked):focus + label:before {
		border: 1px solid #66afe9;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	}
	.custom-checkbox > label:hover:before {
  		border: 1px solid #88D2FF !important;
	}
	.custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:hover:before,
	.custom-checkbox > [type="checkbox"]:disabled:checked + label:hover:before{
		border: 1px solid #E4E4E4 !important;
	} */
/*----- / Checkbox / -----*/

/*--------------------------------------/ ADEVNTURE /----------------------------------------------------------*/
#adventure-grid-container{
	margin-top:30px;
	margin-bottom:30px;
}
.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.flex-container div{
	padding:0px;
	margin:0px !important;
}
.flex-container .col-md-6, .flex-container .col-md-12{
	margin:0px !important;
	padding:0px !important;
}
.flex-container img{
	padding:10px;
}
.adv-pack-text{
	position: absolute;
    bottom: 20px;
    left: 35px;
    color: #ffffff;
}
.adv-img:hover img{
	 opacity: 0.9;
}
/*--------------------------------------/ END ADEVNTURE /----------------------------------------------------------*/
/*--------Subscribe Modal start------------*/
.modal-content {
	font-family:lato !important;
}
.modal-content label{
	font-family:lato !important;
	font-weight:normal;
}
.modal-btn{
	font-family:lato;
	color:#FFFFFF;
	font-size:14px;
	letter-spacing:1px;
	padding:10px 30px;
	font-weight:bold;
	border-radius:50px;
	background-color:#00b7af;
}
.modal-btn i{
	margin-left:5px;
}
.modal-text p{
	font-size:12px;
	text-align:left;
	font-family:lato !important;
	font-weight:normal;
	color:#b5b5b5;
	margin-top:15px;
}

.modal-text p span{
	color:#6fcbc6;
}
.modal-btn-conatiner{
	margin-bottom:20px;
}
.modal-main{
	padding:20px;
}
.modal-head{
	padding:20px;
}
.modal-head h3{
	color:#00b8ac;
}
.modal-head h4 small{
	color:#222222;
}
.modal-foot{
	padding:10px;
}
.modal-header {
    padding: 15px;
    border-bottom:0 !important;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 0 !important;
}
/*--------Subscribe Modal ends------------*/

/*---------------/ Thankyou Starts Here /---------------*/
#thankyou{
	background-color:#f5f4f4;
	padding-top:30px;
	padding-bottom:30px;
	margin-bottom:25px;
}
.thank-you-white{
	background-color:#FFFFFF;
}
.thanks-icon-text {
	display: flex;
	justify-content: center;
	background-color:#03b8b0;
	border: 1px solid #03b8b0;
}
 .tnku-sry-msg p{
	padding-top: 35px;
    padding-bottom: 15px;
	font-size:18px;
	font-family:lato;
 }
.thanks-icon-text div{
	padding:30px;
}
.thanks-icon-text h2{
	font-family:lato;
	font-weight:bold;
	letter-spacing:1px;
	color:#fff
}
.thanks-icon-text{
/* 	font-size:18px;
	font-family:lato;
	font-weight:bold;
	letter-spacing:1px;
	color:#fff; */
}
tnku-sry-msg p{
	font-size:18px;
	font-family:lato;
	font-weight:bold;
	letter-spacing:1px;
	color:#222222;
}
.tnks-content{
	font-family:lato;
	padding:20px 0;
}
.tnks-hr{
	padding:5px 40px;
}

.tnks-content p{
	font-family:lato;
	font-size:16px;
	color:#222222;
}
.tnks-content p span{
	font-family:lato;
	font-size:16px;
	color:#222222;
	font-weight:bold;
}
#thanks-map-icons{
	margin: 35px 35px;
}
.thanks-map-icon-div > div{
	display:inline-block;
	padding:;
	/*vertical-align:middle;*/
}
.thanks-map-icon-div p{
	font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 800;
    color: #222222;
    padding-left: 5px;
	/*padding:40px 10px 30px 10px;*/
}
.thanks-map-icon-div p span{
	color:#00b7af;
}
/*---------------/ Thankyou Ends Here /---------------*/

/*----------/ How Its Works Starts Here /------------*/

/*  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block !important;
} */


/*
.step-1 img:last-child{display:none;}
.step-1:hover img:first-child{display:none;}
.step-1:hover img:last-child{display:inline-block;}

.step-2 img:last-child{display:none;}
.step-2:hover img:first-child{display:none;}
.step-2:hover img:last-child{display:inline-block;}

.step-3 img:last-child{display:none;}
.step-3:hover img:first-child{display:none;}
.step-3:hover img:last-child{display:inline-block;}

.step-4 img:last-child{display:none;}
.step-4:hover img:first-child{display:none;}
.step-4:hover img:last-child{display:inline-block;}

.step-5 img:last-child{display:none;}
.step-5:hover img:first-child{display:none;}
.step-5:hover img:last-child{display:inline-block;}

.step-6 img:last-child{display:none;}
.step-6:hover img:first-child{display:none;}
.step-6:hover img:last-child{display:inline-block;} 
*/

.step-1, .step-2, .step-3, .step-4, .step-5, .step-6 { position: relative; display: inline-block; }
.step-1 .img-top, .step-2 .img-top, .step-3 .img-top, .step-4 .img-top, .step-5 .img-top, .step-6 .img-top { display: none; position: absolute; top: 0; z-index: 3;}
.step-1:hover .img-top, .step-2:hover .img-top, .step-3:hover .img-top, .step-4:hover .img-top, .step-5:hover .img-top, .step-6:hover .img-top {display: inline;}

/* .step-1 {
    position: relative;
    display: inline-block;
} */

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
	min-width: 1170px;
    top: 315px;
	left:0px;
  /*   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
    z-index: 1;
	color:#222222;
	font-family:lato;
	font-size:;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	border:1px solid #f8f8f8;
}

.step-1:hover .dropdown-content, .step-2:hover .dropdown-content, .step-3:hover .dropdown-content, .step-4:hover .dropdown-content, .step-5:hover .dropdown-content, .step-6:hover .dropdown-content {
    display: block;
	font-family:lato;
}
.step-2:hover .dropdown-content {
	position: absolute;
    display: block;
	font-family:lato;
	left:-195px !important;
}
.step-2:hover .dropdown-content::after{
	left:290px;
}
.step-3:hover .dropdown-content {
	position: absolute;
    display: block;
	font-family:lato;
	left:-390px !important;
}
.step-3:hover .dropdown-content::after{
	left:486px;
}
.step-4:hover .dropdown-content {
	position: absolute;
    display: block;
	font-family:lato;
	left:-585px !important;
}
.step-4:hover .dropdown-content::after{
	left:684px;
}
.step-5:hover .dropdown-content {
	position: absolute;
    display: block;
	font-family:lato;
	left:-780px !important;
}
.step-5:hover .dropdown-content::after{
	left:880px;
}
.step-6:hover .dropdown-content {
	position: absolute;
    display: block;
	font-family:lato;
	left:-975px !important;
}
.step-6:hover .dropdown-content::after{
	left:1072px;
}
.desc {
    padding: 15px;
    text-align: left;
}
#howItWorksInfo{
	background-color:#FFFFFF;
	padding-top:30px;
	margin-bottom: 30px;
}
#howItWorksSteps{
	background-color:#f5f4f4;
	padding-bottom: 150px;
	margin-bottom:20px;
	padding-top:25px;
}
#howItWorksSteps h2{text-align:center;padding:30px 0;}

.step-name-detail-div{
	margin-top:5px;
}

.step-name-detail-div .step-name{
	font-family:lato;
	color:#00b7af;
	font-size:18px;
	font-weight:600;
	letter-spacing:1px;
	/* border:0 0 1px 0; */
	border-bottom:2px dashed #c1c0c0;
	border-bottom-color:#c1c0c0;
	padding:5px;	
}
.step-name-detail-div .step-name-detail{
	font-family:lato;
	color:#222222;
	font-size:22px;
	font-weight:600;
	border:1px transparent;
	padding: 10px;
    display: flex;
    justify-content: center;
}

/*--- Arrows ---*/
.dropdown-content:after {
	bottom: 100%;
	left:94px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 15px;
	margin-left: -15px;
}
/*----------/ How Its Ends Starts Here /------------*/


.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 0px 5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555 !important;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -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;
}
.voucher-two .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 15px;
}
#bottom-5{
	margin-bottom:0px !important;
}

.hidden {
  overflow: hidden;
  display: none;
  visibility: hidden;
}

.payPal-pay-btn {
    width: 270px;
    color: #FFFFFF;
    font-size: 20px;
    letter-spacing: 1px;
    padding: 10px;
    font-weight: bold;
    border-radius: 50px;
    background-color: #00b7af;
    margin: 25px 0;
    position: absolute;
    top: 260px;
}
.creditCard-pay-btn {
    width: 270px;
    color: #FFFFFF;
    font-size: 20px;
    letter-spacing: 1px;
    padding: 10px;
    font-weight: bold;
    border-radius: 50px;
    background-color: #00b7af;
    margin: 25px 0;
    position: absolute !important;
    top: 76px;
    left: 1px;
}

.panel-title>a, .panel-title>a:active{
    display:block;
    padding:4px !important;
    color:#555;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    text-transform:uppercase;
    letter-spacing:1px;
    word-spacing:3px;
    text-decoration:none;
}
.panel-heading  a:before {
   font-family: FontAwesome;
   content: "\f054";
   float: right;
   transition: all 0.5s;
}
.panel-heading.active a:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}  

/*--------Payment ------------------*/

#paymentTabContainer .nav-tabs > li > a {
    margin-right: 0px;
    line-height: 1.42857143;
    border:transparent !important;
    border-radius:0px !important;
    /* padding:10px 25px; */
    font-size:16px;
    font-family:lato;
    color:#00b7af;
}
#paymentTabContainer .nav-tabs > li.active > a, #paymentTabContainer .nav-tabs > li.active > a:hover, #paymentTabContainer .nav-tabs > li.active > a:focus {
    color: #222222 !important;
    cursor: default;
    background-color: transparent !important;
    border: transparent !important;
}
#paymentTabContainer .nav-tabs {
    border: transparent !important;
}

/* #paymentTabContainer .nav-tabs > li.active a:before, #paymentTabContainer.nav-tabs > li.active > a:hover:before {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 35px;
    border-width: 20px 15px 0;
    border-style: solid;
    border-color: #222222 transparent;
    display: block;
    width: 0;
	color:#fff !important;
	background-color:transparent !important;
} */


/*--------Payment ------------------*/


.creditCardContent{
    padding-left:15px;
}

#termsconditions-error {
    position: absolute;
    left: -20px !important;
    top: -24px !important;
}
#referral_termsconditions-error {
    position: absolute;
    left: -5px !important;
    top: -15px !important;
}
#couponcode-error {
    position: absolute;
    left: 24.5% !important;
    top: 90%!important;
}
.couponcode-voucher-error {
    position: absolute;
    left: 225px !important;
    top: 68px !important;
    color: red;
}
/*-----style.css from static page starts here-----*/


.package .dd-package-name {
	font-family: 'Lato', sans-serif;
    position: absolute;
    color: white;
    top: 135px;
    left: 54px;
}

.package .dd-package-name  h3{font-weight:600; line-height:30px;}

.package .dd-package-name small{
	font-family: 'Lato', sans-serif;
	color: white;
	font-weight:300;
	font-size: 20px;
}

.package-select-btn{
	font-family: 'Lato', sans-serif;
	border-radius:0px !important;
	background-color: #06b9b1;
	color:white;
	font-size: 18px;
    font-weight: 500;
}

.link-blue {
    color: blue;
    border: 0px;
    background: none;
    padding: 0;
    text-decoration: underline;
    padding-right: 5px;
}
.link-blue:hover {
    color: blue;
	text-decoration: underline;
}
.link {
    color: #00b7ab;
    border: 0px;
    background: none;
    padding: 0;
    text-decoration: underline;
    padding-right: 5px;
}

.mt-1{margin-top:10px;}
.mt-1.5{margin-top:15px;}
.mt-2{margin-top:20px;}
.mt-2.5{margin-top:25px;}
.mt-3{margin-top:30px;}
.mt-3.5{margin-top:35px;}
.mt-4{margin-top:40px;}
.mt-4.5{margin-top:45px;}
.mt-5{margin-top:50px;}

/*-----style.css from static page ends here-----*/
#dd-carousel{
	
}
#dd-buy-section{
	
}

/*--- Stackla ---*/

#social-section #container{
	display:block;
	font-family: 'Lato', sans-serif;
	padding-top: 0px;
    padding-left: 0px;
    position: relative;
    overflow: hidden;
    max-height: 786px !important;
}
.tile .tile-caption, .tile .tile-ecal {
	font-family: 'Lato', sans-serif;
    font-size: 18px !important;
}
.tile-content {
    color: #ffffff;
	font-family: 'Lato', sans-serif !important;
}

/*--- Stackla ---*/
.mu-reservation-btn{
	background-color:#06b9b1;
}
.mt-0{
	margin-top:0px !important;
}
.mt-1{
	margin-top:5px !important;
}
.mt-2{
	margin-top:10px !important;
}
.mt-3{
	margin-top:15px !important;
}
.mt-4{
	margin-top:20px !important;
}
.mt-5{
	margin-top:25px !important;
}
input[type="date"]::before {
	color: #999999;
	content: attr(placeholder);
}
input[type="date"] {
	color: #ffffff !important;
}
input[type="date"]:focus,
input[type="date"]:valid {
	color: #666666 !important;
}
input[type="date"]:focus::before,
input[type="date"]:valid::before {
	content: "" !important;
}

.list-style-disc{
	    list-style-type: disc;
    margin-left: 20px;
}

.activebtnpackage{
         background:#00b7af;
    }
 button.btn:activebtnpackage{
     background:#00b7af;
 }
 
/* 13 June */

.subscribe-btn-viewmore {
    border-radius: 25px;
    background-color: #06b9b1;
    border: 0;
    height: 40px;
    width: 130px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    top: 0px !important;
    #position: absolute !important;
}


.destination .subscribe-btn-viewmore {
	position: absolute;
    float: none;
    width: 130px;
    left: calc(50% - 65px);
	top: calc(50% - 55px) !important;
    opacity: 0;
	transition: all 0.2s;
}

.destination  .thumbnail > a + .subscribe-btn-viewmore:hover ,
.destination  .thumbnail > a:hover  + .subscribe-btn-viewmore {
	top: calc(50% - 75px) !important;
    opacity: 1;
	transition: all 0.2s;
}


/* Packages Buttons */


.pkg-btn-container {
    position: absolute;
    float: none;
    width: 270px;
    left: calc(50% - 135px);
    top: calc(50% - 65px) !important;
    opacity: 0;
    transition: all 0.2s;
}


.destination  .thumbnail > a  + .pkg-btn-container:hover,
.destination  .thumbnail > a:hover + .pkg-btn-container {
	top: calc(50% - 85px) !important;
    opacity: 1;
	transition: all 0.2s;
}



.pkg-btn-container  .btn-pkg {
	border-radius: 25px;
    border: 0;
    height: 40px;
    width: 130px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    top: 0px !important;
}
.btn-buy , .btn-view:hover { color: #fff; background-color: #06b9b1; }
.btn-view, .btn-buy:hover { color: #06b9b1; background-color: #fff; }


.offers-bg {
    background: url(./images/offer-bg.png) no-repeat;
    right: 25px;
    top: 15px;
    width: 110px;
    height: 100px;
    position: absolute;
    text-align: center;
    background-size: 110px 100px;
    line-height: 100px;
    font-weight: bold;
    color: #ffffff;
	font-size: 25px;
}

@media screen and (max-width: 1220px) {
	ul .green-strip {
    padding: 10px;
    font-family: "LatoRegular";
    font-size: 12px;
    width: 100%;
    height: 50px;
    display: table;
}

	.nav > li > a {
		position: relative;
		display: block;
		padding: 10px 10px;
		font-size: 14px;
	}
}

table th.ss-th-width {
    text-align: right;
    width: 20%;
}