/* body */
body {
	font-family:'Roboto', Helvetica, sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	color: #595959;
	background-color: #ebedf0;
}
img {
	border: 0 none;
	height: auto;
	max-width: 100%;
}
a {
    color: #5778A2;
    text-decoration: underline;
}
.spanBorder {
	background-color: #FFFFFF;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
	margin-bottom: 20px;
	padding: 20px;
}
.marketing .col-lg-4 {
	margin-bottom: 0px;
	text-align: right;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #986C1B;
	font-family: questa, serif;
	font-weight: 400;
    font-style: normal;
	line-height: 20px;
	margin: 0 0 10px;
	text-rendering: optimizelegibility;
    text-decoration: none;
}
.marketing h2 {
	font-weight: normal;
}
h1, .h1 {
	font-size: 31.5px;
	line-height: 34px;
}
h2, .h2 {
	font-size: 24.5px;
	line-height: 30px;
}
h3, .h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 4px;
	text-transform: uppercase;
	line-height: 30px;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.TA_certificateOfExcellence
{
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
.btn {
    text-decoration: none;
}
/* CAROUSEL */

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
	position: absolute;
	/*top: 0;*/
	left: 0;
	right: 0;
	z-index: 20;
}
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
	padding-left: 0;
	padding-right: 0;
}
.navbar-wrapper .navbar {
	padding-left: 15px;
	padding-right: 15px;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.hero-carousel {
	height: 500px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
}
/* Declare heights because of positioning of img element */
.hero-carousel .item {
	height: 500px;
	background-color: #777;
}
.hero-carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 500px;
}
.item.item1 {
    background-image: url("../images/lmr-hero-img.jpg");
    background-position: 45% 38%;
    background-repeat: no-repeat;
    background-size: cover;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
/* Remove the edge padding needed for mobile */
.marketing {
	padding-left: 0;
	padding-right: 0;
}
/* Navbar positioning foo */
.navbar-wrapper .container {
	padding-left: 15px;
	padding-right: 15px;
}
.navbar-wrapper .navbar {
	padding-left: 0;
	padding-right: 0;
}
}
/* photo gallery */
.gallery a, .gallery a:hover {
	background-color: #F6F6F6;
	border: 1px solid #E6E6E6;
	display: inline-block;
	line-height: 0;
	margin: 25px 0 0;
	padding: 9px;
}
ul.gallery {
	padding: 0;
	margin-top: -10px;
}
/* nav */
.navbar {
	border: 1px solid rgba(0, 0, 0, 0);
	margin-bottom: 0;
	min-height: 50px;
	position: relative;
	padding: 10px 0;
}
.navbar-wrapper {
	margin-top: 0;
}
.navbar-wrapper {
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
	left: 0;
	position: absolute;
	right: 0;
	/* top: 0; */
	z-index: 20;
}
.navbar-nav {
	display: block;
	float: right;
	margin: 0;
	position: relative;
}
.navbar-nav > li > a {
    padding: 3px 8px 5px;
    text-decoration: none;
}
.navbar-brand {
	display: block;
	float: left;
	font-size: 20px;
	font-weight: 200;
	height: auto;
	padding: 0;
	margin-left: 10px;
	text-decoration: none;
	width: 138px;
}
.navbar-default {
	background-color: transparent;
	border: none;
}
.navbar-toggle {
	margin-right: 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border: none;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	background-color: transparent;
}
.hidden-xs ul.navbar-nav > div {
	color: #8B92F2;
	height: 20px;
	padding-right: 15px;
	text-align: right;
}
ul.navbar-nav > div a span {
	color: #8b92e0;
}
.visible-xs .container .navbar-nav div {
	color: #8B92F2;
	height: 20px;
	text-align: right;
}
.visible-xs .container ul.navbar-nav > div a {
	color: #8b92e0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color: #EEEEEE;
}
.tabbable > ul > li > a {
	padding: 8px;
}

.resInfo {
    border-bottom: 1px solid #ddd;
}

/* Promos & Packages */

div.promos h3.headline {
    color:#000000;
}

div.promos p.tc-header 
{
    color: #828282;
}

div.promos p.promoTerms 
{
    font-size:10px;
    line-height: 140%;
}

/* Newsletter Sign-up Promo */

.nl-signup {
    background: #275ea0;
    padding: 20px;
    color: #ffffff;
}

div.nl-signup h3 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px;
    color: white;
}

div.hbspt-form {
    width: 75%;
    margin: 0 auto;
}

div.hs_email>label:first-child {
    width: 15%;
    /*width: 60px;*/
    float: left;
    text-align: right;
    padding: 8px;
}

div.hs_email div.input {
    width: 78%;
    float: left;
}

ul.hs-error-msgs>li>label {
    padding-top: 5px;
    margin-bottom: 0;
}

.hs_submit {
    margin-left: 15%;
}

