/**********************************::BUTTON STYLE::***************************************/
a.button:link,
a.button:visited,
.disablelink,
a.ugcbtnwrite,
#goog-wm-sb,
.enablelink,
#floatingbooknow,
#backtotop,
.button {
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	background: #51555a;
font-family: 'Roboto', sans-serif;
  font-weight: 600;
	color: #ffffff;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
}

a.button:hover,
a.button:focus,
#goog-wm-sb:hover,
#goog-wm-sb:focus,
#floatingbooknow:hover,
#floatingbooknow:focus,
#backtotop:hover,
#backtotop:focus,
.button:hover,
.button:focus {
	background: #000;
}

a.close-btn.button {	
	background: #ffffff;
	border: solid 2px #51555a;
	color: #51555a;
}

a.close-btn.button:hover,
a.close-btn.button:focus {
	border: solid 2px #000;
	background: #000;
	color: #ffffff;
	border: solid 2px #000;
}
#reservationtable .icon-calendar6,
#reservationtable .icon-downArrow3 {	
	color: #51555a;
}
.info-section:before {
	background: #fff;
	background: #ffffff;
}


/******************************::DEFINE FONT FAMILY::************************************/
h1,
h2,
h3,
h4,
.caption-data.desktop-caption,
#number,
#header,
.weathertxt a,
.room-section .bx-pager.bx-default-pager,
.restaurant-name,
.hotel-package-section .bx-pager.bx-default-pager,
.res-title,
.email-offer-title,
.rfp-title span{	
font-family: 'Roboto', sans-serif;
}

.per-night-text,
.googleaddress {	
font-family: 'Roboto', sans-serif;
}

#topnav li a,
#header span.header-text,
.book-direct-amenity-grp,
span.sub-titletext,
.room-content h2,
.hotel-services-amenities-amenities-grp,
.info-section,
input,
select,
textarea,
.footer-ul li a,
.restaurant-hours {
font-family: 'Roboto', sans-serif;
  font-weight: 600;
}
.book-direct-text {	
font-family: 'Roboto', sans-serif;
  font-weight: 600;
}
.spbold,
.room-rate,
.room-amenities-url {	
font-family: 'Roboto', sans-serif;
  font-weight: 600;
}

.list-bullet ul li:before,
.gallery_imgs a:link:after,
.info-section:before {	
	font-family: 'MilestoneRetinaDisplayIcons';
}
.rtitle {
font-family: 'Roboto', sans-serif;
  font-weight: 600;
}

/**********************************************************************/

/********************************::DEFINE COLORS::**********************************/
.section-bgcolor {
	background-color: #d3d8d3;
}

#wrapper,
.room-content-holder,
.content-section,
.DropDownItems.out.enterleave .DropDownItem.in.enterleave,
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.contentwrap,
.caption-data .line1,
.line2 {
	background-color: #ffffff;
}

span.sub-titletext,
#header span.header-text {
	background-color: #d3d8d3;
}
span.sub-titletext.text-white-bg {	
	background-color: #ffffff;
}


h1,
h2,
h3,
h4,
span.main-titletext,
span.sub-titletext,
#header span.header-text,
.header-text-big,
.room-content h2,
.room-rate,
.restaurant-cost,
.restaurant-cuisine,
.res-title,
.rtitle,
.ui-datepicker-month,
.ui-datepicker-year,
.DropDownItems.out.enterleave .DropDownItem.in.enterleave,
.caption-data.desktop-caption,
.email-offer-title,
.rfp-title span,
footer a.nav:link,
footer a.nav:visited,
footer a:link,
footer a:visited {	
	color: #000;
}

.room-section .bx-controls.bx-has-controls-direction,
.fa-f:before,
.fa-f:after,
.hotel-package-section .bx-controls.bx-has-controls-direction,
.home-dining-holder .bx-controls.bx-has-controls-direction,
.home-event-section .bx-controls.bx-has-controls-direction,
.desk-bottom-nav {
	background-color: #1f1f1f;
}

.ic-slider,
.room-section .bx-pager.bx-default-pager,
.hotel-package-section .bx-pager.bx-default-pager,
.home-dining-holder .bx-pager.bx-default-pager,
.home-event-section .bx-pager.bx-default-pager,
.DropDownItems.out.enterleave .DropDownItem.in.enterleave:hover,
.gallery_imgs a:link:after {	
	color: #ffffff;
}


.room-amenities-name path,
.room-amenities-name svg {	
	fill: #4f4f4f;
}
.room-amenities-url {
	color: #4f4f4f;
}
.info-section,
.hotel-package-section:before {	
	background-color: #f0f1f0;
}
.common-color {	
	color: #51555a;
}

.resinputbox,
.resdropdown,
.ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover,
.ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover {
	background-color: transparent;
}

input,
select,
textarea,
.resinputbox,
.resdropdown {
	color: #51555a;
}

.ui-widget-content .ui-state-active,
.ui-widget-content .ui-state-hover {	
	background-color: #51555a;
	color: #ffffff;
	border: solid 1px #51555a;
}
.DropDownItems.out.enterleave {	
	border: solid 1px #51555a;
	border-top: 0;
}
.DropDownItems.out.enterleave .DropDownItem.in.enterleave:hover,
.hotel-service-holder .bx-wrapper .bx-pager.bx-default-pager a:hover,
.hotel-service-holder .bx-wrapper .bx-pager.bx-default-pager a:focus,
.hotel-service-holder .bx-wrapper .bx-pager.bx-default-pager a.active,
.hotel-service-holder .bx-wrapper .bx-pager.bx-default-pager a:before {
	background-color: #51555a;
}
.ui-widget-content .ui-state-highlight {
	border: solid 1px #51555a;
}
.gallery_imgs a:link:before {	
	outline: solid 0 #51555a;
}
.gallery_imgs a:hover:before,
.gallery_imgs a:focus:before {
	outline: solid 8px #51555a;
}

