/*custom css for site id 96317*/

/*from master.css ?*/
.featuredDestination {
	background-color: #555;
	background-size: auto 125%;
	background-position: center;
	font-size: 16px;
	margin: 0;
	text-align: center;
	width: 25% !important;
	position: relative;
	transition: all 0.3s ease-out 0s;
}

.landingBottomContent {
    background-color: #000;
}

.featuredDestination:hover {
	background-size: auto 130%;
}

.featuredDestinationsContainer .featuredDestination .destinationThumb img {
	opacity: 0;
}

.destinationIncentiveLink {
	background-color: rgba(1, 1, 1, 0.35);
	color: white !important;
	font-size: 18px;
	font-weight: lighter;
	position: absolute;
	bottom: 0;
	width: 100%;
	transition: all 0.3s ease-out 0s;
}

.featuredDestination:hover .destinationIncentiveLink {
	background-color: #67b2d9;
}

.destinationSavings {
	display: table-cell !important;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	vertical-align: middle;
	width: 100%;
}

.averageNightlyLabel {
	font-size: 15px;
}

.savingsLink {
	background-color: rgba(1, 1, 1, 0.4);
	color: white !important;
	display: block !important;
	font-size: 30px;
	line-height: 1.1em;
	font-weight: lighter;
	height: 100%;
	outline: medium none blue;
	padding: 24% 0 !important;
	vertical-align: middle;
	transition: all 0.3s ease-out 0s;
}

.savingsLink:hover {
	background-color: rgba(255, 255, 255, .1);
}

.savingsLink span {
	border: 2px solid white;
	display: block;
	font-size: 14px;
	margin: 15px auto 0;
	padding: 2px;
	width: 30%;
}

.averagePercenteOff {
	border: medium none !important;
	font-size: 16px !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

.destinationThumb img {
	width: 100%;
	height: 100%;
}

.destinationSavings a {
	color: #333;
	display: block;
	padding: 20px 0;
}

.aboutContainer {
	background-attachment: fixed;
	background-color: white;
	background-size: cover;
	margin: 0;
	padding: 120px 0 150px;
	width: 100%;
}

.aboutContent {
	color: #555;
	font-size: 16px;
	line-height: 1.8em;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 98%;
	padding: 20px 0 !important;
}

.aboutContent {
	color: #555;
	font-size: 16px;
	line-height: 1.8em;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 60%;
}

.instructionBoxTitle {
	font-size: 32px;
	line-height: 1.4em;
	margin: 0 0 60px;
}

.instructionBox {
	display: inline-block;
	font-size: 15px;
	font-weight: lighter;
	padding: 0 20px;
	width: 33%;
	vertical-align: top;
}

.instructionBox .image img {
	margin: 0 0 30px;
}

.stepOne, .stepTwo, .stepThree {
	border: 2px solid #67b2d9;
	border-radius: 50%;
	color: #67b2d9;
	display: inline-block;
	font-family: Helvetica;
	font-size: 43px;
	line-height: 1em;
	margin: 10px 0;
	padding: 18px 24px 10px;
}

.instructionBox h3 {
	font-size: 25px !important;
}

.featuredPropertiesContainer {
	background-color: white;
	background-attachment: fixed;
	background-size: cover;
	margin: 0;
	padding: 80px 0 110px;
	width: 100%;
}

.featuredPropertiesContainerContent {
	xcolor: black;
	xfont-size: 15px;
	xmargin: 0 auto;
	xposition: relative;
	xtext-align: center;
	display:none;
}


.featuredPrice {
	border-top: 5px solid #f8f8f8;
	color: #999;
	display: block;
	font-size: 14px;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
	width: 50%;
}

.featuredPrice p {
	color: #555;
	font-size: 25px;
}

.featuredContainer::after {
	opacity: 0;
}
/* from master. css? */

/*from keystone over-ride */
.featuredPropertiesContainerContent:first-of-type, .featuredDestinationsContainerContent:first-of-type {
    display: inline-block !important;
}

/* added css Carousel */

/* Hide overflow to prevent flashing duplicate items */
.featuredDestinationsContainerContent,.featuredDestinationsContainerContent .item {
    overflow: hidden;
}

/*added from bootstrap carousel version needed with featured destinations as it is another version */
.carousel {
	position: relative
}
.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden
}
.carousel-inner>.item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left
}
.carousel-inner>.item>img,.carousel-inner>.item>a>img {
	line-height: 1
}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
	display: block
}
.carousel-inner>.active {
	left: 0
}
.carousel-inner>.next,.carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}
.carousel-inner>.next {
	left: 100%
}
.carousel-inner>.prev {
	left: -100%
}
.carousel-inner>.next.left,.carousel-inner>.prev.right {
	left: 0
}
.carousel-inner>.active.left {
	left: -100%
}
.carousel-inner>.active.right {
	left: 100%
}
.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	filter: alpha(opacity=50);
	opacity: .5
}
.carousel-control.left {
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
	background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
	background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x
}
.carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
	background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
	background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x
}
.carousel-control:hover,.carousel-control:focus {
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity=90);
	outline: 0;
	opacity: .9
}
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block
}
.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left {
	left: 50%;
	margin-left: -10px
}
.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right {
	right: 50%;
	margin-right: -10px
}
.carousel-control .icon-prev,.carousel-control .icon-next {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	xfont-family: serif
}
.carousel-control .icon-prev:before {
	content: '\2039'
}
.carousel-control .icon-next:before {
	content: '\203a'
}
.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none
}
.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000 \9;
	background-color: rgba(0,0,0,0);
	border: 1px solid #fff;
	border-radius: 10px
}
.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #fff
}
.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6)
}
.carousel-caption .btn {
	text-shadow: none
}
@media screen and (min-width:768px) {.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	font-size: 30px
}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
	margin-left: -15px
}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
	margin-right: -15px
}
.carousel-caption {
	right: 20%;
	left: 20%;
	padding-bottom: 30px
}
.carousel-indicators {
	bottom: 20px
}

/*end of bootstrap carousel version */

/*mobile */

@media only screen and (max-width: 800px) {
	.featuredDestinationsContainer .featuredDestination {
	    border-right:none !important;
	    border-left: none !important;
	    background-size: unset;
	    background-position: center;
	    width: 50%;
	    text-align: center;
	    position: relative;
		margin: 0;
		display: inline-block;
	}
}

/*over-ride keystone max-width 1440?*/
@media only screen and (min-width: 1440px) {
	.featuredDestinationsContainer .featuredDestination {
    	border-right:none !important;
    	border-left: none !important;
    	background-size: unset;
    	background-position: center;
	 	width: 25%;
    	text-align: center;
    	position: relative;
		margin: 0 !important;
	}
}

@media screen and (min-width: 801px) and (max-width: 1440px) {
    .featuredDestinationsContainer .featuredDestination {
        width: 33.33%;
        margin: 0;
		padding:0;
    }
	.featuredDestination:last-of-type {
		display:none;
	}
	
}

@media only screen and (max-width: 800px) {
	.featuredDestinationsContainer .featuredDestination {
	    border-right:none !important;
	    border-left: none !important;
	    background-size: unset;
	    background-position: center;
	    width: 50%;
	    text-align: center;
	    position: relative;
		margin: 0;
		display: inline-block;
	}
}

.featuredDestination {
    display: inline-flex;
    flex-wrap: nowrap;
}