input#email-583b6014-e0f3-4c6c-9e80-a64b49304556 {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
input.hs-button.primary.large {
    display: inline-block;
    padding: 6px 12px;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
        color: #333;
    background-color: #fff;
    border-color: #ccc;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    border-color: #ccc;
}
input.hs-button.primary.large:hover 
{
    background-color: #e0e0e0;
    background-position: 0 -15px;
    border-color: #adadad;
}
input.hs-button.primary.large:hover,
input.hs-button.primary.large:focus 
{
    color: #333;
    text-decoration: none;
    background-color: #e0e0e0;
    background-position: 0 -15px;
}

input.hs-button.primary.large:active {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

ul.hs-error-msgs.inputs-list {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

/* booking engine */
.form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
}
.booking-wrapper {
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 150px;
	z-index: 6;
}
.booking-wrapper > .container > div {
	padding: 0 15px;
}
.bookingWrapper {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
	border-radius: 6px 6px 0 0;
	float: right;
	width: 273px;
}
.bookbar {
	background-repeat: repeat;
	margin-bottom: 20px;
	margin-top: -30px;
	overflow: visible;
}
.bookbar-inner {
	margin: 0 auto;
	min-height: 40px;
}
.bookingHeader {
	background-color: rgba(139,151,202,.7);
	border-radius: 6px 6px 0 0;
	font-family: questa, serif;
    font-weight: 400;
    font-style: normal;
	color: #FFFFFF;
	font-size: 22px;
	padding: 10px 0;
	text-align: center;
}
.bookingContent {
	background-color: rgba(236,240,244,.7);
	border-radius: 0 0 6px 6px;
	padding: 1px 15px 0px 25px;
}
input .check_availability 
{
    background-color: #828CB8;
}
.bookingRight {
	float: left;
	padding-left: 20px;
}
.bookingRight > input {
	width: 140px;
}
.arrival {
	clear: both;
}
.departure {
	clear: both;
}
.hide-room {
	display: none;
	visibility: hidden;
}
.hide-people {
	clear: both;
	display: none;
	visibility: hidden;
}
.hide-adults {
	float: left
}
.hide-adults select {
	width: 50px;
	margin-left: 5px;
}
.hide-children {
	float: left;
	padding-left: 15px;
	display: none;
	visibility: hidden;
}
.hide-children select {
	width: 50px;
	margin-left: 5px;
}
.bookingLeft {
	float: left;
	width: 25%;
}
.bookingSearch {
	padding: 0 42px;
	margin-top: 15px;
}
input[type="date"] {
	line-height: 20px;
}
input::-webkit-calendar-picker-indicator {
 display: none;
}
input[type="date"]::-webkit-input-placeholder {
 visibility: hidden !important;
}
/* carousel */
.hero-carousel {
	position: relative;
}
.hero-carousel {
	margin-bottom: 0;
}
.hero-carousel-inner > .item {
	max-height: 500px;
	overflow: hidden;
}
.hero-carousel-inner > .item > img, .hero-carousel-inner > .item > a > img {
	display: block;
	height: auto;
	line-height: 1;
	max-width: 100%;
}
.hero-carousel-inner > .item > img {
	min-width: 100%;
	position: absolute;
	top: 0;
}
/* carousel caption */
.carousel-caption {
	z-index: 10;
}
.carousel-caption {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
	float: left;
	font-size: 34px;
	margin-top: 215px;
	max-width: 580px;
	padding: 20px;
	position: static;
	text-align: left;
	border-radius: 6px;
}
.carousel-caption-head {
	font-size: 32px;
	white-space: nowrap;
	font-family: questa, serif;
    font-weight: 400;
    font-style: normal;
	color: #986C1B;
	text-shadow: none;
}
.carousel-caption-sub {
	font-size: 18px;
	display: block;
	margin-top: 12px;
	line-height: 24px;
	font-family: 'Roboto', sans-serif;
	color:#59554f;
	text-shadow:none;
}
/* important notice */
#importantNotice {
	text-align: left
}
#importantNotice p {
	margin: 0px;
}
/* voucher winners */
#voucherWinners {
	text-align: left;
}
#voucherWinners img {
	border: 0 none;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	top: 0;
	min-width: 0;
	position: absolute;
}
#voucherWinners .voucher-caption {
	font-size: 12px;
	margin-top: 150px;
	width: 100%;
	position: static;
	text-align: center;
}
.voucher-comment {
	font-size: 12px;
	width: 100%;
	min-height: 190px;
	position: static;
	text-align: center;
}
/*container marketing*/
.marketing > .testPadding > .row > .col-lg-12 > .col-lg-9 {
	margin-top: 20px;
}
.spanBorder > .row > div > p, .spanBorder > .row > div > p {
	margin-bottom: 10px;
}
/* iframe */
.iframeContent {
	background-color: #ffffff !important;
}
/*owners corner*/

