@custom-red:		#a81e24;
@custom-gold:		#e9c312;
@custom-blue:		#1a496e;
@custom-grey-dk:	#464646;
@custom-grey-lt:	rgb(102,102,102);
@custom-grey-ltr:	rgb(102,102,102);
@font-header: futura;


@font-face {
	font-family: "cochin";
	src: url('../fonts/cochin-lt.ttf') format('truetype');
    src: url('../fonts/cochin-lt.woff') format('webopen');
}


// General Overrides //////////////

body, html {
   padding: 0px;
   margin: 0px;
   overflow-x: hidden
}
a {
color: #fff
}
a .btn, .dining_btn   { color: darkred !important;
}
p a:visited {
color: transparent !important;
}
p, .lead {
	font-size:1.3em
}
.navbar {
      margin-bottom: 0px;
      border: 1px solid #A81E23
}
.caret {
	display: none;
}
img {
	max-width: 100%;
}
placeholder {
	text-align:center
}
.btn-primary,
.gform_button {
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: @custom-red;
    border-color: @custom-red;
}
.lead {
    margin-bottom: 20px;
    font-weight: normal;
    line-height: inherit;
}
.waypoint {
    opacity: 0;
    width: 100px
 }
.show-time {
	opacity: 1 ;
	z-index: 9999;
}

.ani-250 {
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.img-homepage {
	transition: all 1s ease;
}
.img-homepage:hover {
	opacity: .5;
	transform: scale(1.05);
}


// Typography //////////////
*:focus {outline:none !important}
body  {
	 font-family: futura;
	color: @custom-grey-dk;
	-webkit-text-stroke-width: .05px;
	-webkit-text-stroke-color: white;
	-webkit-font-smoothing: antialiased;
	line-height: 1.48;
}
h1, h2, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'cochin' !important;
    font-weight: normal;
    line-height: 1.1;
    color:  #36454F;
}
h1 {
	padding-bottom: 8px;
    margin-bottom: 17px;
}
h3 {
	color: @custom-grey-dk;
	font-size: 20px;
	margin-bottom: 2px;
}
a {
	color: #333;
	font-weight: normal;
}
a:visited {
	color: transparent;
}
a:hover {
	color: @custom-blue;
	text-decoration: none;
}
.page-header {
    padding-bottom: 0;
    margin: 0;
    border-bottom: none;
}
.color-btn,
.single-room #sidebar1 a {
	background-color: #a81e24;
    color: #fff;
    -webkit-border-radius: 0px;
    border-radius: 0px
    border: none;
    padding: 10px 20px 7px;
    font-family: @font-header;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 20px;
    text-align: center;
    display: block;
    max-width: 170px;
    margin-left: auto;
    margin-right: auto;
    transition: all 1s ease-in;
    .ani-250;
    &:hover {
	    color: white;
	    background-color: @custom-red;
	    .ani-250;
    }
}
 .color-btn:hover {
     color:#a81e24 !important;
     background: #eee;
 }

ol li {
	margin-bottom: 15px;
}

// Main Navigation - Header //////////////

.logo_image {
   animation: fadein 2s;
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    }

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
  @media only screen and (min-width : 768px) {
	 .logo_image {
      height: 100%;
      padding: 20px 0 8px 55px;

   } }

.input-address {
color:#fff;
font-size: 12px;
font-family:@font-header;
text-transform: uppercase;
}
.input-address:hover {
text-deoration:none;
color:#ddd
}
.header_logo {
	height: 140px;
	background-color:rgb(96,96,96);
	background-repeat: repeat;
	background-position: center center;
	padding-top: 7px;
	text-align:center;
}
// Social Icons //////////////

.sprite { background: url('../images/sprite.png') no-repeat top left; width: 35px; height: 35px;  }
.sprite.twitter { background-position:-197px 1px;}
.sprite.google {  background-position: -74px 0;  ; }
.sprite.facebook { background-position: -112px 0; }
.sprite.instagram { background-position: -383px 1px;  }


