/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville|Montserrat');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
/* ul {
	list-style: none;
} */
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* --------------------------------------------------------- CLOSE reset css ------------------------------------------------------------ */
.noPadding{
	padding: 0;
}
.noMaring{
	margin: 0;
}
.clearFix{
	clear: both;
}
.noSelect{
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */     
}
.hideThis{
	display: none !important;
}
a{
	color: #5F5F5F;
	cursor: pointer !important;
}
a:hover{
	color: #009687;
}
.blueTxt, a.blueTxt{
	color: #009687 !important;
}
.lblueTxt, a.lblueTxt{
	color: #009687 !important;
}
.goldTxt, a.goldTxt{
	color: #009687 !important;
}

.back-to-top-overlay-link{
    color: #009687;
    text-decoration: underline;
    
}

.back-to-top-float{
    position: fixed;
    bottom: 0;
    right: 10px;
    z-index: 9999;
    padding: 10px;
    display: block;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    -webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border-top: 1px solid #777;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,d1d1d1+100 */
	background: rgb(243,243,243); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(243,243,243,1) 0%, rgba(209,209,209,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(209,209,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(243,243,243,1) 0%,rgba(209,209,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */
	margin-bottom: 0 !important;
}
.back-to-top-float:hover {
    background: #e9ebec;
}
.back-to-top-fixed{
	text-decoration: underline;
	color: #A97445;
}
.back-to-top-fixed:hover{
	color: #A97445;
	font-weight: bold;
}
#content {
    height: 2000px;
}

h1{
	font-family: 'Libre Baskerville', serif;
	font-weight: bold;
	font-size: 16px;
	color: #5f5f5f;
}
h2, h3, h4, h5, h6{
	font-family:  'Montserrat', sans-serif;
	font-weight: bold;
	color: #009687;
}
h2{
	font-size: 14px;
}
h3{
	font-size: 12px;
}
h4{
	font-size: 10px;
}
strong{
	font-weight: bold;
}
.error{
	color: red !important;
}
ol{
	margin-left: 50px;
}
ol li{
	margin-bottom: 5px;
	line-height: 20px;
}
sup {
    font-size: 75%;
}
.message {
	color: #337ab7;
}
/* -------------------- CLOSE custom reset css ------------------- */






.ownerbutton {
	background-color: #009687;
	color: white;
	padding: 6px 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	border: none;
}


/* -------------------- CLOSE refer a friend overlay ------------------- */
div#messageDialog {
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #999;
    -webkit-box-shadow: 0 0 100px -20px #3D3D3D;
	box-shadow: 0 0 100px -20px #3D3D3D;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,ffffff+100 */
	background: rgb(244,244,244); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
div#messageDialog li.dialogListItem {
    list-style-type: disc;
    margin-bottom: 10px;
    margin-left: 40px;
    color: red;
}
div#messageDialog .dijitDialogPaneContent ul {
    margin-top: 20px;
}

div#messageDialog span.dijitDialogCloseIcon {
    position: absolute;
    top: 5px;
    right: 5px;
    border: 1px solid #999;
    padding: 2px 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
/* -------------------- CLOSE refer a friend overlay ------------------- */












/* ---------------------------------------------- Logged In Home Page ----------------------------- */
.horizontalRule15 {
   height: 15px;
   width: 1px;
}
.horizontalRule5 {
   height: 5px;
   width: 1px;
}
.greyHeader {
   background-color: #D3D3D3;
}
/*.btn{
text-decoration:none;
color:#333333;
font-size:12px;
font-weight:bold;
padding:0 15px;
line-height:32px;
height: auto;
display:inline-block;
text-align:center;
background-color:#DDDDDD;
}*/
.btn:hover{
background-color:#F6F6F6;
}
.btn.round{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
table {
   width: 100%;
}
/* ---------------------------------------------- close Logged In Home Page ----------------------------- */




/* -------------------- body ------------------------ */
body{
	font-family: arial;
	font-size: 12px;
}
.pageContainer{
	margin-bottom: 50px;
}
a.btn.btn-mvc {
    background-color: #009687;
    color: #ffffff;
    border-radius: 0;
    padding: 10px 20px;
}
/* -------------------- CLOSE body ------------------------ */





/* -------------------- banner container ------------------------ */
.bannerContainer{
	position: relative;
	margin-bottom: 1px;
}
.bannerContainer .bannerSlider img{
	width: 100%;
	padding: 0;
	margin: 0;
}
@media (max-width: 375px) {
	.bannerContainer{
		margin-top: 54px;
	}
	.belowBanner {
		padding-top: 136px;
	}
}
@media only screen and (max-width: 768px) and (min-width: 376px) {
	.bannerContainer{
		margin-top: 42px;
	}
	.belowBanner {
		padding-top: 135px;
	}
}
@media only screen and (max-width: 992px) and (min-width: 769px) {
	.bannerContainer{
		margin-top: 42px;
	}
	.belowBanner {
		padding-top: 135px;
	}
}
@media (max-width: 995px) {
	.belowBanner {
		margin-top: 55px;
	}
}
@media (max-width: 1085px) {
	.bannerContainer .bannerSlider{
		top: 50px
	}
}
@media (max-width: 1185px) {
	.belowBanner {
		margin-top: 10px;
	}
}
@media (max-width: 1200px) {
	.bannerContainer{
		margin-top: 45px;
	}
}
/*.bannerContainer{
	margin-top: 47px;
} */


.aboveBanner{
	/*padding: 20px 0 0 0;*/
	clear: both;
}
.aboveBanner .topNav{
	font-size: 15px;
}
.aboveBanner .mainLogo.loggedInn a img{
	margin-top: 10px;
	margin-bottom: 10px;
	max-width: 250px;
}
.mainLogo.nonLoggedIn a img{
	margin-top: 10px;
	margin-bottom: 10px;
	max-width: 100%;
}

/* Logged Out MVC logo Desktop */
.aboveBanner .mainLogo.imgChange .desktopLogo img {
	margin-top: 10px;
	margin-bottom: 10px;
	max-width: 250px;
}
/* Logged Out MVC logo Mobile */
.aboveBanner .mainLogo.imgChange .mobileLogo img {
	width: 100%;
    height: auto !important;
    padding-left: 0;
    position: relative;
    left: 0px;
    position: absolute;
    left: 10px;
    top: 20px;
}

/* ACTIVE ONLY IF INTERNET EXPLORER IS DETECTED */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.mainLogo.nonLoggedIn a img{
		max-width: 50%;
	}
 }

.belowBanner{
	position: relative;
}
.bannerLogin{
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	padding: 10px;
	background-color: #fff;
}
.bannerLogin h3{
	font-family: 'Libre Baskerville', serif;
	font-size: 20px;
	font-weight: bold;
	color: #5f5f5f;
	margin-bottom: 10px;
}
.loginSection{
	margin-bottom: 10px;
	clear: both;
}
.logInSection.forgotUserName{
	margin-top: 20px;
}
.loginSection small{
	font-size: 11px;
}
.loginSection input[type="text"], .loginSection input[type="password"]{
	/* border: 1px solid #D8D8D8; */
    border: 1px solid #5f5f5f;
    margin: 0 0 5px 0;
    padding: 8px 5px;
    font-size: 12px;
    webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 1.3em;
}
.loginSection label{
	display: block;
	font-size: 15px;
	color: #009687;
	margin-bottom: 10px;
}

input{
    line-height: 1.3em;
}

@media (max-width: 992px) {
		.aboveBanner{
			padding: 0 !important;
			clear: both;
		}
}

@media (min-width: 992px) and (max-width: 1300px) {
		.loginSection {
		    margin-bottom: 0;
		    clear: both;
		}
		.logInSection.forgotUserName {
		    margin-top: 5px;
		}
		.bannerLogin h3 {
		    font-size: 15px;
		    font-weight: bold;
		    color: #5f5f5f;
		    margin-bottom: 3px;
		}
		.loginSection label {
		    display: block;
		    font-size: 12PX;
		    color: #5f5f5f;
		    margin-bottom: 0;
		}
}

/* -------------------- CLOSE banner container ------------------------ */


/* -------------------- PROMO TILES ----------------------------------- */
.promoTiles .promoTileItem{
	padding-right: 2px;
	flex: 1;
}

.promoTiles .promoTileItem:last-child{
	padding-right: 0px;
}

/* .promoTileItemImg {
    max-height: 171px;
} */

.promoTiles .promoTileItem.lastItem{
	padding-right: 0px;
}

.margin-left-0 {
	margin-left: 0;
}