.ownersCornerEntry {
	margin-top: 10px;
}
.innermoduleHeader {
	margin-top: 0;
}
/* weather */
.spanWeather {
	background-color: #8c9fb5;
	float: left;
	width: 100%;
}
.weatherToday {
	float: left;
	margin: 10px 10px 10px 10px;
}
.weatherTom {
	float: left;
	margin: 10px;
}
.weatherToday > div, .weatherTom > div {
	float: left;
}
.weatherIcon {
	height: 39px;
	width: 45px;
}
.weatherInfo {
	float: left;
}
.weatherTemp {
	color: #ffffff;
}
/* events */
.eventsCal {
	background-color: #627997;
	color: #FFFFFF;
	font-weight: 300;
	padding: 10px;
}
.eventsCal h2 {
	color: #FFFFFF;
}
.eventsCal div#loading {
	display: none;
}
#events {
	margin-top: 10px;
}
.fc-last {
	width: 14.2857143%;
}
.fc-state-highlight {
	background: none repeat scroll 0 0 #807a71;
}
.fc-event {
	background-color: #e08f21;
	border: 2px solid #e08f21;
	margin-bottom: 1px;
}
.fc-grid .fc-day-number {
	float: none;
}
.fc {
	direction: ltr;
	text-align: center;
}
.eventsCal > ul {
	list-style: outside none none;
	margin-top: 20px;
	padding-left: 2px;
}
/* calendar v3 */
body .fc {
	font-size: 10px;
	line-height: 14px;
}
.fc {
	direction: ltr;
	text-align: center;
}
.fc-ltr .fc-basic-view .fc-day-number {
	text-align: center
}
.fc-row table {
	border-bottom: 0 hidden transparent;
	border-left: none;
	border-right: none;
}
.fc-scroller {
	overflow-x: visible;
	overflow-y: visible;
}
.fc-unthemed .fc-today {
	background: none repeat scroll 0 0 #9ca6d2;
}
.fc-bg > table {
	border-bottom: 1px solid #ddd;
}
.fc th, .fc td {
	border-style: none;
}
.fc-event {
	font-size: 0;
}
.fc-basic-view tbody .fc-row {
	max-height: 28px;
}
.fc-row.fc-widget-header > table {
	border-bottom: 1px solid #ddd;
	font-weight: bold;
}
.fc th, .fc td {
	border: none;
	border-width: 0;
}
.btn-danger {
    background-color: #f4911d;
    border-color: #c3771d;
    font-weight: bold;
}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
    background-color: #ffb052;
    border-color:#f4911d;
    font-weight: bold;
}
.terms-tpi-ad {
    font-size: 11px;
    line-height: 1.4;
}

/* footer */
#footer {
	background-color: #2e2f2f;
	color: #D1D1D1;
	left: 0;
	padding: 30px 0;
	position: absolute;
	right: 0;
	font-size: 15px;
	margin-top: 20px;
}
.footerRight {
	text-align: right;
}
.footerRight img {
	margin-bottom: 20px;
	width: 143px;
}
.socialIcons a {
	color: #999999;
	font-size: 30px;
	margin: 0 4px;
}
.socialIcons a:hover {
	color: #FFF;
}
.footertopBorder {
	border-top: 1px solid #4a4b4c;
	padding-top: 20px;
	margin-top: 20px;
}
.footerLinks a {
    color: #819ABB;
    /*font-size: 12px;*/
    text-transform: lowercase;
}
#footer > .container > div {
	padding: 0 15px;
}
.survey {
	/*float: right;*/
	width: 64px;
}
/* Social Icons */

.socialIcons p {
    margin-bottom: 5px;
}
.sm-icons a:last-child {
	margin-right: 0px;
}

.sm-icons {
    display: block;
    margin: 0px;
    float: right;
}

.sm-icons li {
    height: 32px;
    margin-right: 5px;
    display: block;
    float: left;
}

.sm-icons li a {
    display: block;
    height: 26px;
    opacity: 0.5;
    width: 26px;
    margin: 0px 4px;
}

.sm-icons li a:hover {
    opacity:1;
}

#facebook a {
    background-image: url("../images/sm-icons/icon-facebook.png");
    background-repeat: no-repeat;
}

#pinterest a {
    background-image: url("../images/sm-icons/icon-pinterest.png");
    background-repeat: no-repeat;
}

#google-plus a {
    background-image: url("../images/sm-icons/icon-google-plus.png");
    background-repeat: no-repeat;
}

.sm-icons > li:last-child {
    margin-right: 0px;
}
/* browser specific */
.ie8 .navbar-wrapper {
	margin-top: 0;
}

/* media queries */

@media (max-width: 991px) {
.navbar-default {
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.8);
	border: none;
}
.sm-icons {
    margin: 0 auto;
    width: 140px;
    padding-left: 18px;
    float: none;
}
#survey-button img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 170px;
    margin-bottom: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.carousel-caption {
	float: left;
	margin-top: 230px;
	max-width: 395px;
	padding: 10px 10px;
	position: static;
}
.carousel-caption-head {
	font-size: 23px;
	white-space: nowrap;
}
.carousel-caption-sub {
	font-size: 14px;
}
}