.navbar-default {
	min-height: 0px;
	background-color:#A81E23
}
.navbar-nav> {
background-color: #A81E23;
}

.navbar-nav>li {
    font-family:'cochin', sans-serif;
    text-transform: uppercase;
	font-size: 17.25px;
    padding: 0px 10.5px;
    font-smoothing: initial;
    -webkit-font-smoothing: initial;
}


  #menu-main-navigation {
      padding: 7px 20px;
  }
  @media screen and (max-width: 1200px) {
      #menu-main-navigation {
          padding: 7px 0px;
      }
  }
  @media screen and (max-width: 1055px) {
      #menu-item-511 {
          margin: -8px -35px
      }
      .navbar-nav > li {
          font-size: 12.5px;
          padding: 0px;
      }
  }
  @media screen and (max-width: 988px) {
      #menu-item-511 {
          margin: -8px -70px;
      }
  }
  @media screen and (max-width: 848px) {
  #menu-item-511 {
    margin: -8px -52px;
} }

.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-weight: normal;
    padding: 10px 5px;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: #ddd;
    cursor:pointer
}
.dropdown-menu {
	background-image: url(../../images/bg-header.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.dropdown-menu>li>a {
	font-size: 16px;
	padding: 6px 20px;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: @custom-red;
    background-color: #f5f5f5;
}
.navbar-collapse {
	border-top: none;
}

.header-address-phone {
	color: #fff;
	font-family:'cochin', sans-serif;
	font-size: 16px;
	float: right;
	position: relative;
	bottom:5px

	span {
		padding-right: 10px;
	}
}
.header-address-phone a  {
    color: #fff
}
.header-address-phone a:hover {
    color: #ddd
}
header-address-phone {
	  top: -9px;
    left: 14px;
}

@media only screen and (max-width : 916px) {
.header-address-phone {
    left: 2px;
} }
@media only screen and (max-width : 786px) {
.header-address-phone {
   top: -145px;
    left: 15px;
} }


@media only screen and (max-width : 503px) {
.header-address-phone {
    top: 44px;
    left: 133px;
} }

.navbar .social {
	float: right;
	margin-bottom: 0;
	a {
		height: 20px;
		width: 20px;
		margin: -2px 3px;
		img{
			width: 20px;
			height: 20px;
		}
	}
}

@media only screen and (min-width : 768px) {

	.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
} }

@media only screen and (max-width : 767px) {

	.dropdown-menu {
		background-image: none;
	}
	.navbar-nav {

	    padding: 6px 9px;
	    width: 50%;
	    margin: 0;
	}
	.navbar-default {
		background-size: cover;
		min-height: 65px;
	}
	.navbar-brand {
		padding: 6px 15px;
	}
	.navbar-default .navbar-toggle {
	    border-color: white;
	}
	.navbar-default .navbar-toggle,
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
	    background-color: @custom-red;
	}
	.navbar-default .navbar-toggle .icon-bar {
	    background-color: white;
	}
	.header-address-phone {
	   position: relative;
	   left: -134px;
	   top: -14px;
	   z-index: 999;
	}
  }


@media only screen and (min-width : 768px) and (max-width : 1091px) {
	.navbar-brand>img {
		max-width: 200px;
		margin-top: 6px;
	}

	.header-address-phone {
		font-size: 16px;
	}

  .dining_font, .infusion_font {
 	 font-size:15px
  }
}
@media only screen and (max-width : 640px) {
	.header-address-phone {
		font-size: 14px;
		top:0px
	}
}
@media only screen and (max-width : 550px) {
	.navbar-brand>img {
		max-width: 200px;
		margin-top: 5px;
	}
	.header-address-phone {
	   left:-90px
	}
}
@media only screen and (max-width : 414px) {
	.header-address-phone {
     left: -69px;
	 top: -38px;
	}
}