#topnav a.active:link,
#topnav a.active:visited,
#topnav a.active:hover,
#topnav a.active:focus,
#topnav a.nav:hover,
#topnav a.nav:focus,
#topnav .navhover a.nav {	
	border-bottom: 4px solid #51555a;
	color: #51555a;
}
.popup-close,
.icon-close,
button.mfp-close,
a.skip-to-content:link,
a.skip-to-content:hover,
a.skip-to-content:focus {	
	background-color: #51555a;
	color: #ffffff;
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flex-container a:hover,
.flexslider a:focus,
.flexslider a:hover,
.flexslider a.flex-active {
	outline-color: #51555a;	
	color: #51555a;
}

.hotel-package-section .bx-wrapper .bx-controls-direction a:hover .ic-slider,
.hotel-package-section .bx-wrapper .bx-controls-direction a:focus .ic-slider,
.room-section .bx-wrapper .bx-controls-direction a:hover .ic-slider,
.room-section .bx-wrapper .bx-controls-direction a:focus .ic-slider {	
	color: #bad9c9;
}
.information:before {	
	background-color: #51555a;
}
a:hover,
a:focus,
footer a.navON:link,
footer a.navON:visited,
footer a:focus,
footer a.navON:hover,
footer a.nav:hover,
footer a:hover,
.restaurant-hours,
.error-message,
.list-bullet ul li:before {
	color: #51555a;
}
.input-error{  	
	border-color: #51555a;
}
/**********************************************************************/
/****************************************/
body,
img,
a:link,
a:visited,
a:hover,
a:focus,
a.button,
a.button:hover,
a.button:focus,
.button,
.reserve-btn,
.gallery_imgs a:hover,
.gallery_imgs a,
.gallery_imgs a:focus,
.gallery_imgs a:link:before,
.gallery_imgs a:hover:before,
.gallery_imgs a:focus:before,
.gallery_imgs a:link:after,
.gallery_imgs a:hover:after,
.gallery_imgs a:focus:after,
.hotel-package-section .bx-wrapper .bx-controls-direction a:hover .ic-slider,
.hotel-package-section .bx-wrapper .bx-controls-direction a,
.room-section .bx-wrapper .bx-controls-direction a,
.hotel-package-section .bx-wrapper .bx-controls-direction a:focus .ic-slider,
.room-section .bx-wrapper .bx-controls-direction a:hover .ic-slider,
.room-section .bx-wrapper .bx-controls-direction a:focus .ic-slider {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.social-media a:hover {
    transition: unset;
    -webkit-transition: unset;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	transition: none;
	-webkit-transition: none;
}
/****************************************/
/********************ADA********************/

a.skip-to-content:link {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	height: 30px;
	width: auto;
	line-height: 30px;
	padding: 0 10px;
	opacity: 0;
	font-size: 16px;
}

a.skip-to-content:focus {
	opacity: 1;
}

#logo a:focus,
.hotel-service-holder .bx-wrapper .bx-pager.bx-default-pager a:focus,
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flex-container a:hover,
.flexslider a:focus,
.flexslider a:hover,
.flexslider a.flex-active,
.room-section .bx-wrapper .bx-controls-direction a.bx-prev:focus .ic-slider,
.room-section .bx-wrapper .bx-controls-direction a.bx-prev:hover .ic-slider,
.room-section .bx-wrapper .bx-controls-direction a.bx-next:focus .ic-slider,
.room-section .bx-wrapper .bx-controls-direction a.bx-next:hover .ic-slider,
.hotel-package-section .bx-wrapper .bx-controls-direction a.bx-prev:hover .ic-slider,
.hotel-package-section .bx-wrapper .bx-controls-direction a.bx-prev:focus .ic-slider,
.hotel-package-section .bx-wrapper .bx-controls-direction a.bx-next:hover .ic-slider,
.hotel-package-section .bx-wrapper .bx-controls-direction a.bx-next:focus .ic-slider,
.home-dining-holder .bx-wrapper .bx-controls-direction a.bx-prev:hover .ic-slider,
.home-dining-holder .bx-wrapper .bx-controls-direction a.bx-prev:focus .ic-slider,
.home-dining-holder .bx-wrapper .bx-controls-direction a.bx-next:hover .ic-slider,
.home-dining-holder .bx-wrapper .bx-controls-direction a.bx-next:focus .ic-slider,
.home-event-section .bx-wrapper .bx-controls-direction a.bx-prev:hover .ic-slider,
.home-event-section .bx-wrapper .bx-controls-direction a.bx-prev:focus .ic-slider,
.home-event-section .bx-wrapper .bx-controls-direction a.bx-next:hover .ic-slider,
.home-event-section .bx-wrapper .bx-controls-direction a.bx-next:focus .ic-slider,
button.ui-datepicker-trigger:focus,
input:focus, textarea:focus, 
.resinputbox:focus, .resdropdown:focus{
	outline: dashed 1px;
}

.ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover,
.ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover {
	border: 0;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	color: #000;
	background: #ffffff;
}
/****************************************/
@media(max-width: 880px) {
	.hotel-package-details {		
		background-color: #f0f1f0;
	}
}
@media(max-width: 680px) {
	.caption-data.desktop-caption,
	#nav {	
		background-color: #f0f1f0;
	}
	.caption-data .line1,
	.line2 {
		background-color: transparent;		
	}
}
/****************************************/