@media (max-width: 767px) {
.row {
	margin-left: 0;
	margin-right: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	min-height: 1px;
	padding-left: 0;
	padding-right: 0;
	position: relative;
}
.marketing {
	padding-left: 0;
	padding-right: 0;
}
.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
}
#footer {
	text-align: center;
}
.footerRight {
	text-align: center;
	padding-top: 10px;
}
.footertopBorder {
	border-top: none;
}
.bookbar {
	background-image: url("../img/header-nav-bg.png");
	background-repeat: repeat;
	margin-bottom: 20px;
	margin-top: -120px;
	overflow: visible;
}
.footerMobile {
	margin-bottom: 20px;
}
}
@media (max-width: 992px) {
.tpi-ad-resort-news {
    margin-top: 20px;
}
.hero-carousel .item {
	height: 500px;
}
.hero-carousel-inner > .item > img {
	position: absolute;
	top: 0;
	min-width: 100%;
	height: 500px;
}
.nav > li {
	position: relative;
	display: block;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #FFFFFF;
	background-color: rgba(98, 131, 171, 1);
	width: 100%
}
.navbar-wrapper {
	left: 0;
	position: absolute;
	right: 0;
	/* top: 0; */
	z-index: 20;
}
.navPaddingCollapse > li > a
{
    padding:12px 8px;
}
}
@media (max-width: 767px) {
.hero-carousel {
	height: 300px;
	margin-bottom: 0;
}
.hero-carousel .item {
	height: 300px;
}
.hero-carousel-inner > .item > img {
	position: absolute;
	top: 0;
	min-width: 100%;
	height: 300px;
}
.nav > li {
	position: relative;
	display: block;
	margin-left: 15px;
}
.navbar-brand {
	display: block;
	float: left;
	font-size: 20px;
	font-weight: 200;
	height: auto;
	margin-left: 30px;
	text-decoration: none;
	width: 112px;
}
}
@media (max-width: 767px) {
.row {
	margin-left: 0;
	margin-right: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	min-height: 1px;
	padding-left: 0;
	padding-right: 0;
	position: relative;
}
.marketing {
	padding-left: 0;
	padding-right: 0;
}
.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
}
#footer {
	text-align: center;
}
.footerRight {
	text-align: center;
	padding-top: 10px;
}
.footertopBorder {
	border-top: none;
}
.bookbar {
	background-image: url("../img/header-nav-bg.png");
	background-repeat: repeat;
	margin-bottom: 20px;
	margin-top: -138px;
	overflow: visible;
}
.footerMobile {
	margin-bottom: 20px;
}
.navbar-toggle {
	margin-right: 15px;
}
.marketing .col-lg-4 {
	margin-bottom: 10px;
	text-align: center;
}
#voucherWinners .voucher-caption {
	text-align: left;
}
.voucher-comment {
	font-size: 12px;
	width: 200px;
	min-height: 190px;
	position: static;
	text-align: center;
}
}
@media (min-width: 767px) {
.marketing {
	padding-left: 15px;
	padding-right: 15px;
}
.testPadding {
	padding: 0 15px;
}
}
@media (min-width: 768px) {
/* Remove the edge padding needed for mobile */
.marketing {
	padding-left: 0;
	padding-right: 0;
}
/* Navbar positioning foo */
  /*.navbar-wrapper {
    margin-top: 20px;
  }*/
.navbar-wrapper .container {
	padding-left: 15px;
	padding-right: 15px;
}
.navbar-wrapper .navbar {
	padding-left: 0;
	padding-right: 0;
}
.bb-offer span {
    display: block;
}
#survey-button img {
    float: right !important;
    width: 170px;
    margin-bottom: 20px;
}
.socialIcons p {
    text-align:right;
}
}
@media (max-width: 991px) {
.navbar-nav {
	display: block;
	float: left;
	position: relative;
	width: 100%;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.navbar-collapse {
	border-top: 1px solid rgba(0, 0, 0, 0);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
	max-height: 340px;
	overflow-x: visible;
	padding-left: 0;
	padding-right: 0;
	margin-top:10px;
	display: block;
}
    div.hs_email>label:first-child {
        padding: 8px;
        padding-left: 0;
        padding-right: 10px;
    }
}

@media (max-width: 570px) 
{
    div.hs_email>label:first-child {
        display: block;
        width: 100%;
        text-align: left;
        padding-left: 0;
    }
    .hs_submit {
        margin-left: 0;
        clear: left;
    }
    div.hs_email div.input {
        width: 100%;
    }
}

@media (min-width: 404px) and (max-width: 767px) {
.homepagePromo {
	background: url("../images/homepage-specials-bg.jpg") no-repeat scroll right top #FFFFFF;
}
.travelServices {
	background: url("../images/travel-specials-bg.jpg") no-repeat scroll right top #FFFFFF;
}
}
@media (min-width: 1200px) {
.homepagePromo {
	background: url("../images/homepage-specials-bg.jpg") no-repeat scroll right top #FFFFFF;
}
.travelServices {
	background: url("../images/travel-specials-bg.jpg") no-repeat scroll right top #FFFFFF;
}
}
@media (max-width: 480px) {
.bookbar {
 *position: relative;
 *z-index: 2;
	margin-bottom: 20px;
	overflow: visible;
	background-image: url(../img/header-nav-bg.png);
	background-repeat: repeat;
	margin-top: -138px;
	margin-right: -15px;
}
.bookingAlign {
	float: none;
	display: block;
	margin: 0 auto;
}
.dropdown-menu.dropRight {
	left: auto;
	right: 0;
}
.dropRight {
	float: right !important;
}
.gallery li {
    display: inline;
    margin: 5px !important;
}
    div.hs_email div.input {
        width: 100%;
    }	
    .hs_submit {
        margin-left: 0;
    }
}
 @media (min-width: 1600px) {
.hero-carousel-inner > .item > img {
	min-width: 100%;
	position: absolute;
	top: -100px;
}
}
 @media (min-width: 768px) and (max-width: 992px) {
#voucherWinners .voucher-caption {
	font-size: 12px;
	margin-top: 120px;
}
}
 @media (min-width: 993px) and (max-width: 1200px) {
#voucherWinners .voucher-caption {
	font-size: 12px;
	margin-top: 125px;
}
}
 @media (min-width: 768px) and (max-width: 1200px) {
.carousel2 {
	height: 240px;
}
}
@media (min-width: 768px) and (max-width: 1080px) {
.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden;
	overflow-x: scroll;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #dddddd;
	-webkit-overflow-scrolling: touch;
}
}
/* Featured Offer Widget */
@media (max-width: 767px) {
div#bb-promo {
    text-align: center;
}
}
.bb-offer span:last-child {
    white-space: nowrap;
}
div#bb-promo {
    clear: both;
    background: url(../images/feature-offer-bg.jpg) center center;
    background-size: cover;
    margin: 20px 0;
    border: 1px solid #ffffff;
}
.bb-overlay {
    background-color: #232d44;
    /*background: rgba(0,0,0, .5);*/
    padding:15px;
}
.bb-overlay-bf {
    background: #000000;
    padding: 15px;
}
.bb-overlay h3 {
    font-size: 25px;
    text-transform: none;
    font-weight: 600;
    color: #f78c15;
    font-family: 'Roboto', helvetica, Arial, sans-serif;
}
.bb-overlay-bf h3 {
    font-size: 25px;
    text-transform: none;
    font-weight: 600;
    color: #f78c15;
    font-family: 'Roboto', helvetica, Arial, sans-serif;
}
.bb-offer p {
    font: 900 36px/140% 'Roboto', sans-serif;
    color: #ffffff;
    line-height: 100%;
    padding: 15px 0 0;
}
p.bf-caption {
    font: 700 17px/140% 'Roboto', sans-serif;
    line-height: 100%;
    padding: 10px 0;
}
p.bb-tc {
    font-size: 10.5px;
    padding: 15px 0 0;
    color: #ffffff;
    margin-bottom: 0;
}
@media (max-width: 768px) 
{
    div#bb-promo {
        background: url(../images/feature-bg-wide.jpg) center center;
        background-size: cover;
        border-left: none;
        border-right: none;
    }  
}
@media (max-width: 992px) and (min-width: 776px) 
{
    .bb-offer p 
    {
        font: 900 26px/140% 'Roboto', sans-serif;
        color: #ffffff;
        line-height: 100%;
        padding: 15px 0;
    }
}
/* New booking button code */