// Header - Hero Region ///////////////
.header-address {
	text-align: center;
	font-size: 16px;
	color: @custom-grey-ltr;
	margin-bottom: 10px;
	word-break: keep-all;
	p {
		margin-bottom: 0;
	}
	a {
		color: white;
	}
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
	.header-address {
		font-size: 12px;
	}
}
@media only screen and (max-width : 768px) {
	.header-address {
		text-align: center;
		margin-bottom: 10px;
	}
}
@media only screen and (max-width : 520px) {
	.header-address span {
		display: block;
	}
	.header-address span.divider {
		display: none;
	}
}


#hero {
	width: 100%;
	height: 442px;
	background-color: gray;
	overflow: hidden;
	.region {
		img {
			width: 100%;
			min-height: 442px;
		}
		&.left {
			padding: 0;
		}
		&.center {
			height: 442px;
			background-color: #333333;
			padding: 20px;
			text-align: center;
			color: white;
			img {
				max-width: 133px;
				min-height: inherit;
				margin-bottom: 10px;
				margin-top: 20px;
			}
			p {
				font-family: @font-header;
				font-size: 15px;
			}
			input {
				display: block;
				margin: 0 auto;
				margin-bottom: 20px;
				max-width: 100%;
			}
			.color-btn {
					margin-top: 30px;
				    padding: 8px 5px 7px;
				    min-width: 153px;
				    border: none;
			}
		}
		&.right {
			padding: 0;
		}
	}
}

// Hero - Media Queries ///////////////
 @media only screen and (max-width : 767px) {
	#hero {
		height: auto;
	}
	#hero .region.left {
	   // width: 70%;
	}
	#hero .region.center {
		//top: 65px;
		//right: 0;
		left: inherit;
	}
	#hero .region.right {
		display: none;
	}
	.header_logo {
	    height: 175px;
	}
}
@media only screen and (min-width : 501px) and (max-width : 767px) {
	body.admin-bar {
		padding-top: 47px;
	}
	#hero .region.center .color-btn {
		min-width: 120px;
	}
}
@media only screen and (max-width : 500px) {
	#hero .region.left {
	    width: 100%;
	    float: none;
	}
	#hero .region.center {
		position: relative;
		top: 0;
		width: 100%;
	}
	.admin-bar #hero .region.center {
	    top: 0;
	}
	.header_logo {
    	height: 110px;
	}
	body.admin-bar {
	    padding-top: 47px;
	}
}





///////////////// Front Page   ///////////////
.home-button {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    width: 100%;
    height: 67px;
    max-width: 300px;
    padding: 0px;
    border: 1px solid #eee;
    font-weight: bold;
    color: #eee;
    text-decoration: none;
}

#highlight-wrapper {
	background-color: @custom-grey-ltr;
	padding:0px;
	h1 {
		margin-top: 5px;
	}
}
.red_break {
	padding:20px;
	background: @custom-red;
	width:100%
}


// Front Page - 1st section ///////////////

#content {
	padding: 19px 0;
	h1 {
		margin-top: 0;
	}
}
.feature_font {
	color:#fff;
	text-transform: uppercase;
 }
 .feature_content {
   color:#fff;
   font-family:@font-header;
   padding:10px
  }
.feature_font_black {
   	color:#000;
   	text-transform: uppercase;
 }
 .left-feature img { height:100% }
// Front Page - 2nd section ///////////////

.dining_font {
   color:#fff;
   font-family:@font-header;
   background: rgba(0,0,0, .55);
   padding: 10px 30px;
    margin-left: 45px;
    text-align: left;
   }
.dining_background {
	background: url('../../images/hotel-fusion-pork.jpg ') no-repeat;
	background-size:cover;
	height: 423px;
	background-position: 0px -88px;
}
.dining_btn {
	    margin-top: 1em;
    margin-left: 25%;
}
button.btn.dining_btn:hover, btn:hover {
	opacity: .6 !important
}

@media only screen and (max-width : 1060px)  {
.dining_background {
    height: 532px;
    background-position: 0px 0px;
} }


// Front Page - 3rd section ///////////////

.infusion_font {
   color:#000;
   font-family:@font-header;
   background: rgba(250, 250, 250, 0.75);
   padding: 10px 30px;
   margin: 0x 45px 0 0 ;
   }