.promoTiles .promoTileItem .promoTileItemText{
	background-color: #d8d8d8;
	padding: 10px 5px;
	min-height: 92px;
}
.promoTiles .promoTileItem .promoTileItemText a{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.promoTiles .promoTileItem .promoTileItemText p{
	margin-top: 5px;
}
.promoTiles .promoTileItem .promoTileItemText strong{
	font-weight: bold;
}
.promoTiles .desktopPromoTile{
	display: block;
}
.promoTiles .mobilePromoTile{
	display: none;
}
@media (min-width: 993px) {
	.promoTiles .col-xs-12 .noPadding .row {
		display: flex;
	}
}
@media (max-width: 992px) {
	.promoTiles{
		margin-top: 10px;
   		padding: 5px;
	}
	.promoTileItem{
		margin-bottom: 10px;
	}
	.promoTiles .promoTileItem.lastItem{
		padding-right: 2px;
	}
	.promoTiles .promoTileItem:last-child{
		padding-right: 2px;
	}
	.promoTiles .promoTileItem .promoTileItemText{
		min-height: 70px;
	}
	.promoTiles .desktopPromoTile{
		display: none;
	}
	.promoTiles .mobilePromoTile{
		display: block;
	}

	.btn-warning{
		padding: 10px;
		border: 1px solid #888;

		-webkit-border-radius: 0px;
		border-radius: 0px;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f4c6b+0,3f4c6b+100;Blue+Grey+Flat */
		background: rgb(63,76,107); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(63,76,107,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(63,76,107,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(63,76,107,1) 0%,rgba(63,76,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */

	}

	.btn-warning:hover{
		border: 1px solid #888;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333d56+0,3f4c6b+100 */
		background: rgb(51,61,86); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(51,61,86,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(51,61,86,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(51,61,86,1) 0%,rgba(63,76,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333d56', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */

	}
}

/* ------------------- END PROMO TILES ------------------------------ */

.MainMenu .leftNavMainLink{
	padding: 15px 10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f9f9f9+47,f9f9f9+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 47%, rgba(249,249,249,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 47%,rgba(249,249,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 47%,rgba(249,249,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */

}









.leftSideNav{
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	padding-top: 30px;
	background-color: #f3f3f3;
	color: #081A75;
}

.leftSideNav .leftSideSection{
	border-top: 1px solid #5f5f5f;
	cursor: pointer;


}

.leftSideNav .leftSideSection dt a{
	padding: 15px;
	font-size: 13px;
	display: block;
	text-decoration: none;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f9f9f9+47,f9f9f9+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 47%, rgba(249,249,249,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 47%,rgba(249,249,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 47%,rgba(249,249,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
.leftSideNav .leftSideSection dt a:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}

.leftSideNav .leftSideSection.subMenuDropDown dt a{
	border-bottom: 1px solid #dedede;
	line-height: 20px;
	position: relative;
	padding-right: 35px !important;
}
.leftSideNav .leftSideSection.subMenuDropDown .fa.fa-angle-down, .leftSideNav .leftSideSection.subMenuDropDown .fa.fa-angle-up{
	font-size: 20px;
	line-height: 15px;
	position: absolute;
	top: 30%;
	right: 10px;
}


/*--- start ALM # 35631 --- */
.subMenuBtn i.fa{
	font-size: 20px;
	line-height: 15px;
	position: absolute;
}

.subMenuBtn i.fa.pull-left{
	left: 5px;
	top: 15px;
}

.subMenuBtn i.fa.pull-right{
	right: 5px;
	top: 15px;
}

.bs-example.bs-example-tabs .nav-tabs>li.active>a, 
.bs-example.bs-example-tabs .nav-tabs>li.active>a:focus, 
.bs-example.bs-example-tabs .nav-tabs>li.active>a:hover{
	background-color: #fff !important;
	min-height: 75px;
	width: 100%;
}

@media  (min-width: 1400PX){
	.bs-example.bs-example-tabs .nav-tabs>li.active>a, 
	.bs-example.bs-example-tabs .nav-tabs>li.active>a:focus, 
	.bs-example.bs-example-tabs .nav-tabs>li.active>a:hover{
		min-height: 0;
	}
}

@media  (min-width: 451px) and (max-width: 992px) {
	.bs-example.bs-example-tabs .nav-tabs>li.active>a, 
	.bs-example.bs-example-tabs .nav-tabs>li.active>a:focus, 
	.bs-example.bs-example-tabs .nav-tabs>li.active>a:hover{
		min-height: 75px;
	}
	
	
	.bs-example.bs-example-tabs .nav-tabs>li>a, 
	.bs-example.bs-example-tabs .nav-tabs>li>a:focus, 
	.bs-example.bs-example-tabs .nav-tabs>li>a:hover{
		font-size: 14px;
	}
}

@media (max-width: 450px) {
	.bs-example.bs-example-tabs .nav-tabs>li>a, 
	.bs-example.bs-example-tabs .nav-tabs>li>a:focus, 
	.bs-example.bs-example-tabs .nav-tabs>li>a:hover{
		font-size: 12px;
	}
}


@media  (min-width: 451px) and (max-width: 992px) {
	.bs-example.bs-example-tabs .nav-tabs>li>a, 
	.bs-example.bs-example-tabs .nav-tabs>li>a:focus, 
	.bs-example.bs-example-tabs .nav-tabs>li>a:hover{
		font-size: 12px;
	}
}
/*--- end ALM # 35631 --- */


.leftSideSection.subMenuDropDown dl dd a{
	padding: 10px 10px 10px 30px;
	border-bottom: 1px solid #dedede;
	line-height: 16px;
	display: block;
	text-decoration: none;
}
.leftSideSection.subMenuDropDown dl dd a.active{
	font-weight: bold;
	color: #009687;
	background-color: #e8e5de;
}
.leftSideSection.subMenuDropDown dl dd:hover{
	background-color: #e8e5de;
}
.leftSideNav .leftSideSection dt a.active{
	color: #009687 !important;
	text-decoration: none;
}
.leftSideSection.subMenuDropDown dl dd.active:hover{
	font-weight: bold;
	color: #5f5f5f;
	background-color: #e8e5de !important;
}








.breadcrumbs{
	border-bottom: 1px solid #dedede;
	margin-bottom: 15px;
	color: #5f5f5f;
	font-size: 12px;
}
.breadcrumbs .fa-home{
	color: #5f5f5f;
	cursor: pointer;
}





.aboveBanner .topNav{
	display: none;
}


.aboveBanner .topNav ul li span.linkNameTitle{
	display: block;
}
.topNavContainer{
	margin-top: 23px;
}

@media (max-width: 992px) {
	
	.topNavContainer .topNavLinkItem{
		border-bottom: 1px solid #005b51;
	}
	.belowBanner {
		margin-top: 4px;
	}

}

@media (min-width: 992px) {
	
	.aboveBanner .topNavContainerGroup{
		position: absolute;
		top: 0;
		right: 0;
	}
	.belowBanner {
		margin-top: 4px;
	}
	.belowBanner.loggedIn{
		margin-top: 0 !important;
	}
	.sideContent{
		margin-top: 55px;
	}

}

@media (max-width: 1186px) {
	.belowBanner {
		margin-top: 54px;
	}
}

@media (max-width: 1086px) {
	.belowBanner {
		margin-top: 4px;
	}
}

.aboveBanner .topNav .topNavLinkItem{
	float: left;
	padding: 20px
}
.aboveBanner .topNav .topNavLinkItem a{
	text-decoration: none;
}

.aboveBanner .topNavLinkItem.dropDownMenu a.lastItem{
	padding-right: 0;
}

.aboveBanner .topNavLinkItem.dropDownMenu{
	position: relative;
}
.aboveBanner .topNavLinkItem .topNavDropDownMenu{
	display: block;
	position: absolute;
	top: 60px;
	left: 15px;
	background-color: #fff;
	z-index: 999;
	min-width: 300px;
	
	border: 1px solid #fefefe;

	-webkit-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: 0px 0px 5px 0px #B3B3B3;
	box-shadow: 0px 0px 5px 0px #B3B3B3;
}
.aboveBanner .topNavLinkItem .topNavDropDownMenu.rightFix{
	display: block;
	position: absolute;
	top: 60px;
	left: -210px;
	background-color: #fff;
	z-index: 999;
	min-width: 300px;
	
	border: 1px solid #fefefe;

	-webkit-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: 0px 0px 5px 0px #B3B3B3;
	box-shadow: 0px 0px 5px 0px #B3B3B3;
}
.aboveBanner .topNavLinkItem .topNavDropDownMenu li a{
	display: block;
	padding: 15px 10px;
	border-top: 1px solid #dedede;
	text-decoration: none;
	line-height: 20px;
}
.aboveBanner .topNavLinkItem .topNavDropDownMenu li a:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
	color: #009687;
}

li.topNavLinkItem.secondTopNavLink.dropDownMenu.active a container span,
li.topNavLinkItem.secondTopNavLink.dropDownMenu.active a container i {
	color: #009687 !important;
}

.aboveBanner .topNavLinkItem .topNavDropDownMenu li a.lastItem{
	border-bottom: none;
}
.topNavDropDownMenu .topNavDropDownItemArrow{
	font-size: 30px; 
	line-height: 15px;
	/*color: #5f5f5f;*/
	display: none;
}

.aboveBanner .topNavLinkItem a {
	color: #5F5F5F;
}

.aboveBanner .topNavLinkItem a:hover {
	color: #009687;
}

.aboveBanner .newAlert{
	color: red;
}
@media (max-width: 992px) {
	.newAlert{
		color: red !important;
	}
	.topNavMobileBtn{
		top: 5px !important;
		font-size: 2.2em !important;
		background: none;
		color: #ffffff;
		border: none;
		padding: 10px 0px !important;

		margin-top: 10px;
	}
	.topNavMobileBtn:hover{
		color: #ffffff;
	}
	.mainLogo{
		text-align: center;
		padding: 15px 0;
	}
	.aboveBanner.nonLoggedIn{
		padding-top: 0 !important;
	}

	
	.aboveBanner .topNavLinkItem .topNavDropDownMenu{
	    -webkit-box-shadow: none;
		box-shadow: none;
	}
	.aboveBanner{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	    background-color: #fff;
	    z-index: 9999;

	    /* -webkit-box-shadow: 0 0 20px 0 #222;
		box-shadow: 0 0 20px 0 #222; */
	}
	
	.aboveBanner .topNavLinkItem a:hover,
	.aboveBanner .topNavLinkItem a:focus{
		color: #ffffff;
	}
	.topNavLinkItem.mobile.active a span{
		color: #ffffff !important;
	}
	.ContactTopNav li a.firstChild{
     	border-top: 1px solid #ffffff !important;
     	border-bottom: none;
	}
	.ContactTopNav ul{
		background-color: #ffffff;
	}
	.ContactTopNav li{
		color: #ffffff;
	}
	.ContactTopNav li a{
		color: #333333;
     	border-bottom: 1px solid #005b51 !important;
		font-family: montserrat;
		font-weight: 600;
		font-size: 14px;
	}
	.topNavContainer {
		margin-top: 0;
	}
	.aboveBanner{
		background-color: #009687;
	}
	
	.mainLogoBtn{
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		height: 75px !important;
		width: 65% !important;
		margin: 0 auto !important;
	}
	
	.mainLogoBtn a{
		display: block;
		width: 100%;
		height: 100%;
	}
    
    
    
	.aboveBanner .topNavLinkItem .topNavDropDownMenu{
		display: block;
		position: absolute;
		top: 60px;
		left: 15px;
		background-color: #ffffff;
		color: #333333;
		z-index: 999;
		min-width: 300px;
		
		border: 1px solid #fefefe;

		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	.topNavDropDownMenu{
		position: relative !important;
		top: 10px;
		left: 0;
		display: block;
	}
	.aboveBanner .mainLogo.loggedInn .topNavContainer a{
		margin: 0 auto;
		display: block;
		padding: 0;
		width: 140px;
	}
	.aboveBanner .mainLogo.loggedInn a img{
		margin-top: 30px;
		margin-bottom: 10px;
		width: 100%;
		height: auto;
	}
	.aboveBanner .topNav{
		position: relative;;
		background-color: #ffffff !important;

		z-index: 999;

		display: none;
		border-top: 1px solid #fff;
	}

	.aboveBanner .topNav li{
		clear: both;
		width: 100%;
	}	
	.aboveBanner .topNav li a{
		clear: both;
		width: 100%;
		color: #333 !important;
	}	
	.aboveBanner .topNavLinkItem .topNavDropDownMenu li a:hover{
		background: #f7f7f7;
		color: #333;
	}
	

	.topNavLinkItem.dropDownMenu .topNavDropDownMenu{
		position: relative;
		top: 10px;
		left: 0;
	}

	.topNavLinkItem.dropDownMenu .topNavDropDownMenu.rightFix{
		position: relative;
		top: 10px;
		left: 0;
		background-color: #ffffff;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.leftSideNav{
		display: none;
	}

	.topNavMobileBtn .hamburger {
		height: 32px;
		width: 35px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		border: 1px solid #fff;
		padding: 8px;
		border-radius: 3px;
	}
	.topNavMobileBtn .hamburger .line {
		height: 2px;
		width: 100%;
		background-color: #fff;
	}
	
	.topNavMobileBtn{
		position: absolute;
	}
	
	.topNavMobileBtn.mobileTopNavBtn{
		top: 30px;
		left: 15px;
	}
	
	.topNavMobileBtn.contactUsBtn{
		top: 30px;
		right: 15px;
	} 

	.contactTopNavContainerItem{
		position: relative;
	}
	.contactTopNavContainerItem .mobile-logged-out-language-globe{
		width: 22px;
		position: absolute;
		top: 8px;
		right: 15px;
	}
	.contactTopNavContainerItem ul.mobile-logged-out-language-selection {
		background: #f3f3f3;
		list-style: none;
		display: none;
	}
	.contactTopNavContainerItem .mobile-logged-out-language-selection li a {
		padding-left: 40px;
	}
	.contactTopNavContainerItem .chevron::before {
		border-style: solid;
		border-width: 0.25em 0.25em 0 0;
		content: '';
		display: inline-block;
		height: 0.45em;
		left: 0.15em;
		position: relative;
		top: 0.15em;
		transform: rotate(-45deg);
		vertical-align: top;
		width: 0.45em;
	}
	
	.contactTopNavContainerItem .chevron.right:before {
		left: 0;
		transform: rotate(45deg);
	}
	
	.contactTopNavContainerItem .chevron.bottom:before {
		top: 0;
		transform: rotate(135deg);
	}
	
	.contactTopNavContainerItem .chevron.left:before {
		left: 0.25em;
		transform: rotate(-135deg);
	}
}


@media only screen and (max-width: 768px) and (min-width: 460px){
	.mainLogoBtn {
		width: 60% !important;
	}
}

@media only screen and (max-width: 991px) and (min-width: 545px){
	.mainLogoBtn {
		width: 35% !important;
	}
}

@media (max-width: 320px) {
	.topNavMobileBtn{
		padding: 2px;
		font-size: 15px;
	}
}

@media (max-width: 992px) {
	
	.bannerLogin.logInBox{
		position: absolute;
	    top: 220px;
	    right: 0;
	    bottom: 0;
	    padding: 10px;
	    background-color: #fff;
	}
	.belowBanner.logInBox{
		height: 550px;

	}
	.loginRemember, .loginSection.forgotUserName{
		text-align: center;
		width: 100%;
		padding: 15px 0;
	}
	.aboveBanner .mainLogo.nonLoggedIn a img {
		margin-top: 0;
		margin-bottom: 10px;
	}
	
	
	.aboveBanner .mainLogo.nonLoggedIn a img{
		width: auto !important;
		height: 60% !important;
		margin: 20px auto !important

	}
	.mainLogo.nonLoggedIn .mainLogoBtn{
		width: 100% !important;
		left: 0 !important;
	}
	.mainLogo.nonLoggedIn:parent{
		margin-top: 0 !important;
	}
	
	.mainLogo.nonLoggedIn .topNavMobileBtn{
		z-index: 999999 !important;
	}

	
	.aboveBanner{
		-webkit-user-select: none;  /* Chrome all / Safari all */
		-moz-user-select: none;     /* Firefox all */
		-ms-user-select: none;      /* IE 10+ */
		user-select: none;
	}
	
	#modalNotice{
		margin-top: 60px !important;
	}
	
	.midContentContainer .col-xs-12.noPadding{
		padding-left: 5px ;
		padding-right: 5px ;
	}

}

@media (width: 992px) {

	.leftSideNav{
		display: block !important;
	}
	.bannerLogin.logInBox{
		position: absolute;
		top: 5px;
		right: 5px;
		bottom: 0;
		padding: 10px;
		background-color: #fff;
	}
	.belowBanner.logInBox {
		height: 205px;
		border-bottom: 1px solid #ddd;
		background-color: none !important;
	
	}
	
	.belowBanner {
		padding-top: 0;
		/* margin-top: 119px; */
	}
	
	
	.aboveBanner {
		z-index: 9999;
		
		position: absolute;
		top: 5px !important;
		left: 0 !important;
		background-color: transparent !important;
		width: 100%;
		margin-top: -50px;
		margin-left: 5px;
		box-shadow: none !important;
	}
	.bannerContainer .bannerSlider img {
	
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.loginRemember{
		width: 50% !important;
	}
	.loginRemember, 
	.loginSection.forgotUserName {
		text-align: center;
		width: 100%;
		padding: 5px 0;
	}
	.aboveBanner .mainLogo.nonLoggedIn a img {
		width: fit-content !important;
		height: fit-content !important;
		padding: unset !important;
		margin: unset !important;
	}
	.mainLogo {
		padding: unset !important;
		margin: unset !important;
	}







	.topNavContainer .topNavLinkItem {
		border-bottom: none;
	}
	.aboveBanner.loggedIn {
		z-index: 900;
		display: block;
		position: absolute;
		top: 5px !important;
		left: 0 !important;
		background-color: transparent !important;
		width: 100%;
		margin-top: 0;
		margin-left: 0;
		box-shadow: none !important;
	}
	.aboveBanner.loggedIn .mainLogoBtn {
		position: relative !important;
		top: 35px !important;
		left: 0 !important;
		z-index: 9999 !important;
		height: 125px !important;
		width: 125px !important;
		margin: 0 auto !important;
	}
	.aboveBanner.loggedIn .topNav{
		display: block !important;
		background-color: transparent !important;
	}
	.aboveBanner.loggedIn .topNav li {
	    clear: none;
	    width: inherit;
	}



	.aboveBanner .topNavContainerGroup {
		position: relative;
		top: 10px;
		right: 0;
	}



	.aboveBanner.loggedIn .topNav .topNavContainer  li {
		clear: none;
		width: 25% !important;
		float: left
	}
	.aboveBanner.loggedIn .topNav .topNavContainer .topNavDropDownMenu {
		background-color: #ffffff;
	}
	.aboveBanner.loggedIn .topNav .topNavContainer .topNavDropDownMenu li {
	    width: 100% !important;
	    display: block;
	    background-color: #ffffff;
	}
	
	
	.logOutBox {
		margin-bottom: 25px;
		margin-right: 10px;
		//margin-top: 20px;
		font-size: 12px !important;
		display: block;
		clear: both;
		position: absolute;
		top: 0;
		right: 0;
	}
	.aboveBanner .topNav li {
		clear: both;
		width: inherit;
	}
	.topNavContainer {
		margin-top: 35px;
	}
}

@media (max-width: 525px) {
	
	
	.aboveBanner .mainLogo.nonLoggedIn a img{
		width: auto !important;
		height: 50% !important;
		margin: 20px auto !important

	}
}

@media (max-width: 400px) {
	
	
	.aboveBanner .mainLogo.nonLoggedIn a img{
		width: auto !important;
		height: 40% !important;
		margin: 20px auto !important

	}
}









/* -------------------------------------------- Resort Listing --------------------------------- */
.hideThis{
	display: none !important;
}

.filterDropDownSelect{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 8px 2px 8px 0;
	border: solid 1px #ddd;
	color: #000;
	text-shadow: 0 1px white;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f1f1+0,e1e1e1+70 */
	background: #f1f1f1; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1f1f1 0%, #e1e1e1 70%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f1f1f1 0%,#e1e1e1 70%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f1f1f1 0%,#e1e1e1 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
}
.sortingResorts .button.is-checked, 
.sortingResorts .button2.is-checked{
	color: #333 !important;
	font-weight: normal;
	text-shadow: none !important;
	outline: none !important;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1e1e1+30,f1f1f1+100 */
background: #e1e1e1; /* Old browsers */
background: -moz-linear-gradient(top, #e1e1e1 30%, #f1f1f1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e1e1e1 30%,#f1f1f1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e1e1e1 30%,#f1f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */

}

.sortingResorts .btn-primary:hover,
.sortingResorts .btn-primary:focus {
    color: #333 !important;
    background-color: #ccc;
    border-color: #ccc;
}

.sortingResorts .button, 
.sortingResorts .button2 {
    color: #009687 !important;
    font-weight: normal;
    text-shadow: none !important;
    outline: none !important;
    background-color: #fff!important;
    border: 1px solid #ccc !important;
    margin-right: -1px !important;
}


.mvcPulseIsotopeDisabledLabel{
	padding: 6px 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #ddd;
}

.filterDropDownSelect option{
	color: #009687;
}
.filterDropDownSelect option.destinationCountryOption{
	color: #ffffff;
    background-color: #C5B783;
}

.filterDropDownSelect option.destinationStateOption{
	color: #009687;
}

.filterDropDownSelect option.destinationCityOption{
	color: #868686;
}

.resortSortingControls{
	margin-bottom: 15px;
}


.sortFilters span{
	cursor: pointer;
	color: #009687;
}
.sortingResorts{
	/*margin-top: 40px;*/
}
.sort-by-button-group{
	z-index: 777;
}
.no-filter-results{
	display: none;
}
.quicksearch{
	padding: 5px 35px 5px 5px !important;
	width: 100%;
    border: 1px solid #5f5f5f;

	-webkit-box-shadow:inset 1px 1px 5px 0 #CCCCCC;
	box-shadow:inset 1px 1px 5px 0 #CCCCCC;

	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.quicksearch.loading{
	background: url('/common/cms/mvc/vcap/img/icons/logo-loading-1.gif') no-repeat;
	background-position: calc(100% - 10px) 5px;
	background-size: 15px;
}


.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

.transparent_class_full {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  /* IE 5-7 */
  filter: alpha(opacity=0);

  /* Netscape */
  -moz-opacity: 0;

  /* Safari 1.x */
  -khtml-opacity: 0;

  /* Good browsers */
  opacity: 0;
}


/* ---- button ---- */
.button, .button2 {
  display: inline-block;
  padding: 0.4em .5em;
  margin-bottom: 10px;
  background: #EEE;
  border: none;
  border-radius: 7px;
  background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
  color: #222;
  font-family: sans-serif;
  font-size: 15px;
  text-shadow: 0 1px white;
  cursor: pointer;
}

.button:hover, .button2:hover {
  background-color: #eeece7;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
  color: #222;
}

.button:active,
.button.is-checked, .button2:active, .button2.is-checked {
  background-color: #e8e5de;
}

.button.is-checked, .button2.is-checked {
  color: white;
  text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

/* ---- button-group ---- */

.button-group:after, .button-group2:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button, .button-group2 .button2 {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}

.button-group .button:first-child, .button-group2 .button2:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child, .button-group2 .button2:last-child { border-radius: 0 0.5em 0.5em 0; }

.roundThis{border-radius: 0.5em 0 0 0.5em !important;}

.roundedCorners{
	/* border: 1px solid #D8D8D8; */
    border: 1px solid #5f5f5f;
    margin: 0;
    padding: 5px;
    font-size: 12px;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* ---- grid ---- */

.content ul.grid{
	padding-left: 0 !important;
}
.grid {
  max-width: 100%;
}


/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

.searchPageData-contentArea {
	position: relative;
}
.searchPageData-contentArea .searchPageData-loadingResults{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding-top: 20px;
	background-color: #fff;
	height: 100%;
	z-index: 999;
}
.searchPageData-contentArea .searchPageData-loadingResults img{
	margin: 0 auto;
	height: auto;
}


.sortFilter-resortResults{

}

.sortFilter-resortResults strong{
	/*color: #A98546;*/
}


.content .resort-details {
    padding: 0 !important;
    margin: 0 30px 0 0 !important;
}

.destination-list .resort-details.resort-description{
	margin: 0 !important;
}

.resort-details .resortImage {
    /* border: 1px solid #E3CFBF; */
    margin-bottom: 10px !important;
}
/*.resortIcons{
    padding-left: 0 !important;
    text-align: center !important;
    width: 150px !important;
}*/
.content .grid .element-item{
	width: 100% !important;
}
.content .resort-img {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 10px !important;
}
.content .resort-img {
    width: 150px !important;
    height: 150px !important;
	border: none !important;
}
.content .destination-country {
    font-size: 16px;
    font-weight: normal;
    color: #009687;
}
.content .destination-city {
    font-size: 12px;
    font-weight: normal;
    color: #009687;
    margin-top: 5px;
}
.resort-details .resortLocation{
	margin-top: 10px;
}
.resortLocation h1, .resortLocation h2, .resortLocation h3, .resortLocation h4, .resortLocation h5 {
    display: inline;
    margin-top: -20px !important;
    font-size: 12px !important;
}
.productDescription {
    padding-top: 10px !important;
    /*text-align: justify;*/
	line-height: 1.5em;
}
.associationIcon {
    display: inline-block;
    background: #777775 /*#595959 #3C3C3C #CFD0D0*/;
    color: #FFFFFF !important;
    width: 16px;
    height: 16px;
    line-height: 15px;
    font-size: 10px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

.content .grid .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.content hr {
    border-style: solid !important;
    border-color: #009687 !important;
}
.content .destination-list {
	position: relative;
    list-style-type: none;
    min-height: 150px !important;
    border-bottom: 1px solid #009687;
    padding-top: 10px !important;
	margin-top: 2px;
	padding-bottom:5px !important;
    clear: both;
	width: 100%;
}
.content .destination-list:hover {
	background-color: #fdfdfd;

}
.destination-list .resort-details.actionButton{
	position: relative;
	height: 150px;
	width: 175px;
	margin: 0 !important;
	padding-left: 20px !important;
}
.destination-list .resort-details.actionButton a.viewResortBtn {
    position: absolute;
    bottom: 0px;
	right: 0;
    padding: 5px !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+100;Grey+Flat */
	
	text-decoration: none;
}
.destination-list .resort-details.actionButton a.viewResortBtn:hover {
	text-decoration: none !important;
	color: #444;
	
}
.resortListWeather {
    text-align: center;
    position: absolute;
    top: 35%;
}
.localWeatherTxt{
	font-size: small !important;
	padding-top: 5px;
}

.destination-list .resort-details .fa{
	color: #009687;
}
.content .grid .resortIcons{
	margin: 0;
	padding: 0;
	text-align: center !important;
	margin: 0 auto 20px auto;
}

.content .grid .resortIcons img{
	height: 28px;
	width: auto;
}
.content .grid span.resortIconActivities {
    float: left;
    padding: 2px;
    font-size: 12px;
}

.resortBrandLogo{
	display: block;
	text-indent: -20000px;
	width: 100px;
	height: 60px;
	background: url("//cache.marriott.com/Images/MiniStores/Brand_Logos.png") no-repeat;
	margin: 50px auto 10px auto;
}
.resortBrandLogo.cym{
	background-position: 0px -20px;
}
.resortBrandLogo.cym:hover{
	background-position: -97px -20px;
}
.resortBrandLogo.rrh{
	background-position: 0px -85px;
}
.resortBrandLogo.rrh:hover{
	background-position: -99px -85px;
}
.resortBrandLogo.marriott{
	background-position: -1px -155px;
}
.resortBrandLogo.marriott:hover{
	background-position: -99px -155px;
}
.resortBrandLogo.ssm{
	background-position: -1px -225px;
}
.resortBrandLogo.ssm:hover{
	background-position: -99px -225px;
}
.resortBrandLogo.tpsm{
	background-position: -1px -285px;
}
.resortBrandLogo.tpsm:hover{
	background-position: -99px -285px;
}
.resortBrandLogo.rim{
	background-position: -1px -367px;
}
.resortBrandLogo.rim:hover{
	background-position: -99px -367px;
}
.resortBrandLogo.fism{
	background-position: -1px -455px;
}
.resortBrandLogo.fism:hover{
	background-position: -99px -455px;
}
.resortBrandLogo.trc{
	background-position: -1px -549px;
}
.resortBrandLogo.trc:hover{
	background-position: -99px -549px;
}
.resortBrandLogo.bvl{
	background-position: -1px -630px;
}
.resortBrandLogo.bvl:hover{
	background-position: -99px -630px;
}
.resortBrandLogo.edition{
	background-position: 0px -688px;
}
.resortBrandLogo.edition:hover{
	background-position: -98px -688px;
}
.resortBrandLogo.jwm{
	background-position: -1px -755px;
}
.resortBrandLogo.jwm:hover{
	background-position: -99px -755px;
}
.resortBrandLogo.ach{
	background-position: -1px -840px;
}
.resortBrandLogo.ach:hover{
	background-position: -99px -840px;
}
.resortBrandLogo.mea{
	background-position: -1px -910px;
}
.resortBrandLogo.mea:hover{
	background-position: -99px -910px;
}
.resortBrandLogo.trcdc{
	background-position: -1px -980px;
}
.resortBrandLogo.trcdc:hover{
	background-position: -99px -980px;
}
.resortBrandLogo.mvc{
	background-position: -1px -1045px;
}
.resortBrandLogo.mvc:hover{
	background-position: -99px -1045px;
}
.resortBrandLogo.grm{
	background-position: -1px -1117px;
}
.resortBrandLogo.grm:hover{
	background-position: -99px -1116px;
}
.resortBrandLogo.achm{
	background-position: -1px -1190px;
}
.resortBrandLogo.achm:hover{
	background-position: -99px -1190px;
}
.resortBrandLogo.gh{
	background-position: 0px -1270px;
}
.resortBrandLogo.gh:hover{
	background-position: -98px -1270px;
}
.resortBrandLogo.moxy{
	background-position: 2px -1340px;
}
.resortBrandLogo.moxy:hover{
	background-position: -96px -1340px;
}
.resortBrandLogo.protea{
	background-position: 2px -1410px;
}
.resortBrandLogo.protea:hover{
	background-position: -95px -1410px;
}
.resortBrandLogo.delta{
	background-position: -1px -1480px;
}
.resortBrandLogo.delta:hover{
	background-position: -100px -1480px;
}


@media (min-width: 993px) and (max-width: 1200px) {
	.resort-details.col-sm-2{
		width: auto !important;
	}
	
	.destination-list .resort-details.actionButton{
		margin-left: 0 !important;
		padding-left: 0 !important;
		width: 100%;
	}
	
	select.filterDropDownSelect {
		width: 100% !important;
	}
}
/* Tablet */
@media (min-width: 1200px) and (max-width: 1333px) {
	.destination-list .resort-details.actionButton{
		/* changeThis */
		height: 90%;
		position: relative;
		position: absolute;
		top: 5%;
		right: 0;
		clear: both;
		padding-left: 0;
	}

	.resortIcons.col-md-12{
		margin-top: 0 !important;
	}
}
@media (min-width: 991px) and (max-width: 1200px) {
	.destination-list .resort-details.actionButton{
		/* changeThis */
		height: 60px !important;
		position: relative;
		clear: both;
		padding-left: 0;
	}

	.destination-list .resort-details .viewResortBtn {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
	.destination-list .resort-details .resortIcons{
		text-align: center !important;
		margin-top: 0 !important;
	}
	
	.destination-list .resort-details.resort-description{
		margin: 0 !important;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	.destination-list .resort-details.actionButton{
		/* changeThis */
		/* height: 100% !important; */
		position: relative;
		width: 100%;
		padding: 0 !important;
	}
	.destination-list .resort-details.actionButton a.viewResortBtn{
		/* changeThis */
		width: 100%;
		position: relative;
	}

	.resortListWeather{
		width: 100%;
		height: 50px;
		position: relative;
	}
	.resort-details.col-sm-2{
		width: auto !important;
	}
	.resort-details .resortIcons {
		width: 100% !important;
		margin-top: 0 !important;
	}
	
	select.filterDropDownSelect {
		width: 100% !important;
	}
	.sort-by-button-group{
		padding: 0 !important;
	}
	
}

/* Mobile */
@media (max-width: 767px) {
	.sort-by-button-group{
		padding: 0 !important;
	}
	.content .resort-details {
	    padding: 0 !important;
	    margin: 0 !important;
	}

	/* .resort-details.col-sm-2{
		width: auto !important;
	} */
	.destination-list .resort-details.actionButton{
		/* changeThis */
		/* height: 100% !important; */
		position: relative;
		width: 100%;
	}
	.destination-list .resort-details.actionButton a.viewResortBtn{
		/* changeThis */
		width: 100%;
		position: relative;
	}
	.resort-details .resortIcons {
		width: 100% !important;
		margin-top: 0 !important;
	}
	
	.destination-list .resort-details.actionButton{
		
		margin-left: 0 !important;
		padding-left: 0 !important;
	}

	.resortImage{
		height: 175px;
		overflow: hidden;
		padding: 3px;
	}

	.resortListWeather{
		width: 100%;
		height: 50px;
		position: relative;
	}
	.content .resortImage{
		position: relative;
		
	}
	.content .resortImage img.img-rounded {
		width: 100% !important;
		height: auto !important;
		margin-bottom: 10px !important;
		position: absolute;
		top: -50%;
	}
	
	select.filterDropDownSelect {
		width: 100% !important;
	}

}

/* --------------------------------------------- end resort listing css --------------------------------------------------- */





















.logOutBox{
	margin-bottom: 25px;
	margin-right: 10px;
	font-size: 12px !important;
	display: block;
	clear: both;	
}

.logOutBox li{
    border-right: 1px solid #dedede;
    list-style-type: none !important;
    padding: 5px 10px;
}
.logOutBox li:first-child {
    padding: 0 !important;
	margin: 1px 15px;
}

.logOutBox li a{
	display: block;
	padding-top: 3px;
}

.logOutBox li:first-child{
	border-right: 0;
}

.ContactTopNav{
	display: none; 
}

.ContactTopNav ul{
	width: 100%;
	padding: 0;
}

.ContactTopNav li{
	width: 100%;
}

.ContactTopNav li a.firstChild{
    width: 100%;
    display: block;
    text-decoration: none;
    border-top: 1px solid #007063;
}

.ContactTopNav li a{
    padding: 12px 10px;
    width: 100%;
    display: block;
    font-size: 1.1em;
    text-decoration: none;
    border-bottom: 1px solid #5f5f5f;
	text-transform: uppercase;
}

.ContactTopNav li a:hover{
	background-color: #dedede;
}

.topNav .langSelectTxt{
	font-size: 11px;
	padding-top: 2px;
	margin-right: 5px;
	display: block;
	float: left;
}
.topNav .langFlagSelect img{
	opacity: 0.5;
}
.topNav .langFlagSelect img.active{
	opacity: 1;
}
.topNav .langFlagSelect img:hover{
	opacity: .75;
}
.topNav .langFlagSelect img{
	border: 1px solid #dedede;
	cursor: pointer;
}

.topNav .langFlagSelect img{
	border: 1px solid #dedede;
	cursor: pointer;
}



.midContentContainer{
	margin: 15px 0;
	font-size: 13px;
}
.midContentContainer .pageNotFound{
	border: 5px solid #888;
	width: 75%;
	margin: 0 auto;
	padding: 20px 25px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9fcf7+0,f5f9f0+100;L+Green+3D */
	background: rgb(249,252,247); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 ); /* IE6-9 */

	-webkit-box-shadow: 0 0 30px 0 #D9D9D9;
	box-shadow: 0 0 30px 0 #D9D9D9;
	
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.midContentContainer .pageNotFound h1{
	font-size: 28px;
	font-weight: bold;
}
strong.redTxt{
	color: red !important;
}
.midContentContainer .pageNotFound p{
	font-size: 15px;
	padding: 20px 0;
}
.midContentContainer .pageNotFound .fa-exclamation-triangle{
	color: red; 
	font-size: 100px;
	margin-top: 5px;
    opacity: 0.10;
}

.midContentContainer h6{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #009687;
	margin-bottom: 10px;
	line-height: 25px;
}

.midContentContainer h5{
	font-size: 16px;
	color: #009687;
	margin-bottom: 10px;
	line-height: 25px;
}

.midContentContainer h4{
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	color: #009687;
	margin-bottom: 10px;
	line-height: 25px;
}

.midContentContainer h3{
	font-family: 'Libre Baskerville', serif;
	font-size: 18px;
	color: #5F5F5F;
	margin-bottom: 10px;
	line-height: 25px;
}

.midContentContainer h2{
	font-size: 19px;
	color: #009687;
	margin-bottom: 10px;
	line-height: 25px;
}

.midContentContainer h1{
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	color: #009687;
	margin-bottom: 10px;
	line-height: 25px;
}

.midContentContainer p{
	line-height: 20px;
}
.midContentContainer.loggedIn{
	margin-top: 55px;
}
.midContentContainer .loggedInUsername{
	font-weight: bold;
}
.midContentContainer .midContentText p{
	margin-bottom: 20px;
}

.midContentContainer ul.ulWithStyle, 
.midContentContainer ol.olWithStyle{
	margin-left: 50px;
}
.midContentContainer .ourClubsTable ul.ulWithStyle, 
.midContentContainer .ourClubsTable ol.olWithStyle{
	margin-left: 0 !important;
}
.midContentContainer ul.ulWithStyle li{
	list-style-type: disc;
	margin-bottom: 5px;
	line-height: 20px;
}
.midContentContainer ol.olWithStyle li{
	margin-bottom: 5px;
}

.midContentContainer .asiaPropertiesOverlayLink,
.midContentContainer .usPropertiesOverlayLink,
.midContentContainer .europePropertiesOverlayLink{
	text-decoration: underline;
	color: #081A75;
	cursor: pointer;
}



.midContentContainer table.rewardsData tr{
	border-bottom: 1px solid #777;
}

.midContentContainer table.rewardsData tr td{
    padding: 10px !important;
    border-top: 1px solid #777;
}

.midContentContainer table.rewardsData tr td table tr td{
    padding: 10px !important;
    border-top: none;
}

.midContentContainer table.rewardsData tr:last-child{
	border: none !important;
}

.midContentContainer table.innerTable tr{
	border-bottom: 0;
}

a.assoc-e, a.assoc-c {
	padding: 1px 3px;
	background-color: #dedede;
	color: #777;
	font-size: 11px;
}


@media (max-width: 767px) {
	.features .description{
		margin-top: 20px;
	}
}

.features .feature {
	padding: 20px 0;
	border-bottom: 1px solid #dedede;
}
.features .feature:last-child {
    border: 0;
}
.features .feature .image img {
    width: 100%;
}


.formSection{
	margin-bottom: 10px;
}













/* ---------------------------------------------- 404 error page example #2 ----------------------------- */
.midContentContainer .pageNotFound-b{
	border: 5px solid #888;
	width: 75%;
	margin: 0 auto;
	padding: 20px 25px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9fcf7+0,f5f9f0+100;L+Green+3D */
	background: rgb(249,252,247); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 ); /* IE6-9 */

	-webkit-box-shadow: 0 0 50px 0 #000;
	box-shadow: 0 0 50px 0 #000;
	
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.midContentContainer .pageNotFound-b h1{
	font-size: 28px;
	font-weight: bold;
}
strong.redTxt{
	color: red !important;
}
.midContentContainer .pageNotFound-b p{
	font-size: 15px;
	padding: 20px 0;
}
.midContentContainer .pageNotFound-b .fa-exclamation-triangle{
	color: red; 
	font-size: 100px;
	margin-top: 5px;
    opacity: 0.10;
}
.transparentBg{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0.5+100;Neutral+Density */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}
/* ---------------------------------------------------------------------------------------- */

.lang-japanese{
	display: none;
}
.lang-english-us{
	display: inline;
}


.midContentText .table-responsive {
    border: 1px solid #333;
}
.midContentText .table {
    margin-bottom: 0 !important;
}


.sideContent{
	padding: 10px 20px 30px 20px;
	background-color: #f3f3f3;
	min-height: 250px;
}

.sideContent .pull-right{
	margin: 0 auto;
}

.sideContent strong{
	font-weight: bold;
	color: #009687;
	font-size: 14px;
}
.sideContent strong.sectionTitle{
	font-size: 16px;
	text-align: center;
}
.sideContent .sectionName{
	margin-bottom: 20px;
	overflow: hidden;
}
.sideContent .sectionName strong{
	font-weight: normal;
	font-size: 13px;
}






.sideContent .sectionName .acctSnapShotDetail p{
	padding: 5px 0 0 5px;
}
.sideContent .sectionName .snapShotBtnIcon p{
	margin: 0 auto;
	width: 12px;
} 
.sideContent .snapShotBtnIcon{
	color: #fff;
	padding-top: 20px;
	cursor: pointer;

	position: absolute; 
	top: 0; 
	right: 0; 
	bottom: 0;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c6a66d+0,ae8b4d+48,a98546+100 */
	background: rgb(198,166,109); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,150,135,1) 0%, rgba(0,150,135,1) 48%, rgba(0,150,135,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,150,135,1) 0%,rgba(0,150,135,1) 48%,rgba(0,150,135,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,150,135,1) 0%,rgba(0,150,135,1) 48%,rgba(0,150,135,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6a66d', endColorstr='#a98546',GradientType=0 ); /* IE6-9 */
}
.sideContent .snapShotBtnIcon.active{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#846226+0,aa874e+100 */
background: rgb(132,98,38); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,150,135,1) 0%, rgba(170,135,78,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,150,135,1) 0%,rgba(170,135,78,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,150,135,1) 0%,rgba(170,135,78,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#846226', endColorstr='#aa874e',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow:inset 0 0 15px 0 #6B4F1F;
box-shadow:inset 0 0 15px 0 #6B4F1F;
}
.sideContent .snapShotBtnIcon .fa-chevron-right.flipLeft{
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg);
}

.sideContent .AcctSnapShotGadget .text-center{
	padding: 5px 0;
}
.sideContent .AcctSnapShotGadget .sectionName{
	position: relative; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
}
.sideContent .AcctSnapShotGadget .sectionName .col-xs-10{
	padding: 5px;
}
.sideContent .AcctSnapShotGadget .sectionName .snapShotBtnInnerText{
	cursor: pointer;
	font-weight: bold;
	border: 1px solid #5f5f5f; 

	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;

	position: absolute; top: 0; left: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.sideContent .AcctSnapShotGadget .sectionName .snapShotInfo{
	border: 1px solid #5f5f5f; 

	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
.sideContent .AcctSnapShotGadget .sectionName .snapShotBtnInnerText:hover{
	cursor: pointer;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,f6f6f6+53,ffffff+100 */
	background: rgb(237,237,237); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.sideContent .AcctSnapShotGadget .sectionName .snapShotBtnInnerText .snapShotIcon{
	padding: 0 2px;
} 
.sideContent .AcctSnapShotGadget .sectionName .snapShotBtnInnerText .snapShotBtnTxt{
	padding: 11px 5px
}
.sideContent .AcctSnapShotGadget .sectionName .snapShotBtnInnerText .snapShotBtnTxt p{
	padding-top: 5px;
}




.questionMarkBtn{
	color: #009687;
	font-size: 18px !important;
	cursor: pointer;
}






.externalOverlay, 
.cookieOverlay, 
.friendShareOverlay,
.propertiesOverlay,
.explorerCollectionOverlay{
	display: none;

	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0.5+100;Neutral+Density */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */

	width: 100%;
	height: 100%;

	z-index: 999999;
}

.externalOverlay .externalOverlayContainer, 
.cookieOverlay .cookieOverlayContainer{
	width: 50%;
	min-height: 25%;
	margin: 1% auto;
	background-color: #fff;

	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;

	font-size: 15px;
	line-height: 20px;
	position: relative;
}

.friendShareOverlay .friendShareOverlayContainer,
.propertiesOverlay .propertiesOverlayContainer,
.explorerCollectionOverlay .explorerCollectionOverlayContainer{
	width: 50%;
	height: 95%;
	margin: 1% auto;
	background-color: #fff;

	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;

	font-size: 15px;
	line-height: 20px;
	position: relative;
}

.externalOverlay .externalOverlayContainer .overlayTitle, 
.cookieOverlay .cookieOverlayContainer .overlayTitle,  
.friendShareOverlay .friendShareOverlayContainer .overlayTitle,
.propertiesOverlay .propertiesOverlayContainer .overlayTitle,
.explorerCollectionOverlay .explorerCollectionOverlayContainer .overlayTitle{
	font-weight: bold;
	font-size: 18px;
	padding: 10px 10px 0 10px;

	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	color: #5f5f5f;


	border-bottom: 1px solid #5f5f5f;

	text-shadow: 0 0 1px #fff;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,ffffff+100 */
	background: rgb(239,239,239); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.externalOverlay .externalOverlayContainer .overlayTitle .closeOverlayBtn,
.externalOverlay .externalOverlayContainer .overlayTitle .closeExternalOverlayBtn, 
.cookieOverlay .cookieOverlayContainer .overlayTitle .closeOverlayBtn, 
.friendShareOverlay .friendShareOverlayContainer .overlayTitle .closeOverlayBtn,
.propertiesOverlay .propertiesOverlayContainer .overlayTitle .closeOverlayBtn,
.explorerCollectionOverlay .explorerCollectionOverlayContainer .overlayTitle .closeOverlayBtn{
	cursor: pointer;
	font-size: 20px;
}
.externalOverlay .externalOverlayContainer .overlayContent, 
.cookieOverlay .cookieOverlayContainer .overlayContent, 
.friendShareOverlay .friendShareOverlayContainer .overlayContent,
.propertiesOverlay .propertiesOverlayContainer .overlayContent,
.explorerCollectionOverlay .explorerCollectionOverlayContainer .overlayContent{
	padding: 10px 10px 60px 10px;
}
.friendShareOverlay .friendShareOverlayContainer .overlayContent,
.propertiesOverlay .propertiesOverlayContainer .overlayContent,
.explorerCollectionOverlay .explorerCollectionOverlayContainer .overlayContent{
	overflow: scroll;
	height: 93%;
}


.externalOverlay .externalOverlayContainer .overlayContent p, 
.cookieOverlay .cookieOverlayContainer .overlayContent p, 
.friendShareOverlay .friendShareOverlayContainer .overlayContent p,
.propertiesOverlay .propertiesOverlayContainer .overlayContent p,
.explorerCollectionOverlay .explorerCollectionOverlayContainer .overlayContent p{
	margin-bottom: 15px;
}

.externalOverlay .externalOverlayContainer .overlayContent p strong, 
.cookieOverlay .cookieOverlayContainer .overlayContent p strong, 
.friendShareOverlay .friendShareOverlayContainer .overlayContent p strong,
.propertiesOverlay .propertiesOverlayContainer .overlayContent p strong,
.explorerCollectionOverlay .explorerCollectionOverlayContainer .overlayContent p strong{
	font-weight: bold;
}

.externalOverlay .externalOverlayContainer .overlayButton, 
.cookieOverlay .cookieOverlayContainer .overlayButton, 
.friendShareOverlay .friendShareOverlayContainer .overlayButton,
.propertiesOverlay .propertiesOverlayContainer .overlayButton,
.explorerCollectionOverlay .explorerCollectionOverlayContainer .overlayButton{
	border-top: 1px solid #5f5f5f;
	position: absolute;
	bottom: 0;
	left: 0;

	padding: 10px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}





.propertiesOverlay ul{
}

.propertiesOverlay ul li{
	height: 125px;
	padding: 3px;
}

.propertiesOverlay ul li:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

}

.propertiesOverlay ul li a{
	text-decoration: none;
}
.propertiesOverlay ul li .propertiOverlayResortItem{
	overflow: hidden;
	border: 1px solid #5f5f5f;
	height: 100%;
	padding: 10px;
	text-align: center;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.propertiesOverlay ul li .propertiOverlayResortItem.topLocations{
	overflow: hidden;
	border: none;
	height: 100%;
	padding: 10px;
	text-align: center;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.propertiesOverlay ul li .propertiOverlayResortItem .resortRank{
	margin-bottom: 5px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	padding: 10px;
	font-size: 18px;
	width: 100%;
	text-align: left;
	padding: 10px 10px 25px 10px;

	text-shadow: 0 1px 0 #000000;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}

.propertiOverlayResortItem{
    position: relative;
}

.propertyOverlayTopLocationImgBG.primaryLocation{
    position: absolute;
    top: 0%;
    left: 0;

    width: 100%;
    height: auto;
}

.propertyOverlayTopLocationImgBG{
    position: absolute;
    top: 0%;
    left: 0;

    height: 100%;
}

.explorerCollectionItemThumb{
	cursor: pointer;
}

@media screen and (min-width: 1200px) {
    .propertyOverlayTopLocationImgBG{
        position: absolute;
        top: 0;
        left: 0;

        height: 100%;
        width: auto;
    }
}
@media screen and (min-width: 1500px) {
    .propertyOverlayTopLocationImgBG{
        position: absolute;
        top: 0;
        left: 0;

        height: auto;
        width: 100%;
    }
}
@media screen and (max-width: 992px) {
    .propertyOverlayTopLocationImgBG{
        position: absolute;
        top: 0;
        left: 0;

        height: auto;
        width: 100%;
    }
}








a.externalURL{
	cursor: pointer;
}


@media (max-width: 992px) {
	.externalOverlay, .cookieOverlay{
		padding-top: 20px;
		overflow: scroll;
	}


	.externalOverlay .externalOverlayContainer, 
	.cookieOverlay .cookieOverlayContainer, 
	.friendShareOverlay .friendShareOverlayContainer,
	.propertiesOverlay .propertiesOverlayContainer,
	.explorerCollectionOverlay .explorerCollectionOverlayContainer{
		width: 90%;
		overflow: scroll;
	}

	.propertiesOverlay ul li {
	    height: 100px;
	    padding: 3px;
	}
}








.explorerCollectionOverlay table, 
.explorerCollectionOverlay table td, 
.explorerCollectionOverlay table tr{
	border: 1px solid #ddd;
	padding: 10px;
}









div#email {
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #999;
    -webkit-box-shadow: 0 0 100px -20px #3D3D3D;
    box-shadow: 0 0 100px -20px #3D3D3D;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,ffffff+100 */
    background: rgb(244,244,244); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
div#email li.dialogListItem {
    list-style-type: disc;
    margin-bottom: 10px;
    margin-left: 40px;
    color: red;
}
div#email .dijitDialogPaneContent ul {
    margin-top: 20px;
}

div#email span.dijitDialogCloseIcon {
    position: absolute;
    top: 5px;
    right: 5px;
    border: 1px solid #999;
    padding: 2px 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
div#email div.dijitDialogPaneContent{
    width:789px !important;
    height:700px !important;
}















.footerContainer{
	border-top: 3px solid #009687;
	padding: 10px 0;
}
p.social {
	font-size: 24px;
}
.social svg {
	padding: 0 2px;
	fill:#5f5f5f;
}
.social a {
	text-decoration: none;
}
.social a:hover {
	text-decoration: none;
}
.social svg:hover {
	fill: #009687;
}
.footerContainer .footerSocial{
	margin-bottom: 10px;
}

.footerContainer .footerDisclaimer p{
	margin-bottom: 10px;
	line-height: 15px;
}

@media (max-width: 1199px) {
	.footerContainer {
		padding: 10px;
	}
}

@media (max-width: 992px) {
	footer .footerSocial {
		width: 100%;
		text-align: center;
	}
}

.destination-escapes-button {
	border-radius: 5px;
    background: #FFF;
    display: inline-block;
    color: #5f5f5f !important;
    min-height: 33px;
    padding: 0 34px;
    margin: 25px 0px;
    line-height: 33px;
    border-color: #99939A;
    border-width: 1px;
    border-style: solid;
    font-size: 18px;
    background: -webkit-linear-gradient(#FFF, #DBDBDB);
    background: -o-linear-gradient(#FFF, #DBDBDB);
    background: -moz-linear-gradient(#FFF, #DBDBDB);
    background: linear-gradient(#FFF, #DBDBDB);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.19);
    text-decoration: none !important;
    text-align: center;
    font-family: arial;
    white-space: nowrap;
    width: 100%;
}
.lang-japanese .destination-escapes-button{
    font-size:16px;
}
.destination-escapes-button i{
	font-size: 14px;
    padding-right: 15px;
    color: #009687;
    vertical-align: middle;

}

#leftContent{
    border: 2px rgba(0,150,135,1) solid !important;
}

.form-style-1 input[type=submit], .form-style-1 input[type=button] {
    background: rgba(0,150,135,1) !important;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff;
}

.mvc-btn{
	background-color: #128275;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    border: 0;
    border-radius: 0;
    padding: .5rem 1rem;
    text-transform: uppercase;
    letter-spacing: calc((50* 1em) / 1000);
}

.topNavContainer li.active a span, .topNavContainer li.active a i{
	color: #5f5f5f !important;
}

.topNavContainer li.active a span:hover, .topNavContainer li.active a i:hover{
	color: #009687 !important;
}

h1.modal-title{
	color:#009687 !important;
}

.loginSection input[type=button]{
	color:#ffffff;
	background-color:#009687;
	line-height:20px;
}
.panel-body input[type=button], .panel-footer input[type=button]{
	color:#ffffff;
	background: #009687;
	line-height: 15px;
	font-size: 10px;
	font-family: Arial;
}

.btn-primary{
	width:100%;
	text-align:left;
	background:linear-gradient(to bottom, #f1f1f1 0%,#e1e1e1 70%);
	color:#000000;
	border:solid 1px #ddd;

}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary{
	background:linear-gradient(to bottom, #f1f1f1 0%,#e1e1e1 70%);
	color:#000000;
	border:solid 1px #ddd;
}
.open>.dropdown-menu{
	width:100%;
}

.btn .caret {
    margin-left: 0;
    float: right;
    margin-top: 8px;
}
.dropdown-menu>li>a{
	cursor:pointer;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li.destinationStateOption>a:hover{
	color:#ffffff;
	background:#009687;
}
.dropdown-menu>li>a{
	color: #5f5f5f;
}
.dropdown-menu>li.destinationCountryOption>a{
	color:#ffffff;
	background:#009687;
}
.dropdown-menu>li.destinationStateOption>a{
	color:#009687;
}


.mainLogoBtn{
	position: absolute;
    top: 30px;
    z-index: 900;
    left: 10px;
	margin: 0 !important;
}

#modalGallery .modal-title {
    color: #5F5F5F !important;
}

#modalGallery .image-title {
    color: #5F5F5F !important;
}

li.galleryOverlayPaginationBtn a {
	background-color: #009687 !important;
}

li.galleryOverlayPaginationBtn a i {
	color: #FFFFFF;
}

.nav.nav-pills li.active button {
	background: #009687 !important;
}

.welcomeText {
	font-family: 'Montserrat', sans-serif;
}

#resortNameLink {
    font-weight: bold;
    font-size: 15px;
}

.helpfulTools-Links i {
	color: #009687 !important;
}


.midContentContainer .helpfulTools-Links .toolItemAnchor {
	border-color: #009687 !important;
}

.midContentContainer .helpfulTools-Links .toolItemAnchor:hover {
	-webkit-box-shadow: 0px 0px 10px 0px #009687 !important;
	box-shadow: 0px 0px 10px 0px #009687 !important;
}







/*cookie consent pop*/
 #contact_us_bar {
    background: none repeat scroll 0 0 #5F5F5F;
    width: 100%;
	z-index: 99999;
	margin-bottom: 1em;
	padding: 0.8em;
}
#contact_us_bar img {
    cursor: pointer;
    float: left;
}
#contact_us_bar p {
    color: #fff;
    float: right;
    font-family: Arial;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
#contact_us_bar a {
    color: #fff;
}
.logged-in-padding-fix {
	margin-top: 0 !important;
}
.homepage-spacer{
	padding-top: 44px !important;
}
/*end cookie consent pop*/



@media only screen and (max-width: 375px) {
	.homepage-spacer {
		padding-top: 138px !important;
	}
}

@media only screen and (max-width: 768px) {
	.homepage-spacer {
		padding-top: 115px !important
	}
}



.standard_button {
    color: #FFFFFF !important;
    padding: 10px 25px;
    text-decoration: none !important;
    cursor: pointer;
    border-width: 0;
    border-radius: 0;
    background: #009687;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.19);
}

.contactMarginTop {
	margin-top: 10px !important;
}



.resortPromoTile {
    width: 100%;
}









.placepassPromoTileItem img {
	width: 100%;
	margin-top: 1em;
}

.placepassPromoTileMobile {
	display: none;
}

@media only screen and (max-width: 500px) {
	.placepassPromoTileDesktop {
		display: none;
	}
	.placepassPromoTileMobile {
		display: block;
	}
}





@media print {
	.bannerContainer, .footerContainer, .lang-japanese, .lang-english-us {
		display: none!important;
	}
}




/* ------- Education Dropdown Content -------- */
.dropdown select{
	padding: 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
}
.tab-content{
	margin-top: 20px;
}
.tab-content .tabs{
	display: none;
}
.tab-content a{
	text-decoration: underline;
}
/* ------- Education Dropdown Content -------- */




/* ------------ React Top Nav Fix ------------------- */
@media only screen and (max-width: 992px) and (min-width: 769px){
	.belowBanner {
		padding-top: 0;
	}
}
@media only screen and (max-width: 768px) and (min-width: 376px){
	.bannerContainer {
		margin-top: 0 !important;
	}
	.belowBanner {
		padding-top: 0 !important;
	}
}
@media screen and (max-width: 1185px){
	/* .headerAppContainer #vc-menu-wrapper {
		position: absolute !important;
		top: 53px;
	}
	.headerAppContainer .top .tvc-wrapper .name-area {
		padding: 10px 0 20px 0 !important;
	}
	.headerAppContainer .top .tvc-wrapper .info-container {
		flex-direction: row;
		margin: 0 0 10px 0;
		justify-content: space-between;
	} */
	.pageContainer{
		width: 100%;
		overflow: hidden;
	}
	.browser-sticky-alert{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		padding: 15px 0;
		background: #128275;
		z-index: 999;
	}	
}
@media (min-width: 992px){
	/* .belowBanner {
		margin-top: 0 !important;
	} */
}
@media screen and (max-width: 768px){
	.browser-sticky-alert{
		position: initial !important;
		height: 60px;
	}
	.belowBanner {
		/* margin-top: 0 !important; */
        margin-top: -49px !important;
	}
}
@media screen and (min-width: 769px) and (max-width: 1086px){
	.belowBanner {
        margin-top: -49px !important;
	}
}
@media screen and (min-width: 1087px) and (max-width: 1185px){
	.belowBanner {
        margin-top: 0px !important;
	}
}
@media (max-width: 260px){
	.browser-sticky-alert{
		height: 100px;
	}
}
@media (max-width: 375px){
	.browser-sticky-alert{
		height: 75px;
	}
	.bannerContainer {
		margin-top: 0px !important;
	}
	.belowBanner {
		padding-top: 0 !important;
	}
}
@media (max-width: 990px){
	/* .headerAppContainer #vc-menu-wrapper{
		border-bottom: 2px solid #ddd;
		-webkit-box-shadow: 10px 5px 10px 0 #ddd;
		box-shadow: 10px 5px 10px 0 #ddd;
		padding-bottom: 40px;
	} */
}

@media (max-width: 1185px){
	/* .headerAppContainer ul.d-flex.bottom-options.top-menu-item {
		margin: 0 !important;
		padding: 0 12px !important;
	}
	.headerAppContainer .vc-bottom.d-flex {
		display: contents !important;
	} */
}


/* ------------ React Top Nav Fix ------------------- */