.form-inline.bb-booking {
    position: absolute;
    margin: 60px -140px;
    width: 280px;
    left: 50%;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px 10px;
    border-radius: 4px;
    }
    .bb-booking label {
    display: inline;
    }
    .bb-booking input#checkinDate, 
    .bb-booking input#checkoutDate {
    display: inline-block;
    width: 140px;
    }
    select.form-control {
    display: inline-block;
    width: 110px;
    }
    .bb-booking .form-group:nth-child(1) label:nth-child(1) {
    margin-left: 11px;
    }
    .bb-booking .form-group:nth-child(3) label:nth-child(1) {
    margin-left: 26px;
    }
    .bb-booking .form-group:nth-child(4) label:nth-child(1) {
    margin-left: 13px;
    }
    .bb-booking .form-group:nth-child(5) label:nth-child(1) {
    margin-left: 32px;
    }
    .bb-booking .form-group label 
    {
        padding-right: 5px;
    }
    button#search {
    margin-top: 0;
    margin-left: 78px;
    }
    .bb-booking {
    margin: 15px 0 0 0;
}

.bb-booking input#checkinDate,
.bb-booking input#checkoutDate {
    width: 110px;
    border-radius: 4px 0 0 4px;
}
img.ui-datepicker-trigger {
    padding: 3.5px;
    background: #fff;
    border: 1px solid #cccccc;
    border-left: 0;
    border-radius: 0 4px 4px 0;
}
img.ui-datepicker-trigger 
    {
        margin-bottom: 0px;
    }