.infusion_background {
	background: url('../../images/infusion.jpg ') no-repeat;
	background-size:cover;
	height: 423px;
	background-position: 0px -88px;
}
@media only screen and (max-width : 1060px)  {
.infusion_background {
    height: 497px;
    background-position: 0px 0px;
    margin-bottom: 0px;
} }


// Front Page - 4th section ///////////////

 .ultimate_location {
	text-align:center;
    color:#fff;
    font-family:@font-header;
  	padding: 10px 30px;
 }


// Front Page - Post Script ///////////////
#post-wrapper {
	background-color: @custom-grey-ltr;
	padding: 50px 0;
	h3 {
		margin-top: 0;
		margin-bottom: 8px;
		line-height: 1.3;
	}
	p {
		font-size: 16px;
	}
	.col-sm-7 {
		margin-bottom: 20px;
		min-height: 175px;
	}
}

 #photo_container {
	overflow-x:hidden
}

.social-links {
	text-align: center;
}
.social  {
    display: inline-block;
    float: right;
    padding-top: 53px;
    padding-right:30px;
	a {
		display: block;
		height: 32px;
		width: 32px;
		float: right;
		margin: 0 6px;
	}
}



@media only screen and (min-width : 1047px)  {
	#footer-booking  {
	 left: 78%;
	} }
@media only screen and (max-width: 1046px) {
	#footer-booking  {
	 left: 70%;
	} }
@media only screen and  (max-width : 867px) {
	#footer-booking  {
	 display:none
	} }

@media only screen and (max-width : 900px) {
	#footer-booking .label {
		width: 130px;
	}
	#footer-booking {
		background-size: cover;
	}
	#footer-booking input.color-btn {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}
@media only screen and (max-width : 690px) {
	#footer-booking {
		text-align: center;
	}
	#footer-booking img {
	    float: none;
	    margin-right: 0;
	    max-width: 90%;
	}
	#footer-booking .date-fields {
		float: none;
	}
	#footer-booking .label {
		float: none;
		width: auto;
	}
	#footer-booking #date3 {
	    margin-right: 0;
	}
	#footer-booking input.color-btn {
		clear: both;
	}
}


// Footer //////////////
.email-signup #mc_embed_signup {
.button {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    width: 100%;
    height: 47px;
    max-width: 300px;
    padding: 0px;
    border: 1px solid #eee;
    font-weight:bold;
    color: #eee;
    text-decoration: none;
          }
    .indicates-required {
	    display: none;
    }
}
footer.footer {
	background-image:  url(../../images/bg-footer.png) ;
	background-size: cover;
	background-position: center center;
	background-color: gray;
    padding: 15px 0 60px;
	color: white;
}
#menu-footer-menu {
	margin-top: 10px;
}
.footer-links .menu li {
	font-family: @font-header;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 15px;
	a {
		color: white;
		font-weight: normal;
	}
}
.footer-logo {
	float: left;
	 padding: 12px 0 0 5px;
}
.right-footer  {
 padding-top: 50px;
 text-align:center;
}
.social_footer {
	display: inline-block;

    a {
		display: block;
		height: 32px;
		width: 32px;
		float: right;
		margin: 0 6px;
	}
}
  .footer-address-phone, .footer-address {
	color: #fff;
	font-family:'cochin', sans-serif;
	font-size: 16px;

	span {
		padding-right: 10px;
	}
}

.footer-address {
	text-transform: uppercase;
	font-family: @font-header;
}

.white-background {
    margin-left: 12px;
button {
	font-size: 11px;
	 padding: 10px;
	text-align: center;
	font-family: @font-header;
 }
}

p.attribution {
	font-family: @font-header;
	font-size: 14px;
	text-align: right;
}

.footer-address a, .phone a {
    color: #fff
}
@media only screen and (max-width : 767px) {

	#footer-booking {
		margin-bottom: 0;
	}
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
	.footer-logo {
	    float: none;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	p.attribution {
		text-align: center;
	}
}
@media only screen and (max-width : 414px) {

.footer-address-phone {
	 top: 118px;

	}
.footer-address {
	top: inherit;
}
.right-footer {
    padding-left: 45px;
} }



