/*** Filters ***/
.listingFilterContainer .shared-amenities {
	color: #222;
	display: block;
	font-size: 1em;
	margin-bottom: 1em;
	padding: .25em 2em .25em 1em;
	border: solid 1px #e1e1e1;
	border-radius: 4px;
	line-height: 1.4;
	outline: 0;
	width: 100%;
	background: #f6f6f6;
	background: -moz-linear-gradient(top, #f6f6f6 1%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f6f6f6), color-stop(100%, #e6e6e6));
	background: -webkit-linear-gradient(top, #f6f6f6 1%, #e6e6e6 100%);
	background: -o-linear-gradient(top, #f6f6f6 1%, #e6e6e6 100%);
	background: -ms-linear-gradient(top, #f6f6f6 1%, #e6e6e6 100%);
	background: linear-gradient(to bottom, #f6f6f6 1%, #e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e6e6e6', GradientType=0);
	position: relative;
	z-index: 5;
}
.listingFilterContainer .shared-amenities:before {
	display: block;
	position: absolute;
	height: 100%;
	width: 21px;
	background: #eee;
	background: -moz-linear-gradient(top, #eee 2%, #bbb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #eee), color-stop(100%, #bbb));
	background: -webkit-linear-gradient(top, #eee 2%, #bbb 100%);
	background: -o-linear-gradient(top, #eee 2%, #bbb 100%);
	background: -ms-linear-gradient(top, #eee 2%, #bbb 100%);
	background: linear-gradient(to bottom, #eee 2%, #bbb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#bbbbbb', GradientType=0);
	content: '';
	top: 0;
	right: 0;
	border-left: solid 1px #e8e8e8;
	z-index: 7;
}
.listingFilterContainer .shared-amenities:after {
	display: block;
	content: '';
	width: 9px;
	height: 6px;
	position: absolute;
	z-index: 10;
	right: 9px;
	margin-right: -3.5px;
	top: 50%;
	margin-top: -3px;
	background: url(../png/ddown_arrow.png) no-repeat;
}
.listingFilterContainer .shared-amenities.close:after {
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.listings .listingFilterContainer .amenities {
	display: none;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	padding: 10px 0;
	margin: 0 0 20px 0;
	z-index: 100; 
	overflow: hidden;
	background: #f6f6f6;
}
.listings .listingFilterContainer .amenities li { padding-bottom: 0;}
.listings .listingFilterContainer .amenities label {font-size: 16px; margin-right: 0;}


/*** Media Gallery ***/
.listing-detail .mediaGallery .row.collapse > .columns.gallery-col {position: relative; padding: 0 7px 7px 0;}
.listing-detail .mediaGallery .img {position: relative; background: url("../jpg/default.jpg"); background-size: 100%;}
.listing-detail .mediaGallery a.btn-play {display: block; position: relative;}
.listing-detail .mediaGallery .play-icon {
    background: transparent url(../png/play-btn.png) no-repeat 0 0;
    width: 63px;
    height: 63px;
    margin-top: -31.5px;
    margin-left: -31.5px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
}
.listing-detail .mediaGallery .row.collapse > .columns.gallery-extra {margin-top: 1em;}
.listing-detail .mediaGallery .gallery-extra > ul {margin: 0;}
.listing-detail .mediaGallery .gallery-extra > ul > li {padding: 0 7px 7px 0;}

/*** Layout ***/
.listingContainer ul.no-results {padding-left: 40px;}
.listbyids {margin: 1em 0;}

/*** Detail ***/
.listing-detail.shared-detail {padding: 0;}
.listing-detail .bookit .btn-flat {font-size: 0.75em; margin: 1.25em 0 0;}

.listing-detail .pad-top {padding: 0 1.5625em 1.5625em;}
.detailPanes {margin-top: 1em;}
.detailPanes.control-width {
	max-width: 1170px;
	margin: 0 auto;
}

@media (min-width: 480px) {
	.detailPanes .control-width {
		width: calc(100% - 1.875rem);
	}
}
.listings .detailPanes > dl.tabs {
	margin-bottom: 1em !important; padding: 2em 0; position: relative;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.listings .detailPanes > dl.tabs.open {padding-top: 4em; max-height: none;}
.listings .detailPanes > dl.tabs dd {
	display: none; margin-bottom: 0.5em !important;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}
.listings .detailPanes > dl.tabs dd.active {display: block; position: absolute; top: 0; width: 100%; min-height: 57px; z-index: 100;}
.listings .detailPanes > dl.tabs.open dd {display: block;}
.detailPanes .tabs dd a, .detailPanes .tabs dd a:link, .detailPanes .tabs dd a:visited {
	background-color: #242426; 
	color: #fbd100;
	font-family:'expressway';
	font-size: 1.375em;	
	font-weight: 700;
	padding: 0.5em 1em;
	position: relative;
}
.detailPanes .tabs dd.active a, .detailPanes .tabs dd.active a:link, .detailPanes dd a:visited {background-color: #fbd100; color: #242426;}
.detailPanes .tabs dd a:hover, .detailPanes .tabs dd a:focus {text-decoration: none;}
.detailPanes .tabs dd.active a span:before {
	color: #000;
    font-family: "FontAwesome";
    font-size: 24px;
    font-weight: 300;
    position: absolute;
    right: 15px;
    top: 10px;
    content: "\f0d7";
}
.detailPanes .tabs.open dd.active a span:before {content: "\f0d8";}

.detailPanes .tabs-content {margin-bottom: 0;}
.detailPanes .tabs-content.subtab.vertical {
	margin: 0 auto;
	float: none;
} 
.detailPanes .tabs-content h3 {font-size: 1.25em; margin-bottom: 0.625em; padding: 0;}
.detailPanes .amenity-content li i {margin-left: 10px;}
.detailPanes .amenity-content li span.val {font-weight: 700;}

.shared-detail .pad-top h3.emergancy-title {
    font-size: 1.25em;
    margin-top: 10px;
    padding: 0;
}

.shared-detail .pad-top ul.emergancy-list {
	list-style-type: none;
}

.shared-detail .pad-top ul.emergancy-list .emergancy .data{
	font-weight: 700;
    font-family:'expressway';
}


/*** maps ***/
.listing-detail .gMapContainer .gMapHolder { height: 240px; display:none; padding: 0; }
.listing-detail .mapimg .btn-feature {display: block; position: relative; min-height: auto; min-width: auto;}

.listings .gMapContainer.open .gMapHolder { display:block; }

.listing-detail .map-container, .listing-detail .three60-container{
	margin-bottom: 32px;
}


/*** Sub Tabs ***/
.twitter-embed {background-color: #fff; border: 1px solid #cccccc; border-radius: 4px; max-width: 520px; margin-top: 1em;}
.twitter-embed .twitter-header { border-bottom: 1px solid #e8e8e8; padding: 5px 10px; }
.twitter-embed .twitter-header h5 {color: #292f33; font-size: 24px;}
.twitter-embed .date { font-style: italic; }
.twitter-embed .tweets { height: 544px; overflow-y: scroll; padding: 10px; }
.twitter-embed .tweet { padding: 10px; margin-bottom: 10px !important; border: 1px solid #e8e8e8; border-radius: 4px; }
.twitter-embed .twitter-links { text-align: right; }
.twitter-embed .twitter-links .action {
	background-image: url('../png/twitter-sprite.png');
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-right: 2px;
	position: relative;
	top: 2px;
}
.twitter-embed .twitter-links .action.reply { background-position: 0 0; }
.twitter-embed .twitter-links .action.retweet { background-position: -80px 0; }
.twitter-embed .twitter-links .action.favorite { background-position: -32px 0; }
.twitter-embed .twitter-links a { text-decoration: none; }
.twitter-embed .twitter-links a .text:hover { text-decoration: underline; }

.tripadvisorReviews .boldtext {font-size: 1em; font-weight: bold;}
.tripadvisorReviews .tripadvisorHeader .rating {margin-bottom: 1.5em;}
.tripadvisorReviews .tripadvisorHeader .listImgs {line-height: 0px; margin-bottom: 0.5em; font-size: 1em;}
.tripadvisorReviews .reviewBoxTitle {margin: 1.5em 0 1em 0; font-weight: bold;}
.tripadvisorReviews .review {border-top: 2px dotted #dadada; padding: 0.5em 0;}
.tripadvisorReviews .review .reviewInfo p { font-weight: bold; }
.tripadvisorReviews .writeReview {border-top: 2px dotted #dadada; padding: 0.5em 0;}
.tripadvisorReviews .disclaimers { margin-bottom: 0.5em; font-size: 0.8125em; }

.yelpReviews .yelpHeader { padding-bottom: 0.625em; border-bottom: 1px dotted #dadada; margin-bottom: 0.625em; }
.yelpReviews .yelpHeader .yelpRight { font-size: 0.875em;}
.yelpReviews .yelpHeader .yelpLeft .ratingLine { margin-bottom: 0.625em;}
.yelpReviews .yelpHeader .yelpLeft .ratingLine img {margin-right: 0.375em;}
.yelpReviews .yelpHeader .yelpLeft .ratingLine span {position: relative; top: 2px;}
.yelpReviews .review { padding-bottom: 0.625em; border-bottom: 1px dotted #dadada; margin-bottom: 0.625em;}
.yelpReviews .review .userInfo { font-weight: bold; font-size: 0.750em; margin-bottom: 0.625em;}
.yelpReviews .review .userInfo img { margin-bottom: 0.25em;}
.yelpReviews .review .reviewScore { font-size: 0.875em; margin-bottom: 0.375em; }
.yelpReviews .review .reviewScore img { position: relative; top: 0.25em;}
.yelpReviews .review .reviewText { margin-bottom: 0.625em; }


/*** nearby ***/
.nearby .container {background-color: #29dbe7; position: relative; margin-top: -3em; padding-bottom: 8em;}
.nearby .container:before {
	background-color: #29dbe7;
	content: "";
	position: absolute;
	left: 0;
	top: -2em;
	width: 100%;
	height: 100%;
	-moz-transform: skewY(2deg);
    -ms-transform: skewY(2deg);
    -webkit-transform: skewY(2deg);
    transform: skewY(2deg);
    -moz-box-shadow: rgba(0,0,0,.1) 0 -11px 9px 1px;
    -webkit-box-shadow: rgba(0,0,0,.1) 0 -11px 9px 1px;
    box-shadow: rgba(0,0,0,.1) 0 -11px 9px 1px;    
}

.nearby .headimg {text-align: center;}
.nearby .inner {padding: 0 30px; position: relative; max-width: 420px; margin: 0 auto;}
.nearby .slides {margin-top: 1em; opacity: 0; visibility: hidden;}
.nearby .slides.is-visible {opacity: 1; visibility: visible;}
.nearby .slide {padding: 0 10px;}
.nearby .arrow {
	background-color: #fff; border-radius: 30px; 
	height: 30px; width: 30px; line-height: 32px;
	position: absolute; top: 50%; margin-top: -15px;
	cursor: pointer; text-align: center;
}
.nearby .arrow i {color: #29dbe7;}
.nearby .arrow.slick-disabled {cursor: default; opacity: 0.5;}
.nearby .prevSlide {left: 0;}
.nearby .nextSlide {right: 0;}

.video_link {
	position: relative;
	display: block;
	color: #fff;
}
.video_link:before{
	font-family: FontAwesome;
	content: "\f16a";
	position: absolute;
	z-index: 5;
	top: 50%;
	left: 50%;
	height: auto;
	width: 83px;
	vertical-align: middle;
	font-size: 6em;
	-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	line-height: 40px;
	display: block;
	text-shadow: rgba(0, 0, 0, .75) 2px 2px 6px;
	color: #fff;
	opacity: .7;
	transition: opacity .5s;
}

.video_link:hover:before,
.video_link:focus:before{
	opacity: 1;
}

/** snippet is shared in offer detail, listing layout, listing detail **/
.yelp-snippet {
    margin-bottom: 1rem;
    max-width: 220px;
    float: left;
    padding-right: 32px;
}
.yelp-snippet a:hover{
	text-decoration: none;
}
.yelp-snippet .yelp-rating {
    height: 21px;
}

.yelp-snippet .yelp-logo {
    height: 30px;
    position: relative;
    top: -3px;
}

.yelp-snippet .yelp-bottom {
    font-size: 12px;
}

.yelp-snippet .yelp-price {
    font-weight: bold;
    font-size: 15px;
}

.yelp-snippet .yelp-review-count {
    color: #666;
}

/*** Mobile ***/
@media only screen and (max-width: 40em) {
	.listing-detail .mediaGallery .row.collapse > .columns.gallery-col {padding: 0;}
	.listing-detail .mapimg {margin-top: 1em;}
	.listing-detail .mapimg .btn-feature {background-color: none; height: 42px;}
	.listing-detail .gMapContainer .gMapHolder {height: 0; opacity: 0;}
} 


/*** tablet ***/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.nearby .inner {max-width: 780px;}
}

/*** tablet & desktop ***/
@media only screen and (min-width: 40.063em) {
	.listings .detailPanes > dl.tabs, .listings .detailPanes > dl.tabs.open {padding: 0;}
	.listings .detailPanes > dl.tabs dd {display: block;}
	.listings .detailPanes > dl.tabs dd.active {position: relative;}
	.listings .detailPanes .tabs dd.active a span {display: none;}
	.listings .detailPanes > dl.tabs.vertical  {width: 30%; max-width: none;}
	.listings .detailPanes > .tabs-content.vertical {width: 70%;}

	.yelpReviews .yelpHeader .yelpLeft {float: left;}
	.yelpReviews .yelpHeader .yelpRight {float: right;}
}

/*** desktop ***/
@media only screen and (min-width: 64.063em) { 	
	.twitter-embed {margin-top: 0;}

	.nearby .inner {max-width: 1180px; padding: 0;}
	.nearby .arrow {display: none;}
}

#sb-body, #sb-loading {
    background-color: #fff !important;
}
#sb-loading-inner {
    line-height: 32px;
}

.details-container a.booknow {
	display: inline-block;
	color: #000;
	text-transform: uppercase;
	font-family: 'expressway';
	text-decoration: none;
	background: #fad100;
	padding: 8px 14px;
	margin-bottom: 15px;
}