img.ui-datepicker-trigger {
    display: inline;
}
.bb-booking button#search {
    margin-top: 0px;
    margin-bottom: 10px;
    /*background-color: #E18A27;
    border-color: #c27925;*/
    color: #ffffff;
}
.bb-booking .form-group 
{
    margin-bottom: 10px !important;
}

/* end new booking button code */

iframe#loginLink {
    min-height: 450px;
    border: none;
} 
iframe#loginLink {
    min-height: 450px;
    border: none;
}  
/* accommodations */
.accomm .col-lg-6.col-md-6 {
    /*overflow: auto;*/
    overflow: hidden;
}

div.accomm h2 {
    color: #333333;
}

div.accomm div.col-md-6 > div.carousel {
    max-height: 300px;
    max-width: 470px;
}

.accomm > .row > .col-md-6 > .carousel > .carousel-inner > .item {
    height: 300px;
}

div.accomm div.carousel-inner div {
    cursor: pointer;
}

span.arrow-right {
    position: absolute;
    top: 130px;
    z-index: 5;
    display: inline-block;
    right: 0;
}

span.arrow-left {
    position: absolute;
    top: 130px;
    z-index: 5;
    display: inline-block;
    left: 0;
}

.modal-body span {
    top: 48%;
}

div.accomm ol.carousel-indicators {
    position: static;
    width: 100%;
    list-style: none;
    /*margin-top: 15px;*/
    margin-left: 0px;
    float: left;
}
.accomm .unit-desc ul {
    text-align: left;
    list-style-type: none;
}

div.accomm .carousel-indicators li,
div.accomm .carousel-indicators li.active {
    height: 70px;
    width: 22%;
    border-radius: 0;
    margin: 0;
    margin-right: 4%;
    margin-top: 15px;
    float: left;
    border: none;
}

div.accomm li:last-child {
    margin-right: 0;
}

div.accomm .carousel-indicators li:nth-child(4n) {
    margin-right: 0;
}

.col-lg-6.col-md-6.unit-desc {
    /*clear: left;*/
}

div.modal-body button.close {
    position: absolute;
    top: -12px;
    right: -12px;
    border-radius: 100%;
    /* border: 0px solid #000; */
    opacity: 1;
    color: #000;
    width: 25px;
    height: 25px;
    /*padding: 4px;*/
    line-height: 0;
    background: #ffffff;
    box-shadow: 0px 0px 5px #888888;
}