// Rooms Page ///////////////
.single-room {
	#sidebar1 {
		margin-top: 60px;
		padding-left: 40px;
		h2 {
			color: @custom-grey-dk;
			font-size: 24px;
		}
		ul {
			padding-left: 20px;
		}
	}
	.room-image {
		margin: 30px 0;
	}
	#content {
	    padding: 50px 0 20px;
	}
}

#featured {
	background-image: url(../../images/gray-bkg.jpg);
	background-repeat: repeat;
	background-position: center;
	background-size: cover;
	padding: 30px 0 60px;
}


// Rooms Listing Page ///////////////
#main article.room  {
	margin-bottom: 10px;
	padding-bottom: 55px;
	border-bottom: 1px solid #aaa;
	h1 {
		margin-top: 0;
		padding-right: 80px;
	}
	p.desc {
		font-size: 20px;
	}
	p {
		font-size: 16px;

	}
	a {
		color: @custom-grey-lt;
		font-weight: normal;
	}
}


// Rooms Media Queries ////////////////
@media only screen and (max-width : 992px) {
	#main article.room h1 {
		margin-top: 20px;
	}
	#main article.room {
		margin-bottom: 40px;
		padding-bottom: 30px;
	}
}
@media only screen and (max-width : 767px) {
	#main article.room h1 {
	    padding-right: 0;
	}
}

// Forms ////////////////
.gform_wrapper {
	input, textarea {
		border: 1px solid #ddd;
	}
	li.gfield.gfield_error,
	li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	    background-color: #ddd;
	    margin-bottom: .375em!important;
	    padding: 0;
	    border-top: 1px solid @custom-red;
	    border-bottom: 1px solid @custom-red;
	}
}

// Contact Page ////////////
.page-template-page-contact {
	iframe {
		width: 100% !important;
		margin-bottom: 40px;
	}
}

// Sidebar ////////////
.widgettitle {
    border-bottom: 2px solid #555;
    padding-bottom: 8px;
    margin-bottom: 17px;
    font-size: 36px;
    margin-top: 0;
}