div.modal-body button span {
    margin-top: -1.5px;
    display: block;
}
/* carousel-a */
#carousel-a .item:nth-child(1),
#carousel-a .carousel-indicators li:nth-child(1) {
    background: url(../images/accommodations/1-bedroom/living-room.jpg) center center / cover no-repeat;
}
#carousel-a .item:nth-child(2),
#carousel-a .carousel-indicators li:nth-child(2) {
    background: url(../images/accommodations/1-bedroom/living-room-2.jpg) center center / cover no-repeat;
}
#carousel-a .item:nth-child(3),
#carousel-a .carousel-indicators li:nth-child(3) {
    background: url(../images/accommodations/1-bedroom/kitchen.jpg) center center / cover no-repeat;
}
#carousel-a .item:nth-child(4),
#carousel-a .carousel-indicators li:nth-child(4) {
    background: url(../images/accommodations/1-bedroom/hallway.jpg) center center / cover no-repeat;
}
#carousel-a .item:nth-child(5),
#carousel-a .carousel-indicators li:nth-child(5) {
    background: url(../images/accommodations/1-bedroom/bedroom.jpg) center center / cover no-repeat;
}
#carousel-a .item:nth-child(6),
#carousel-a .carousel-indicators li:nth-child(6) {
    background: url(../images/accommodations/1-bedroom/bedroom-2.jpg) center center / cover no-repeat;
}
#carousel-a .item:nth-child(7),
#carousel-a .carousel-indicators li:nth-child(7) {
    background: url(../images/accommodations/1-bedroom/bathroom.jpg) center center / cover no-repeat;
}
/* carousel-b */
#carousel-b .item:nth-child(1),
#carousel-b .carousel-indicators li:nth-child(1) {
    background: url(../images/accommodations/2-bedroom/living-room.jpg) center center / cover no-repeat;
}
#carousel-b .item:nth-child(2),
#carousel-b .carousel-indicators li:nth-child(2) {
    background: url(../images/accommodations/2-bedroom/living-room-2.jpg) center center / cover no-repeat;
}
#carousel-b .item:nth-child(3),
#carousel-b .carousel-indicators li:nth-child(3) {
    background: url(../images/accommodations/2-bedroom/living-room-3.jpg) center center / cover no-repeat;
}
#carousel-b .item:nth-child(4),
#carousel-b .carousel-indicators li:nth-child(4) {
    background: url(../images/accommodations/2-bedroom/kitchen.jpg) center center / cover no-repeat;
}
#carousel-b .item:nth-child(5),
#carousel-b .carousel-indicators li:nth-child(5) {
    background: url(../images/accommodations/2-bedroom/kitchen-2.jpg) center center / cover no-repeat;
}
#carousel-b .item:nth-child(6),
#carousel-b .carousel-indicators li:nth-child(6) {
    background: url(../images/accommodations/2-bedroom/bedroom.jpg) center center / cover no-repeat;
}
#carousel-b .item:nth-child(7),
#carousel-b .carousel-indicators li:nth-child(7) {
    background: url(../images/accommodations/2-bedroom/bathroom.jpg) center center / cover no-repeat;
}
/* carousel-c */
#carousel-c .item:nth-child(1),
#carousel-c .carousel-indicators li:nth-child(1) {
    background: url(../images/accommodations/2-bedroom-deluxe/living-room.jpg) center center / cover no-repeat;
}
#carousel-c .item:nth-child(2),
#carousel-c .carousel-indicators li:nth-child(2) {
    background: url(../images/accommodations/2-bedroom-deluxe/living-room-2.jpg) center center / cover no-repeat;
}
#carousel-c .item:nth-child(3),
#carousel-c .carousel-indicators li:nth-child(3) {
    background: url(../images/accommodations/2-bedroom-deluxe/kitchen.jpg) center center / cover no-repeat;
}
#carousel-c .item:nth-child(4),
#carousel-c .carousel-indicators li:nth-child(4) {
    background: url(../images/accommodations/2-bedroom-deluxe/hallway.jpg) center center / cover no-repeat;
}
#carousel-c .item:nth-child(5),
#carousel-c .carousel-indicators li:nth-child(5) {
    background: url(../images/accommodations/2-bedroom-deluxe/bedroom.jpg) center center / cover no-repeat;
}
#carousel-c .item:nth-child(6),
#carousel-c .carousel-indicators li:nth-child(6) {
    background: url(../images/accommodations/2-bedroom-deluxe/bedroom-2.jpg) center center / cover no-repeat;
}
#carousel-c .item:nth-child(7),
#carousel-c .carousel-indicators li:nth-child(7) {
    background: url(../images/accommodations/2-bedroom-deluxe/bedroom-3.jpg) center center / cover no-repeat;
}
#carousel-c .item:nth-child(8),
#carousel-c .carousel-indicators li:nth-child(8) {
    background: url(../images/accommodations/2-bedroom-deluxe/bathroom.jpg) center center / cover no-repeat;
}
/*Rooms Page Additions*/
.rates-from {
    font-size: 16px;
}
.accomm-rate {
    font-size: 28px;
    line-height: 30px;
}
.accomm-button {
    min-width: 140px;
}
@media (max-width: 991px) {
.accomm-rates-sec, .accomm-book-now {
    text-align:center;
}
.accomm-rates-sec {
    margin-bottom: 15px;
    margin-top: 20px;
}
}
/*NEW BOOKING WIDGET CSS 201806*/
.booking-form label 
{
    font-weight: normal;
}
 select.form-control {
     display: inline-block;
     width: 100%;
}
 .bw-bg {
     background-color:rgb(139,151,202);
     color: #FFF !important;
}
 .booking-widget {
     padding: 30px;
}
 .booking-widget label, .booking-widget input {
     display: block;
}
 .booking-widget input {
     max-width: 100%;
     float: left;
}
 .hasDatepicker {
     float: left !important;
}
 .check-in, .check-out {
     padding-bottom: 35px;
}
 img.ui-datepicker-trigger {
     display: inline;
     margin-left: -3px;
     padding: 3.5px;
     background: #fff;
     border: 1px solid #cccccc;
     border-left: 0;
     border-radius: 0 4px 4px 0;
     float: right;
}
 .booking-widget span {
     font-size: 18px;
     color: #FFF;
     font-family: questa, serif;
     font-weight: 400;
     font-style: normal;
 }
.rotate .fa-plus-circle {
	-moz-transition: all .25s linear;
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.rotate.down .fa-plus-circle {
	-moz-transition: all .25s linear;
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.rotate.down.collapsed .fa-plus-circle {
	-moz-transform: rotate(90deg) !important;
	-webkit-transform: rotate(90deg) !important;
	transform: rotate(90deg) !important;
}
 @media (max-width: 767px) 
 {    
     .booking-widget span 
    {
        font-size: 18px;
    }
     .booking-header a 
     {
         color:#FFF !important;
         font-size: 24px;
     }
     .booking-widget .form-inline {
         max-width: 800px;
         margin-top: 20px;
    }
     button#check-rates {
         border-radius: 0px;
         color:#FFF;
         background-color: transparent;
         border: 1px solid #FFF;
         width: 100%;
         margin-top: 15px;
    }
    img.ui-datepicker-trigger 
    {
        margin-top:-34px;
    }
}
 @media (min-width: 768px) 
 {
     .booking-form 
     {
         width: 100%;
     }
     .booking-header 
     {
         display: none;
     }
     .booking-form label 
     {
         font-size: 12px;
     }
     select#adults, select#children, select#infants 
     {
         min-width: 95px;
     }
     .hidden-desktop 
     {
         display: none;
     }
     select.form-control {
         display: inline-block;
         width: 110px;
    }
     .check-in, .check-out {
         padding-bottom: 0px;
    }
     img.ui-datepicker-trigger {
         float: left;
    }
     .booking-widget span {
         color: #FFF;
         font-family: questa, serif;
         font-weight: 400;
         font-style: normal;
    }
     .booking-widget {
         padding: 10px 0px 10px 20px;
    }
     .booking-widget input {
         max-width: 110px;
    }
     button#check-rates {
         margin-top:25px;
    }
}
@media (min-width: 768px) and (max-width: 991px) 
{
    .booking-widget span 
    {
        font-size: 17px;
    }
}
@media (min-width: 992px) 
{
    .booking-widget span 
    {
        font-size: 18px;
    }
     .booking-header {
         padding-top: 10px;
         text-align: center;
    }
     .booking-form {
         padding-left: 5px !important;
    }
     .booking-header {
         padding-right: 5px !important;
    }
     .form-inline .form-group {
         display: inline block;
         margin-bottom: 0;
         vertical-align: middle;
         margin-right: 5px;
         float: left;
    }
     .booking-content label {
         display: block;
         max-width: 100%;
         margin-bottom: 5px;
         font-weight: bold;
         text-align: left;
    }
}
/*END NEW BOOKING BUTTON CSS 201806*/
#wufoo-z10ykikp0vp0d6b {
    margin-left: -5px !important;
}

/* Information Banner on Homepage */
#bannerInfo {
    position: relative;
    z-index: 1;
    left: 0;
    right: 0;
    background: #006eb0;
    text-align: center;
    padding: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow: 0 0 5px black;
    box-shadow: 0 0 5px black;
    font-size: 18px;
}

    #bannerInfo p {
        color: #fff;
        margin-top: 10px;
    }

    #bannerInfo a {
        color: #fff;
        text-decoration: underline;
    }

#bannerPopUp {
    background: rgb(0, 110, 176);
    top: 100px;
    right: 100px;
    opacity: 0.95;
    z-index: 1000;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 16px;
}

    #bannerPopUp .banner-pop-up-text {
        color: #FFF;
        text-align: center;
    }

a#closebannerPopUp .banner-pop-up-text a {
    color: #FFF !important;
}

a#closebannerPopUp, .banner-pop-up-text a {
    color: #FFF !important;
}

#bannerPopUp #closebannerPopUp {
    padding-right: 0px;
}

.cssanimations.csstransforms #closebannerPopUp {
    display: none;
}

#closebannerPopUp {
    cursor: pointer;
    float: right;
    padding-right: 15px;
}

@media (max-width: 767px) {
    #bannerInfo {
        position: absolute;
        z-index: 100;
        /*margin-top: -330px; */
    }
}
/* Information Banner on Homepage */
#bannerInfo {
    position: relative;
    z-index: 1;
    left: 0;
    right: 0;
    background: #006eb0;
    text-align: center;
    padding: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow: 0 0 5px black;
    box-shadow: 0 0 5px black;
    font-size: 18px;
}

    #bannerInfo p {
        color: #fff;
        margin-top: 10px;
    }

    #bannerInfo a {
        color: #fff;
        text-decoration: underline;
    }

#bannerPopUp {
    background: rgb(139,151,202);
    top: 100px;
    right: 100px;
    opacity: 0.95;
    z-index: 1000;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 16px;
}

    #bannerPopUp .banner-pop-up-text {
        color: #FFF;
        text-align: center;
    }

a#closebannerPopUp .banner-pop-up-text a {
    color: #FFF !important;
}

a#closebannerPopUp, .banner-pop-up-text a {
    color: #FFF !important;
}

#bannerPopUp #closebannerPopUp {
    padding-right: 0px;
}

.cssanimations.csstransforms #closebannerPopUp {
    display: none;
}

#closebannerPopUp {
    cursor: pointer;
    float: right;
    padding-right: 15px;
}
.laPlayitaImg{
	max-height:62px;
}
@media (max-width: 767px) {
    #bannerInfo {
        position: absolute;
        z-index: 100;
        /*margin-top: -330px; */
    }
	.laPlayitaImg{
	max-height:50px;
	}
}


@media (min-width: 768px){
	.navbar-header {
     float: none;
	}
	.navbar-toggle{
		display: block !important;
		float: right !important;
	}
}

@media (min-width: 991px){
 
	.navbar-collapse.collapse {
    display: block!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
	}
	.navbar-toggle{
		display: none !important;
	}
	.navbar-header {
    float: left;
	}
}
#laPlayita{
	margin-left:30px;
}

@media (max-width: 992px){
.visible-xs {
    display: block!important;
}
.hidden-xs{
	display:none !important;
} 
.navbar-collapse.collapse {
    display: none !important;
}
.navbar-collapse.in{
	display:block !important;
}
}