.container_one {
  display: block;
  background: #ddd;
  overflow: hidden;
}
.content_box {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: fixed;
   bottom: 44%;
    left: 50%;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
.show {
  opacity: 1;
  visibility: visible;
  z-index:999
}



@media screen and (max-width: 690px) {
      .feature_font {
      padding: 18px 0;
   }

 }

@font-face {
    font-family: 'm54regular';
    src: url('m54-webfont.woff2') format('woff2'),
         url('m54-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.spec_numb {
    font-size: 25px;
    }
 #sidebar2 p .color-btn {
        text-transform: uppercase;
        font-weight: normal;
        margin-top: 20px;
        text-align: center;
        display: block;
        max-width: 170px;
        margin-left: auto;
        margin-right: auto;
        .ani-250;
        &:hover {
    	   color: #1a496e;
    	   background-color: #e9c312;
    	    .ani-250;
        }
    }


// Top 30 Page ////////////

.top-attraction {
	padding: 15px;
    margin: 0 0 1.5rem;
    box-shadow: 0 0 7px #999;
    overflow: hidden;
    background-color: #fafafa;
    transition:.8s ease-in-out;
    a { color:#2c7ef0; }
    &:hover {  box-shadow: 0 0 18px #333; }
}
.top-attraction a {
	color: #222;
}
.attraction-image {
   text-align: center;
   }
.attraction-image img {
  padding: 10px 0px;
 }
.attraction-button {
    width: auto;
    margin-bottom: 0;
    color: #2c7ef0;
    background: transparent;
    border: 1px solid;
    display: inline-block;
    &:hover {
    color: #fff;
    background: #2c7ef0;
    }
  }
.attraction-time {
 padding-top: 60px
}

@media screen and (max-width: 768px) {
    .attraction-time {
    padding-top: 0px;
} }

.gray-bkg {
background-image: url(../../images/gray-bkg.jpg);
background-repeat: repeat;
background-position: center;
background-size: cover;
 }

 .gathering-header {
    display:none;
  	text-transform: uppercase;
    padding-left: 9%;
    h1 {
     color:black;
     font-size:44px
    }
 }
.gathering-content {
	font-family:@font-header;
	padding: 10px 50px;
	a {
	color:#222
	}
}
.left-side, .right-side {
	   padding: 40px 0px;
}
.left-side p { padding: 40px 40px 0px 0px; }
.right-side p { padding: 40px 0px 0px 40px; }

@media only screen and (max-width : 414px) {
.left-side p,  .right-side p { padding: 40px 0px 0px 0px;
} }

.center {
	text-align:center;
	color:black;
}
.promotions-title {
text-align:center;
text-transform: uppercase;
}
.promotions-image {
    min-height: 285px;
}
.promotions-button {
    padding: 20px 60px;
 }

 .top-attraction:last-child {
  display:none
}

.promotions-content {
	padding:50px 0 ;
	text-align:center
}
.promo-home {
height:340px
}
.dining-slider {
   padding-top:50px
}
 .fixed_nav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    transition: all 1s ease-in-out
}

@media only screen and (max-width : 1250px) {
	.right-hotel-exterior {
	    max-width: 877px;
	    width: 600px !important;
} }
@media only screen and (max-width : 414px) {
	.left-bedroom {
	    max-width: 494px;
	    width: 494px !important;
	} }
@media (min-width: 768px) {
.navbar-nav {
    float:none !important
} }

.ui-datepicker-trigger {
    position: absolute;
    left: 19px;
}
@media (max-width: 1214px) {
    .ui-datepicker-trigger {
        top: 5px
 } }
#datePickerSticky {
    background: #efefef;
    color: #000;
    display: none;
}
.stickyDateBar {
    display: block !important;
}
.color-btn-sticky {
    color: white;
    background-color: #a81e24;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 4px;
    text-align: center;
    width: 10%;
    padding: 4px;
    margin-left: 10px;
    transition: all .5s ease
}


.color-btn-sticky:hover {
    background: #d81E13;
}
.input-submit {
    transition: all 500ms ease-in-out;
    text-transform: uppercase;
}
.sticky-inputs {
    margin-top: 4px;
}
@media (max-width: 1040px) {
    .stickyDateBar {
        display: none !important;
    }
}
.booking-mobile {
    display: none;
}
.booking-mobile:hover {
    background: #d81E13;
}
@media (max-width: 1040px) and (min-width: 1px) {
    .booking-mobile {
        background-color: #A81E13;
        bottom: 0;
        display: block;
        height: 52px;
        position: fixed;
        width: 100%;
        z-index: 999;
        transition: all .5s ease
    }
    .booking-mobile .phone {
        border-right: 1px solid #fff;
        height: 52px;
        left: 0;
        position: absolute;
        width: 52px;
        z-index: 1;
        background: url(http://hotelfusionsf.com/wp-content/uploads/2017/08/mobile-booknow.png);
        background-size: contain;
        background-color: #eee;
    }
    .book-now-mobile a {
        display: block;
        width: 100%;
        color: #fff;
        font-family: Helvetica, sans-serif;
        font-weight: 900;
        text-align: center;
        padding-top: 5px;
        font-size: 30px;
        text-decoration: none;
        text-transform: uppercase;
    }
    .phone a:before {
        font-size: 20px;
        left: 50%;
        left: 50%;
        margin-left: -10px;
        margin-top: -10px;
        position: absolute;
        top: 50%;
 } }
.time-check {
	    width: 15em;
	    background: white;
	    margin: 2em auto;
	    padding: 8px;
	    border-radius: 5px;
	    border-style: ridge;
	    border-color: #a81e24;
	    border-width: 14px;
	    font-size: 1.5em;
	    font-weight: bolder;
	    text-transform: uppercase;
}