/*===================== Reset Css ==============================*/
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, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
_::-webkit-full-page-media, _:future, :root .safari_only {

  color:#0000FF; 
  background-color:#CCCCCC; 

}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}

ol, 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;
}
a:link, a:visited {
  text-decoration: none;
  color: #000;
}
.search-goog form {
  margin-top: 15px;
}
.top-section ul .search-goog::before {
  content: ""; 
  display: none;
}
.top-section ul .search-goog{}
.top-section #breadcrumb a:link, #breadcrumb a:visited {
  color: #fff !important;
  font-weight: 900;
}

#contentinfo .sitemapinfo a {
  color: #d0b65f;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height:26px;
  font-weight:400;
}
.clear {
  clear: both;
  float: none;
  height: 0;
}
.boxspacer {
  display: block;
  height: 30px;
}
.mob-boxspacer {
  display: none;
}
input, select, textarea {
  border: 1px solid #e1e1e1;
  background-color: #ffffff;
  border-radius: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #000;
  font-family: inherit;
  font-size: 14px;
  margin: 0;
  padding: 0;
  border-radius: 3px;
}
textarea{padding: 8px 10px;}
input, select {
  padding: 0 8px;
  height: 30px;
}
.box {
  padding: 30px 0;
  border-bottom: 1px solid #e1e1e1;
}
.box2 {
  padding: 30px 0;
}  
/*===================== Reset Css ==============================*/
/*===================== ADA Css ==============================*/
.ada-website-conformance 
:visited, .ada-website-conformance #wrapper .top-section a:link {
  color: #fff;
  border-bottom:1px solid #fff;
}
.ada-website-conformance 
:visited, .ada-website-conformance #wrapper 
.top-section a:link {
  color: #fff;
  border-bottom:1px solid #fff;
}
.ada-website-conformance:visited:hover, 
.ada-website-conformance #wrapper .top-section a:link:hover,
.ada-website-conformance:visited:focus, 
.ada-website-conformance #wrapper .top-section a:link:focus{border-bottom:none;} 
.ada-website-conformance:visited:focus, 
.ada-website-conformance #wrapper .top-section a:link:focus {border-bottom:none;} 

.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: #fff
}
.expandable_hiddentest a {
  color: #d0b65f;
}
.google-captcha-code {
  margin-bottom: 15px;
  position:relative;
}

#wrapper .top-section .button:hover, #wrapper .top-section .button:focus {
  border-bottom: 1px solid #fff!important;
}
#wrapper .top-section .location-direction-section a:hover {
  border-bottom: none!important;
}
.location-map-menu.active-direction-box .location-direction-section .icon-close:hover {
  background: #242530;
  border: 1px solid #fff;
  color:#fff;
}
#wrapper .top-section a:hover  , #wrapper .top-section a:focus
{
  color: #ff97b7 !important;
  text-shadow: 0 0 1px #ff0447;
  border-bottom: 1px solid #ff97b7 !important;
}
.gm-err-message {
  background: #fff;
  color: #000 !important;
}
.inner-container .cms6  .welcome-section .cms6 {
  color: #fff!important;
}
a.skip-to-content-btn {
  position: absolute;
  top: 0;
  left: 0;
  background: #7c122e !important;
  color: #fff !important;
  z-index: 10000;
  height: 30px;
  width: auto;
  line-height: 30px;
  padding: 0px 10px;
 filter: opacity(0);
  border: none!important;
}

a.skip-to-content-btn:focus {
 filter: opacity(1);
  color: #fff;
}
.optional-code {
  color: #dec689;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 14px;
  bottom: -34px;
}
.resdropdown option {
    color: #000!important;
    background-color: #fff;
}
.close-reservation {
  position: absolute;
  right: 15px;
  top: -43px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  letter-spacing: 1px;
}
button.button.emailbutton {
  margin-top: -10px;
  border:1px solid #7c122e !important;
  color:#7c122e;
}
.commentwrap.emailcaptcha {
  width: auto;
  float: left;
}
.close-reservation .mim-icon-cross {
  font-size: 10px;
  margin-left: 5px;
}

.close-reservation a:link:hover,
.close-reservation a:link:focus{color:#fff;text-decoration:underline;}
#reservation .resinputbox{line-height: 60px; cursor: pointer; border: 1px transparent; border-bottom:1px solid #fff;    font-family: 'Noto Serif', serif;max-width:196px;font-size:32px;}
#reservationtable ul li button.ui-datepicker-trigger, .ada-datepicker .ui-datepicker-trigger {
  position: absolute;
  border: none;
  background: transparent;
  right: 35px;
  bottom: 15px;
  padding: 2px;
  font-size: 0;
  border: 1px solid transparent;
  line-height: 0;
  margin: 0;
  height: auto;
  width: auto;
  cursor: pointer;
}
/*reservation link css*/
.outer-box {
  background-color: #7c122e;
  /* background-image: url(/images_noindex/main-content-bg.png);*/
  color: #fff;
  margin: 30px auto 0;
  max-width: 960px;
  padding: 30px 0;
  text-align: center;
  width: 94%;
}
.outer-box  .vcard a {
  color: #fff;
}

.outer-box .mim-icon-locked-padlock {
  font-size: 75px;
  margin-bottom: 30px;
}
.pro-txt {
  font-weight: normal;
  font-size: 26px;
  line-height: 30px;
  margin-bottom: 20px;
  text-align: center;
  font-family: 'Times New Roman';
}
.click-logo {
  padding-bottom: 20px;
}
.vcard {
  font-size: 14px;
  line-height: 24px;
}
.vcard .fn {
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'Times New Roman';
}
.lockimg {
  font-size: 120px;
  margin-bottom: 20px;
}
/*reservation link css end */
.ada-datepicker {
  position: relative;
}

.ui-widget-content .ui-state-active {background-color:#242530;}

#reservationtable ul li button.ui-datepicker-trigger:focus, .ada-datepicker .ui-datepicker-trigger:focus {
  border: 1px solid #000000;
}

.ada-datepicker .resinputbox {
  background-image: none
}

input[type="radio"]:focus, input[type="radio"]:hover {
  outline: 1px solid #000;
  outline-offset: 2px;
}

input[type="text"], input[type="tel"], input[type="number"], input[type="date"], select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
}

input[type="text"]:focus, select:focus, #blogpostcomment .commentcodecol4 a:focus, #emailOfferForm .email-frmfieldset #imgcode-home:focus, input:focus, textarea:focus {
  border-color: #000;
}

.rating-list .li:focus {
  border: 1px solid #000;
}

a.has-link:link, a.has-link:visited, #breadcrumb a:link, #breadcrumb a:visited {
  border-bottom: 1px solid;
}

a.has-link:focus, a.has-link:hover, #breadcrumb a:hover, #breadcrumb a:focus {
  border-bottom: 1px solid;
}

.input-error {
  border: solid 1px #7c122e !important;
}

.error-message {
  color: #7c122e;
  font-size: 14px;
}
#logo a:link, #logo a:visited {
  display: block;
  border: 1px solid transparent;
}
#logo a:focus, #logo a:hover {
  border: 1px solid #7c122e;
}
#logo a:focus {
  border: 1px solid #857338;
}
/*===================== ADA Css ==============================*/

/*========================== Header Start ===================*/
#main {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 999;
}
#wrapper {
  padding-top: 133px;
}
#number span a:link, #number span a:visited {
  color: #000;
  border-bottom: 1px dotted transparent;
}
.top-header .hotel-name .mim-icon-phone-call {
  margin-right: 7px;
  vertical-align:middle;
  display:inline-block;
}
#number span a:hover, #number span a:focus {
  color: #827035;
  border-bottom: 1px dotted #827035;
}
#subnav ul li a:link, #subnav ul li a:visited {
  color: #000;
  border-bottom: 1px dotted transparent;
}
#subnav ul li a:hover, #subnav ul li a:focus, #subnav ul li a.navON:link, #subnav ul li a.navON:visited {
  border-bottom: 1px dotted #000;
}
#nav ul li a:link, #nav ul li a:visited {
  color: #242530;
  display: block;
  font-size: 15px;
}
#nav ul li a.navON:link, #nav ul li a.navON:visited, #nav ul li a:hover, #nav ul li a:focus {
  color: #7c122e;
  border-bottom:none;
}
.direct-access h2 {
  text-transform: lowercase;
  margin: 15px 0;
}
.welcome-left-section a:focus, .welcome-left-section a:hover {
  color: #d0b65f;
  border-bottom: 1px solid #d0b65f;
}
.welcome-section .welcome-left-section .direct-access h2 {color:#fff;  text-transform: capitalize;}
.container {
  width: 1200px;
  max-width: 100%;
  padding: 0 15px;
  margin: auto;
  display: block;
  position: relative;
  box-sizing: border-box;
}

.container::after {
  content: "";
  display: block;
  clear: both;
}
.top-header {
  background: #242530;
  padding: 11px 0;
}

.top-header .weather-box {
  float: left;
}
.bottom-header {
  background: #fff;
}
.top-header .hotel-name {
  float: right;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  margin-top: 2px;
}

.top-header .hotel-name a {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.5px;
  margin-left:9px;
}
.top-header .hotel-name a:hover , .top-header .hotel-name a:focus {
  border-bottom: none;color:#ff97b7;
}
.top-header .hotel-name #number span a {
  color: #fff;
}

.top-header .weather-box a {
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid transparent;
  font-size:16px;
  letter-spacing: 1px;
}
.top-header .weather-box a:hover , .top-header .weather-box a:focus{color:#ff97b7;}

.top-header .container {width:100%;max-width:1260px;}

nav#topnav {}

#topnav li {
  display: inline-block;
  padding: 0 11px;
}
#topnav li a {font-family: 'Open Sans', sans-serif; color: #242530;}
.logo {
  width: 290px;
  margin: auto;
  display: block;
  position: relative;
  float: none;
  display: inline-block;
}

.topnav {
  position: relative;
}
#weather-box {
  float: left;
  margin-top: 3px;
}
.top-header .weather-box a {
  color: #fff;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif
}
.hotel-city {
  color: #fff;
  float: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  margin: 2px 0 0 25px;
  font-weight: 100;
}
#logo { 
  position: absolute;
  left: 10px;
  right: auto;
  margin: auto;
  display: block;
  width: 135px;
  text-align: center;
  top: 2px; 
}
#middle .flex-direction-nav li, #mainimage .flex-control-nav{z-index:99;}

#logo::before {
  display:none;
}
#logo img {
  width: auto;
}
#logo::after {
  display:none;
}
.reservation-btn {
  position: absolute;
  right: 15px;
  top: 15px;
}
.bottom-header .container {
  padding: 28px 0;
  width:100%;
  max-width:1260px;
}
#header {
  font-size: 30px;
  line-height: normal;
  font-family: 'Noto Serif', serif;
}
#header span {
  display: block;
  font-family: 'Noto Serif', serif;
  font-size: 36px;
  padding-bottom: 5px;
}
/*========================== Header End ===================*/

/*========================== Reservation Start ===================*/
#reservation {
  display: none;
  background: #242530;
  top:133px;
  padding: 63px 0;
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  z-index: 9;
  text-align: center;
  background-image: url(https://www.battlegroundbestwesterninn.com/resourcefiles/battleground/reservation-bg.png);
  overflow: hidden;
  height: 100vh;
}
.bottom-header {
  background: #fff;
}

#reservationtable {
  width: 1200px;
  max-width: 100%;
  margin: auto;
  box-sizing: border-box;
  padding: 65px;
  background: #242530;
}

#reservationtable .res-text {
  color: #fff;
  font-size: 40px;
  font-family: 'Noto Serif', serif;
  margin-bottom: 55px;
  display: block;
}

#reservationtable form {
  width: 520px;
  margin: auto;
  display: block;
  text-align: center;
}
#reservationtable form ul{font-size: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}

#reservationtable form ul li {
  width: 45%;
  float: none;
  margin-bottom: 35px;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align:top;
}
#reservationtable form ul .last-child {
  display: inline-block;
  clear: both;
  margin: auto;
  float: none;
  width: 100%;
  text-align: center;
  width:100%;
}

#reservationtable form ul .last-child .button {
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase;
  height: auto;
  line-height: normal;
  padding: 17px 22px;
  box-sizing: border-box;
  border-radius: 0;
  border: 1px solid #fff!important;
}

#reservation .rtitle { 
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  display: block;
  margin-bottom: 12px;
  text-transform: capitalize;
  position: relative;
  top: 10px; 
  font-weight:100;
  max-width:196px;
}

#reservation  .resinputbox {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 30px;
  height: auto;
  width: 100%;
  position: relative;
  padding: 0;
  box-sizing: border-box;
  overflow: visible;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  margin: 0;
  box-sizing: border-box;
  display: block;
}
#reservation .ada-datepicker .resinputbox::after {
  content: "";
  width: 190px;
  height: 8px;
  position: absolute;
  bottom: 12px;
  background: #857338;
}

#reservationtable form ul li:nth-child(1) {
  float: left;
}

#reservationtable form ul li:nth-child(2) {
  float: right;
}
#reservationtable #ratecode::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #715840;
}

#reservationtable #ratecode:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #715840;
}

#reservationtable #ratecode::-ms-input-placeholder { /* Microsoft Edge */
  color: #715840;
}
#reservationtable #ratecode {
  background: transparent;
  border-top: none;
  border-right: none;
  border-left: none;
  text-align: center;
  font-size: 40px;
  width: 100%;
  line-height: normal;
  height: auto;
  line-height: 58px;
  border-bottom: 1px solid #857338;
  color: #fff;
  border-radius: 0;
}


#reservationtable select {
  background: transparent;
  font-size: 32px;
  height: auto;
  line-height: 58px;
  border: none;
  color: #fff;
  width: 80px;
  box-sizing: border-box;
  position: relative;
  padding: 0 0 0 15px;
  border-bottom: 1px solid #fff;
  margin-left: 30px;
  cursor: pointer;
  appearance: none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
  font-family: 'Noto Serif', serif
}
#reservationtable select::-ms-expand {
  display: none;
}

select::-ms-expand { display: none;}
#reservationtable .mim-icon-down-chevron {
  right: 35px;
  position: relative;
  top: 2px;
  color: #fff;
  cursor: pointer;
  pointer-events: none;
  font-size: 12px;
}

#reservationtable .res-down-arrow {
  color: #fff;
  position: absolute;
  right: 65px;
  top: 49px;
}
/*========================== Reservation Start ===================*/

/*========================== Middle Start ===================*/
.welcome-section {
  background:#7c122e;
  background-repeat: repeat;
  padding:0px 0;
  padding-top:90px;
  padding-bottom:24px;
}
.welcome-section .welcome-left-section {
  float: none;
  display:inline-block;
  width: 65.8%;
  box-sizing: border-box;
  padding-left: 95px;
  padding-right: 95px;
}

.welcome-section .welcome-left-section .read-more-content { 
  color: #fff !important;
  font-family: 'Open Sans', sans-serif;
  line-height: 26px;
  font-size: 16px; 
}

.welcome-section #header { 
  width: 65.8%;
  box-sizing: border-box;
  padding-left: 95px;
  text-align: left;
  line-height: normal;
  color: #fff;
  font-family: 'Noto Serif', serif;
  padding-right: 95px;
  font-size: 40px; 
}
.welcome-section .welcome-left-section h1 { 
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  margin-top: 10px;
  line-height: normal;
  margin-bottom: 0;
  padding-bottom: 5px; 
  letter-spacing: 0.5px;
}
.welcome-section .welcome-left-section #direct-access:visited,
.welcome-section .welcome-left-section #direct-access{ 
  background: transparent;
  color: #fff;
  text-align: left;
  float: left;
  font-size: 16px;
  text-transform: initial;
  line-height: normal;
  height: auto;
  padding: 0;
  border: 0;
  font-family: 'Open Sans', sans-serif;
  display: block;
  width: 100px;
  text-decoration: underline; 
  margin-top:0px;
}
.welcome-section .welcome-left-section a#direct-access:link:focus {color:#fff;}
.welcome-section .welcome-right-section {
  float: right;
  width: 34.2%;
  box-sizing: border-box;
  display: block;
  position: relative;
  padding-top: 00px;
  top:-30px;
}

.welcome-section .welcome-right-section::after {
  content: "";
  background-image: url(https://www.battlegroundbestwesterninn.com/resourcefiles/battleground/best-rate-guarantee.png);
  position: absolute;
  right: 0;
  top: 0;
  width: 124px;
  height: 120px;
  background-repeat: no-repeat;
  top: -65px;
}

.welcome-section .welcome-right-section h3 {
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 20px;
  font-weight:100;
}
.fact-info-list .mm-icon {
  color: #fff;
  font-size: 19px;
  margin-right: 15px;
  float: left;
  position: relative;
  top: 2px;
}
.fact-info-list li {
  color: #fff;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  line-height: 24px;
  padding-bottom: 15px;
}
.fact-info-list li:last-child {padding-bottom:0px;}
.fact-info-list .icon-sub {
  margin-right: 15px;
  color: #dec689;
  font-size: 19px;
}
.welcome-section .welcome-left-section #readmorelessbtn { 
  display: inline-block;
  vertical-align: text-top;
  margin: 0;}
.discover-down-key::after {
  content: "\e94e";
  font-family: 'mimiconfont'!important;
  font-size: 12px;
  position: absolute;
  left: 0;
  right: 0;
  top: 7px;
  color:#7c122e;
}
.discover-down-key {
  color: #fff !important;
}
.discover-down-key:hover, .discover-down-key:focus {
  background: #7c122e;
  color: #fff !important;
}


.discover-down-key:hover span,
.discover-down-key:focus span {color:#fff;}

#container::after {
  content: "";
  display: block;
  clear: both;
}
#middle {
  position: relative;
}
#mainimage .flex-control-nav {
  bottom: 60px;
  left: 0;
  position: absolute;
  text-align: center;
  right: 0;
}
#mainimage .flex-control-nav li {
  display: inline-block;
  margin: 0 3px;
}
#mainimage .flex-control-nav li a {
  cursor: pointer;
  display: block;
  height: 12px;
  text-indent: -9999px;
  width: 12px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  margin: 0 1px;
  background:transparent;
}
#mainimage .flex-control-paging li a:hover , #mainimage .flex-control-paging li a:focus , #mainimage .flex-control-paging li a.flex-active {
  background: #ffffff;
}
.quick-link-section {
  padding: 82px 0 40px;
  background-size: cover;
  background-repeat: no-repeat;
  /*background-image: url(/images_noindex/cocunt-tree-bg.png);*/
}

.quick-left-box {
  float: left;
  width: 100%;
}

.quick-link-left-box {
  float: left;
  width: 570px;
  max-width: 49%;
  box-sizing: border-box;
}

.quick-right-box {
  float: right;
  width: 570px;
  max-width: 100%;
  box-sizing: border-box;
}
.quick-left-box .quick-link-left-box:last-child {
  margin-left: 2%;
}
.image-box img {
  display: block;
  width: 100%;
}
.quick-link-right-box:last-child {
  margin-bottom: 0;
}
.quick-link-right-box {
  margin-bottom: 32px;
  box-sizing: border-box;
}

.image-box {
  position: relative;
  overflow: hidden;
  background: #000;
}
.quick-left-box .image-hover-box {
  top: 570px;
}
.image-box:hover {
  cursor: pointer;
}
.image-box:hover .quick-link-text, .image-box.blockdiv .quick-link-text {
  display: none;
}
.image-box .quick-link-text {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  padding: 90px 34px 34px 34px;
  width: 100%;
  color: #fff;
  background-image: url(https://www.battlegroundbestwesterninn.com/resourcefiles/battleground/black-shadow.png);
  background-size: contain;
}

.image-box .quick-link-text h2 {
  color: #fff;
}
.image-box .quick-link-text h2 { 
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 300;
}
.quick-link-text::before {
  content: "";
  background: #fff;
  height: 1px;
  width: 27px;
  position: absolute;
  left: 0;
  bottom: 47px;
}
.image-hover-box::before {
  content: "";
  width: 1px;
  height: 27px;
  background: #fff;
  position: absolute;
  top: 0;
}
.image-hover-box {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 275px;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding: 40px 50px 0;
  box-sizing: border-box;
  background: rgba(0,0,0,0.85);
  transition: all 0.5s;
}

.image-hover-box h2 { 
  color: #fff;
  font-size: 26px;
  text-transform: capitalize;
  font-family: 'Open Sans', sans-serif;
  padding-bottom: 20px; 
  font-weight:300;
}

.image-hover-box p { 
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  text-align: center;
  line-height: 26px; 
  font-weight:100;
}

.image-hover-box .ibl { 
  color: #fff;
  margin-left: 10px;
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
  text-decoration: underline !important; 
}
.image-hover-box .ibl:hover, .image-hover-box .ibl:focus {
  color:#ff97b7 !important;
}
.quick-link-right-box {
  margin-bottom: 30px;
}

.image-hover-box .ibl:focus-within{top:0px;}

/*========================== Middle Start ===================*/





/*========================== Content Start ===================*/
.home-accomodations .bx-has-controls-direction .bx-controls-direction .bx-next, .home-accomodations .bx-has-controls-direction .bx-controls-direction .bx-prev {
  background-color: #000000;
  color: #ffffff;
  font-weight: 700; 
  transition: all .340s;
}
.home-accomodations .bx-has-controls-direction .bx-pager {
  background-color: #ffffff;
}

.home-accomodations {
  background: transparent;
  height: 400px;
  margin-bottom: 550px;
  padding-top: 100px;
  /*background-image:url(https://www.battlegroundbestwesterninn.com/resourcefiles/battleground/bg-light.jpg);*/
  background-blend-mode: initial;
  background-repeat: repeat;
  background-color: #561427;
}
.home-accomodations .bx-wrapper {
  background: transparent;
}
.home-package-section .bx-has-controls-direction {
  right: 35px;
  bottom: 36px;
}
.home-top-accomdation-part {
  width: 100%;
  float: left;
  clear: both;
  padding-bottom: 96px;
}
.home-accomdation-img {
  float: right;
  position: relative;
  right: 0;
  padding-top: 75px;
}

.home-top-accomdation-part .heading {
  float: left;
  width: 34.18%;
  padding-left: 50px;
  box-sizing: border-box;
  color: #fff;
  padding-right: 115px;
}

.home-top-accomdation-part .heading h2 {
  color:#fff;
   font-size: 40px;
  text-transform: inherit;
  font-family: 'Noto Serif', serif;
  line-height: 1.2;
}

.home-top-accomdation-part .accomdation-list {
  float: left;
  width: 65.81%;
  box-sizing: border-box;
  margin-top: 10px; 
}

.home-top-accomdation-part .accomdation-list .column-1 {
  width: 50%;
  float: left;
}

.home-top-accomdation-part .accomdation-list .column-2 li, .home-top-accomdation-part .accomdation-list .column-1 li { 
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  line-height: 26px;
  text-transform: capitalize;
  margin-bottom: 5px;
  color:#fff;
   letter-spacing:0.15px;
}

.home-top-accomdation-part .accomdation-list .column-2 {
  float: left;
  width: 50%;
}
.home-accomodations .list-inline li {
  position: relative;
  padding-left: 15px;
}
.home-accomodations .list-inline li::before { 
  content: "";
  background: #fff;
  width: 4px;
  height: 4px;
  position: absolute;
  border-radius: 100%;
  left: 0;
  top: 12px; 
}

.home-accomdation-slider {
  clear: both;
}

.accomdation-desc {
  width: 470px;
  height:440px;
  box-sizing: border-box;
  background: #242530;
  padding: 84px 40px 45px;
  text-align: center;
  position: absolute;
  z-index: 9;
  left: 0;
}
.package-btn , .accomdation-btn {
  border: 1px solid #fff;
}

.accomdation-btn a:link {color:#fff !important;}
.home-accomodations .container::after {
  content: "";
  background-image: url(https://www.battlegroundbestwesterninn.com/resourcefiles/battleground/dot-bg.png);
  width: 170px;
  height: 329px;
  position: absolute;
  left: -55px;
  z-index: -1;
  bottom: -120px;
}

.home-package-section .container::after {
  content: "";
  background-image: url(https://www.battlegroundbestwesterninn.com/resourcefiles/battleground/dot-bg.png);
  width: 170px;
  height: 329px;
  position: absolute;
  right: -25px;
  z-index: -1;
  top: 10px;
}

.home-package-section .accomdation-desc::after {
  right: -40px;
  left:auto;
  z-index: -1;
  top: -100px;
}
.accomdation-desc h2 { 
  font-size: 30px;
  color: #fff;
  font-family: 'Noto Serif', serif;
  line-height: 35px;
  margin-top: 10px; 
}
.home-accomdation-img::before { 
  content: "rooms";
  position: absolute;
  top: 0;
  font-size: 100px;
  text-transform: uppercase;
  top: 2px;
  left: 62px;
  font-family: 'Open Sans', sans-serif;
  color: #c4c4c4;
  z-index: 0;
  line-height: 65px;
  font-weight: 300; 
}

.home-accomdation-img img {
  z-index: 1;
  vertical-align: middle;
  position: relative;
}
.accomdation-desc .desc { 
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  padding: 54px 0px 58px; 
}
.accomdation-desc::before {
  content: "";
  width: 1px;
  height: 40px;
  position: absolute;
  top: 0;
  background: #fff;
  left:0;
  right:0;
  margin:auto;
}
.accomdation-btn {
  display: inline-block;
}

.accomdation-btn .button {
  border: 1px solid #fff;
}


.home-dining-section {
  width: 100%;
  float: left;
  position: relative;
}
.image-box-desc .link a {
  position: relative;
  content: "";
  padding-right: 20px;
  text-decoration: underline;
  font-family: 'Open Sans', sans-serif;
}

.image-box-desc .link a:hover,
.image-box-desc .link a:focus {text-decoration:none;color:#995d6b !important}

.image-box-desc .link a::after {content: "";position: absolute;font-family: 'mimiconfont'!important;right: 0; font-weight: normal; top:0px;font-size:11px;}

.image-box-desc .link a:hover ,  .image-box-desc .link a:focus {
  text-decoration: underline;
  border-bottom: none!important;
}
.home-dining-section .dining-box {
  width: 100%;
  float: left;
  position: relative;
  border-right: 1px solid #fff;
  box-sizing: border-box;
}
.home-dining-section .image-box::after {
  position: absolute;
  width: 100%;
  right: 0;
  left: 0;
  margin: 0 auto;
  height: 100%;
  content: "";
  top: 0;
  background: none;
}
.home-dining-section .dining-box:last-child {
  border-right: none;
}
.home-guest-review-section .bx-has-controls-direction {
  position: relative;
  float: none;
  margin: auto;
  display: block;
  right: 0;
  left: 0;
  text-align: center;
  width: auto;
  text-align: center;
  margin-top: 12px;
}

.home-guest-review-section .bx-has-controls-direction .bx-controls-direction {
  float: none;
}
.image-box-desc {
  position: absolute;
  text-align: center;
  display: inline-block;
  z-index:9;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
}

.image-box-desc h2 {
  color: #fff;
  font-size: 30px;
  font-family: 'Noto Serif', serif;
}

.image-box-desc .desc {
  color: #fff;

  margin: 12px 0 20px;
}

.image-box-desc .link a { 
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300; 
}

.image-box-desc .link a:hover , .image-box-desc .link a:focus
{
  color:#ff97b7 !important;
}
#contentinfo {
  position: relative;
}
#container {
  width: 1200px;
  margin: 0 auto;
  padding: 53px 15px;
  position: relative;
  max-width: 100%;
  display: block;
  box-sizing: border-box;
}

.welcome-section #container {
  padding: 53px 15px 35px;
  padding-top:0px;
  padding-bottom:0px;
}
#gdpr-emailoffer {
  margin-bottom: 20px;
}
.home-guest-review-section {
  padding: 100px 0 0px;
  text-align: center;
}

.guest-review-heading {
  width: 900px;
  margin: auto;
  display: block;
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 0 185px;
}
.guest-review-heading h2 {
  font-size: 40px;
  color: #7c122e;
  margin-bottom: 25px;
  font-family: 'Noto Serif', serif;
}
.accomdation-desc::before {
  content: "";
  width: 1px;
  height: 40px;
  position: absolute;
  top: 0;
  background: #fff;
}

.home-dining-section::before {
  content: "DINING";
  position: absolute;
  left: 0;
  right: 0;
  top: -84px;
  font-size: 100px;
  line-height:75px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  color: #c4c4c4;
  font-weight: 300;
}

.guest-review-heading::before {
  content: "\e93c";
  position: absolute;
  left: 12%;
  font-family: 'mimiconfont' !important;
  color: #7c122e;
  font-size: 32px;
  top: 50%;
  transform: translateY(-50%);
  transform: rotate(180deg);
}

.guest-review-heading::after {
  content: "\e93c";
  position: absolute;
  right: 12%;
  top: 50%;
  font-family: 'mimiconfont' !important;
  color: #7c122e;
  font-size: 32px;
}

.desc {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  line-height: 26px;
  color: #35291f;
}

.guest-review-heading .desc {
  max-width:600px;
  margin:auto;
  margin-bottom: 15px;
  margin-top: 5px;
}
.author-name {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #4e2e10;
  font-weight: 700;
}



.event-image-box-one {
  width: 570px;
  max-width: 100%;
  overflow: visible;
}

.home-wedding-event--left-section {
  width: 570px;
  float: left;
}

.home-wedding-event-right-section {
  float: right;
  width: 570px;
  max-width: 100%;
}

.event-image-box-two {
  width: 570px;
  max-width: 100%;
  margin-top: -50px;
  box-sizing: border-box;
}

.event-image-box-three {
  width: 370px;
  float: left;
  margin-top: 30px;
}

.home-wedding-event-section {
  background: #f8f8f6;
  padding-bottom: 100px;
  background-blend-mode: color-burn;
  background-image: url(/images_noindex/bg-white-pattern.png);
}

.home-wedding-event--left-section .heading {
  width: 100%;
  padding: 70px 90px 50px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}

.home-wedding-event--left-section .heading h2 { 
  font-family: 'Noto Serif', serif;
  font-size: 36px;
  margin-bottom: 15px;
  color: #242530;
  line-height: 45px; 
}

.home-wedding-event--left-section .heading::before {
  content: "";
  height: 80px;
  width: 1px;
  background: #242530;
  position: absolute;
  top: -40px;
}

.plan-your-moment a:focus h3 , .plan-your-moment a:hover h3 {
  color: #242530;
}


.plan-your-moment a:focus .plan-your-moment  , .plan-your-moment:hover {
  background: #f7941e;
}
.plan-your-moment {
  width: 245px;
  height: 245px;
  background: #165e86;
  border-radius: 100%;
  position: absolute;
  z-index: 9;
  bottom: -115px;
  display: block;
  left: 35px;
  box-sizing: border-box;
  padding: 15px;
  display: inline-block;
  transition: all 0.5s;
  -webkit-box-shadow: 0 0 18px rgba(0,0,0,.5);
  -moz-box-shadow: 0 0 18px rgba(0,0,0,.5);
  box-shadow: 0 0 18px rgba(0,0,0,.5);
}

.plan-your-moment h3 {
  text-align: center;
  color: #fff;
  padding: 0;
  font-family: 'GillSansMTPro-Medium';
  font-size: 27px;
  line-height: 27px;
  transition: all 0.5s;
}

.plan-your-moment .border-line {
  border: 1px solid #fff;
  border-radius: 100%;
  height: 100%;
  width: 100%;
  padding: 60px 0;
  box-sizing: border-box;
  text-align: center;
}

.plan-your-moment h3 span {
  display: block;
  font-family: PlayfairDisplay-Italic;
  text-transform: lowercase;
  font-size: 32px;
  line-height: 26px;
  margin-bottom: 10px;
}
.home-package-section .home-package-img {
  float: left;
  position: relative;
}

.home-package-section {
  /* background-image: url(/images_noindex/cocunt-leaf-one.png);*/
  background-repeat: no-repeat;
  background-position: 0 494px;
  padding-bottom:110px;
}
.home-package-section .bx-viewport {
  padding: 180px 0 0px;
}
.home-package-section .accomdation-desc {
  right: 0;
  left: auto;
  top: -80px;
  height:480px;
}

.accomdation-desc .start-rate {font-size: 22px;font-family: Muli-Bold;color: #fff;padding-bottom: 50px; display:none;}


.package-btn {
  display: inline-block;
}

.package-btn .button {
  border: 1px solid #fff;
}
.home-package-section .home-package-img::before {
  content: "PACKAGES";
  position: absolute;
  right: 85px;
  top: -76px;
  font-size: 100px;
  font-family: 'Open Sans', sans-serif;
  color: #e5e5e5;
  font-weight: 300;
  z-index: -1;
  line-height: 65px;
}

.text-center {
  text-align: center;
}
h1 {
  font-size: 30px;
  font-weight: normal;
  margin: 0;
  padding-bottom: 15px;
  font-family: 'Noto Serif', serif;
  text-transform: capitalize;
}

h2 {
  text-transform: capitalize;
  font-size: 25px;
  font-family: 'Noto Serif', serif;
  line-height: 35px;
}
h3, h4 {
  text-transform: capitalize;
  font-size: 22px;
  color: #fff;
  font-family: 'Noto Serif', serif;
  line-height: 35px;
}
#readmorelessbtn {
  width: 83px;
  margin: 15px auto 0;
}
#content .readmoretest {
  border: 1px solid #827035;
  color: #827035;
  cursor: pointer;
  display: block;
  font-size: 13px;
  height: 26px;
  line-height: 26px;
  margin: 15px auto 0;
  padding-left: 0;
  text-align: center;
  width: 76px;
  text-transform: capitalize;
}
#content .readmoretest:hover, #content .readmoretest:focus {
  background-color: transparent !important;
  color: #ff97b7 !important;
  text-shadow: 0 0 1px #ff0447; 
}
ul.bulletlist li{
  position: relative;
  padding: 0 10px 10px 15px;
  box-sizing: border-box;
  vertical-align: top;
}
ul.bulletlist li::before {
  content: "\e930";
  font-family: 'mimiconfont';
  font-size: 9px;
  position: absolute;
  left: 0;
  top: 1px;
}
ul.bulletlist.nobullet li::before{display:none}
ul.bulletlist.twocolumn li{ width: 48%; display: inline-block;}
ul.bulletlist.threecolumn li {
  width: 48%;
  display: inline-block;
  position: relative;
  padding-left: 50px;
  border-bottom: 1px solid #777;
  padding-right: 0;
  margin-right: 15px;
  float: left;
}
ul.bulletlist.threecolumn li:nth-child(even) {
  float:right;}

.bulletlist.threecolumn li .amenity-image {
  position: absolute;
  top: 10px;
  left: 0;
}
/*========================== Content End ===================*/

.parts-slider {
  position: relative;
}
.featurebanner-leftdiv {
  float: left;
  width: 50%;
  position: relative;
}
.featurebanner-rightdiv {
  float: right;
  width: 50%;
}
.parts-slider.parts-slider-bottom .featurebanner-rightdiv {
  position: relative;
}
.featurebanner-leftdiv .feature-img {
  direction: rtl;
}
.parts-slider img {
  vertical-align: top;
}
.hm-common-feature-box {
  position: absolute;
  width: 500px;
  box-sizing: border-box;
  top: 0;
  right: 0;
  text-align: center;
  background-color: #857338;
  color: #ffffff;
}
.hm-common-feature-box, #photo-gallery {
  position: absolute;
  width: 500px;
  box-sizing: border-box;
  top: 0;
  right: -7.5px;
  text-align: center;
  background-color: #857338;
  color: #ffffff;
  height: 50%;
  border-left: 15px solid #ffffff;
  border-right: 15px solid #ffffff;
  border-bottom: 7.5px solid #ffffff;
  padding: 0 50px;
}
#photo-gallery {
  bottom: 0;
  top: inherit;
  border-top: 7.5px solid #ffffff;
  border-bottom: 0 solid #ffffff;
}
.hm-feature-top-title, .gallery-title .gallery-subtitle {
  font-size: 24px;
  font-family: 'Georgia';
  font-style: italic;
  color: #ffffff;
  padding-bottom: 6px;
  display: block;
}
.hm-feature-top-title a:link, .hm-feature-top-title a:visited, .hm-feature-sub-title a:link, .hm-feature-sub-title a:visited {
  color: #ffffff;
  border-bottom: 1px dotted transparent;
}
.hm-feature-top-title a:hover, .hm-feature-top-title a:focus, .hm-feature-sub-title a:hover, .hm-feature-sub-title a:focus {
  border-bottom: 1px dotted #ffffff;
}
.hm-feature-sub-title, .gallery-title {
  color: #ffffff;
  font-family: 'Raleway-Regular';
  font-size: 30px;
  background-image: url(/images_noindex/home-tile-bg.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-bottom: 35px;
  margin-bottom: 20px;
}
.home-special-section, .photo-gallery-inner, .home-reason-section, .home-review-section {
  padding-top: 30px;
}
.home-review-section {
  padding-top: 25px;
}
.home-reason-section {
  padding-top: 40px;
}
.hm-feature-text, #lowest {
  font-size: 16px;
  line-height: 22px;
}
.hm-feature-text a:link, .hm-feature-text a:visited {
  color: #ffffff;
}
.hm-feature-text a:hover, .hm-feature-text a:focus {
  text-decoration: underline;
}
.hm-common-feature-box .bx-controls {
  position: absolute;
  bottom: -40px;
  z-index: 51;
  width: 100%;
  left: 6px;
}
.hm-common-feature-box .bx-wrapper .bx-pager.bx-default-pager a {
  border: 1px solid #ffffff;
  border-radius: 0;
  height: 4px;
  margin: 0 15px 0 0;
  background: transparent;
  width: 4px;
  transform: rotate(45deg) scale(2,2);
}
.hm-common-feature-box .bx-wrapper .bx-pager.bx-default-pager a:hover, .hm-common-feature-box .bx-wrapper .bx-pager.bx-default-pager a:focus, .hm-common-feature-box .bx-wrapper .bx-pager.bx-default-pager a.active {
  border: 1px solid #dedede;
  background: transparent;
}
#moreinfo a.button:link, #moreinfo a.button:visited, .hm-feature-btn a:link, .hm-feature-btn a:visited {
  width: 152px;
  margin: 0 auto;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.hm-feature-btn a:link, .hm-feature-btn a:visited {
  display: inline-block;
  width: 72px;
  margin: 0 10px;
}
#moreinfo a.button:hover, #moreinfo a.button:focus, .hm-feature-btn a:hover, .hm-feature-btn a:focus {
  color: #5e4f1e;
  background-color: #ffffff;
}
#moreinfo, .hm-feature-btn {
  padding-top: 20px;
}
#moreinfo a.button span {
  margin-right: 7px;
}
.parts-slider.parts-slider-bottom .hm-common-feature-box {
  right: inherit;
  left: -7.5px;
}
.parts-slider.parts-slider-bottom .hm-common-feature-box.hm-common-feature-box-bottom {
  top: inherit;
  bottom: 0;
  border-top: 7.5px solid #ffffff;
  border-bottom: 0 solid;
}
.hm-review-start-box .parkrightstar {
  text-align: center;
}
.hm-review-start-box .parkrightstar .star-rating {
  margin: 0 auto 10px;
}
.hm-review-start-box {
  font-size: 16px;
}
.featurebanner-rightdiv #review-wite-btn {
  display: none;
}
.parts-slider.parts-slider-bottom {
  border-top: 15px solid #ffffff;
}


/*========================== Footer Start ===================*/
#note {
  border-top: none;
  /*background-image: url(/images_noindex/bg-part.png);*/
  background-repeat: repeat;
  background-color: #7c122e;
}
#note a {
  color: #fff;
  border-bottom: 1px solid transparent;
  font-family: 'Open Sans', sans-serif;
}
#note a:hover, #note a:focus, #note a.navON {
  color: #ff97b7;text-shadow: 0 0 1px #ff0447; 
}
#note .middle-footer .social-part .social-media a:hover, #note .middle-footer .social-part .social-media a:focus {
  border-bottom: 1px solid transparent;
}
#note .middle-footer .social-part .social-media a:hover .icon-s , #note .middle-footer .social-part .social-media a:focus .icon-s {
  color: #fff;
}

.top-footer {
  background: #242530;
  padding: 24px 0;
}
.top-footer-right a {
  color: #fff;
  text-transform: uppercase;
}
.footer-address a {
  color: #fff;
}
.top-footer-left {
  float: left;
}

.top-footer-left ul li a { 
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  text-transform: capitalize;
  font-weight: 300; 
  font-size:15px;
}
a:hover , a:focus{outline:none!important;}
.top-footer-left ul li {
  display: inline-block;
}

.top-footer-left ul li {
  margin-right: 32px;
}

.top-footer-right {
  float: right;
}

.top-footer-right a {color: #fff;font-size: 16px;letter-spacing: 1px;}

.middle-footer { 
  text-align: center;
  padding: 55px 0 0px; 
}

.middle-footer .hotel-name { 
  font-size: 30px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.2;
  padding-bottom: 36px;
  text-transform: uppercase; 
}

.footer-address { 
  padding-bottom: 28px;
  display: inline-block;
  line-height: 22px;
  margin-left: 80px; 
}

.footer-address .address-left {
  display: inline-block;
  color: #fff;
  padding-right: 40px;
  position: relative;
  padding-top: 15px;
  text-align: right;
}

.footer-address .address-right {
  display: inline-block;
  color: #fff;
  padding-left: 40px;
  text-align: left;
}

.footer-address .address-left::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 70px;
  line-height: 25px;
  background: #fff;
  right: 0;
  top: 0;
}

.footer-reservation {
  font-size: 16px;
}

.footer-reservation a {
  color: #fff;
  margin-left: 10px;
}

.footer-email {}

.address-right .footer-email {

  font-size: 16px;
}



.social-part ul li {
  display: inline-block;
  padding: 0 15px 0 0;
}

.social-part ul li .icon-s {color: #fff;font-size: 25px;}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight:400;
}

.bootom-footer-left { 
  float: none;
  text-align: center; 
}

.bottom-footer-right {
  float: right;
}

.bottom-footer-right .rewards-log {
  float: left;
  width: 222px;
}

.bottom-footer-right .best-price-logo {
  float: right;
  margin-left: 27px;
  width: 127px;
}


.footer-address a {
  color: #fff;
  transition: all 0.5s;
}
.bottom-footer {
  padding: 30px 0 30px;
}

.bootom-footer-left ul li a:focus , .bootom-footer-left ul li a:hover {
  color: #dec689;
}
.bootom-footer-left ul li a {
  color: #fff;
  font-size: 14px;
  transition: all 0.4s;
}

.bootom-footer-left ul li {
  display: inline-block;
  padding: 0 10px;
  position: relative;
}

.bootom-footer-left ul li:first-child {
  padding-left: 0;
}

.bootom-footer-left ul li::after {
  content: "";
  height: 15px;
  position: absolute;
  width: 1px;
  background: #fff;
  right: 0;
  top: 7px;
}
.top-footer-right .mim-icon-gift {
  margin-left: 8px;
  font-size: 20px;
}
.bootom-footer-left ul li:last-child::after {
  width: 0;
  content: "";
}
.middle-footer .social-part ul li .icon-s {
  font-size: 18px;
}
/*.footer-reservation span {
margin-right: 7px;
}*/
.copyright-link {
  font-size: 14px;
  color: #fff;
  margin-top: 20px;
}
.middle-footer .social-part {
  margin-top: 15px;
}
.ot-dc-badge.ot-dc-badge--p {
  display: inline-block;
  width: 162px;
  float: right;
  height: 150px;
  margin-left: 15px;
}
.ot-dc-badge--p {
  background-size: 122px !important;
  margin-top: 5px;
}
#wrapper .top-section a:hover, #wrapper .top-section a:focus {
  color: #fff !important;
}

@media only screen and (max-height:768px){
  #reservation {padding: 53px 0;}
  #reservationtable .res-text {    margin-bottom: 25px;}
  #reservationtable form ul li {    margin-bottom: 15px;}
  #reservationtable {padding: 23px;}
}
/*========================== Footer End ===================*/


.milestone_placepark {height: auto !important;}
#locationmixmap {    height: 100% !important;     background: #fff;}
.H_ib_body {width:320px;}
h2.mappop-title {
  font-size: 15px !important;
  padding-bottom: 0px !important;
  line-height:initial;
}

.H_ib_close {
  right: 5px !important;
  top: 5px !important;
}
.caption-data {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  height: fit-content;
  text-align: center;
  margin: auto;
  background: #000;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 30px 50px;
  color: #fff;
  font-size: 24px;
  display: inline-block;
  width: auto;
  margin-left: -290px;
}
.caption-data span {
  display: block;
  color: #dec689;
  font-size: 30px;
  font-family: 'Noto Serif', serif;
  padding-top: 10px;
}
.caption-data a:link, .caption-data a:visited {
  color: #fff;
}
/*-------------------*/





.plan-wrap {
  padding: 0 0 50px;
}
.plan-content::after {
  clear: both;
  display: block;
  content: " ";
}
.plan-box {
  width: 48%;
  float: left;
  text-align: left;
  padding: 30px;
  box-sizing: border-box;
  border: 1px solid #cbcbcb;
  margin: 0 0 40px;
  background-color: #ededed;
}
.plan-box:nth-child(2n) {
  float: right;
}
.plan-box:nth-last-child(-n+1) {
  margin: 0;
}
.margin-last-child .plan-box:nth-last-child(-n+2) {
  margin: 0 0 40px;
}
.margin-last-child .plan-box:last-child {
  margin: 0;
}
.margin-last-child.margin-last-child2 .plan-box {
  margin: 0;
}
h2.pln-head {
  padding: 0 0 30px;
}
.pressbtn {
  width: 200px;
  padding-top: 15px;
}
.snippet-vtour-btn a.button:link, .snippet-vtour-btn a.button:visited {
  display: inline-block;
  margin-top: 20px;
}
#nav { 
  position: relative;
  display: inline-block;
  left: 226px; 
  /*left:165px;*/
}
.quick-lik-nright-item2 { 
  margin-top: 31px; 
}
#locationmixmap a {
  color: #000 !important;
}
#locationmixmap a:hover, #locationmixmap a:focus {color:#f7941e;}
#backtotop {
  bottom: 10px;
  cursor: pointer;
  display: none;
  height: 35px;
  position: fixed;
  right: 10px;
  width: 36px;
  z-index: 18;
  border: 1px solid #242530;
  color: #7c122e;
  font-size: 22px;
  line-height: 35px;
  text-align: center;
  background: #ffffff;
  transform: scale(1.2);
}
#backtotop:hover, #backtotop:focus {
  border: 1px solid #242530;
  background: #242530;
  color: #fff;
}
#backtotop .mim-icon-down-chevron {    transform: rotate(180deg);
  display: block;
  margin-top: 6px;
}
.bx-controls span.total {
  font-size: 24px;
}
.H_l_horizontal .H_ctl {
  background: #f4f4f4;
}
svg.H_scalebar_svg text{
  color: #000;
}
.contact-form-wrapper .left-contentsection {
  margin-top: 20px;
}


#mainimage .flex-pauseplay {
  position: absolute;
  z-index: 9;
  top: 40%;
  margin: -20px 0 0;
  left: 15px;
  transform: translateY(-40%);
}
.formslable {display:none !important;}

article.box2.reservation-policy li {
  width: 100%;
}


.top-section #breadcrumb a:hover, #breadcrumb a:focus {
  color: #165e86;
}

#middle .flex-direction-nav li .flex-prev:focus, 
#middle .flex-direction-nav li .flex-next:focus {
  background: #242530;
}

#middle .flex-direction-nav li .flex-prev:focus:before, 
#middle .flex-direction-nav li .flex-next:focus:before {
  color:#fff;
}


#wrapper .top-section #hotel-btn .button {
  padding: 9px 25px 7px;
  width: 180px;
}
.mapinnerbox {
  text-align: left;
}

@media only screen and (max-width:1024px) 
{
  .H_ib_body {
    right: inherit;
  }
}

#mainimage a.flex-play:link, #mainimage a.flex-play:visited, #mainimage a.flex-pause:link, #mainimage a.flex-pause:visited {
  border: 2px solid transparent;
  display:none;

}

#mainimage a.flex-play:focus, #mainimage a.flex-pause:focus {
  border: 2px solid #47474a;
  display: block;
  box-sizing: border-box;
}

/*Custom styles*/
.reservation-btn a.button:link {background:#7c122e;width:200px;text-align:center;color:#fff;line-height:10px;height:50px;border:1px solid transparent;margin-top:2px;}
.reservation-btn a.button:link:hover,
.reservation-btn a.button:link:focus {border:1px solid #7c122e !important;background:none;color:#7c122e !important;}
.discover-down-key::after {color:#7c122e;}
.discover-down-key:hover::after {color:#fff;}
.discover-down-key:focus::after {color:#fff !important;}
.grid-container {/*background:url(https://www.battlegroundbestwesterninn.com/resourcefiles/battleground/grid-bg.jpg);*/margin-top:155px;padding-bottom:100px;}
.grid-container .grid-content {max-width:390px;margin:auto;margin-top:40px;position:relative;}
.grid-wrapper .carouselitems {display: flex;align-items: initial;justify-content: space-between;max-width:1170px;margin:auto;}
.grid-container .title {font-size:40px;max-width:180px;font-family:'noto serif',serif;color:rgba(255, 255, 255, 0);text-shadow:0px 0px 0px #fff;margin:auto;margin-top:40px;margin-bottom:25px;position:relative;line-height:45px;padding-top:40px;}
.grid-container .title:after {content:"";width:1px;height:40px;position:absolute;top:-20px;background:#fff;left:50%;transform:translate(-50%,-50%);}
.grid-container .text {max-width:390px;margin:auto;text-align:center;margin-bottom:50px;font-size:16px;color:rgba(255, 255, 255, 0);text-shadow:0 0 0 #fff;}
.grid-container .left {margin-right:32px;}
.grid-container .left .image {position:relative;}
.grid-container .right {margin-top:-50px;}
.grid-container .right img:first-child {margin-bottom:30px;}
.grid-label {position: absolute; width: 245px; height: 245px; background: #fff; border-radius: 50%;left: 35px;bottom: -110px;transition: all .450s;}
.grid-label .inner {font-size:27px;text-transform:uppercase;text-align:center;max-width:128px;line-height:30px;color:#7c122e;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition: all .450s;}
.grid-label .inner span{font-family: 'Noto Serif', serif;font-style:italic;text-transform:lowercase;position: relative; display: inline-block; top: -3px;font-size:32px;}
.grid-label:after {content:"";position: absolute; width: 220px; height: 220px; border-radius: 50%;border:1px solid #7c122e;left:50%;top:50%;transform:translate(-50%,-50%);transition: all .450s;}
span.ht-adr {display:block;}
#note .htl-name {font-size: 30px; color: #fff; margin-bottom: 36px; max-width: 380px; margin: auto; margin-bottom: 36px; font-weight: 400; line-height: 38px;}
.footer-bottom .reward-block,
.footer-bottom a{display:inline-block;vertical-align:top;margin:0px 8px;transition:all .340s;}
.footer-bottom a img {transition:all .340s;}
.footer-bottom a:hover img,
.footer-bottom a:focus img{transform:scale(1.05);}
.attractionsnippetbtns .ttd-snippet-tab a.button {border:1px solid #7c122e !important;color:#7c122e;font-size:15px;padding:16px 25px 16px;}
.footer-bottom {text-align:center;color:#fff;padding-bottom:70px;}
.footer-bottom .reward-block {max-width:240px;text-align:right;font-size:12px;line-height:15px;}
.footer-bottom .reward-block .rewards-text {font-size: 9px;margin-top: 5px;margin-bottom: 6px;}
.footer-bottom div#CDSWIDGRN {
  margin: 0 !important;
}
.top-section {background:#7c122e;}
#wrapper .location-map-menu  .top-section a {background:#242530;color:#fff;}
.con-info-icon .con-icon {background:#7c122e !important;color:#fff !important;}
.con-info-icon a {color:#7c122e;}
#touchphotogallery {margin-top:25px;}
.fact-box-icon img{opacity:0;height:20px;}
.fact-box-icon svg {width: 20px;fill: #fff;height: 20px;margin-right: 24px;vertical-align: middle;}
.contact-form-wrapper .button {border: 1px solid #7c122e !important;color: #7c122e !important;}
.contact-form-wrapper .commentlabel {margin-top:10px;}
#reservationtable form ul li:nth-child(3),
#reservationtable form ul li:nth-child(4),
#reservationtable form ul li:nth-child(5) {width:30%;}
.quickrfpbox.formbox .commentlable  {margin-top:10px;}
.locationcategory-menu.menu-nearby.activemap span.bold {color:#fff !important;font-weight:bold;}
.weathertxt.weathericon .ic-weather{font-size: 22px; vertical-align: -3px;}
a.grid-badge:hover .grid-label,
a.grid-badge:focus .grid-label{background:#242530 !important;box-shadow: 0px -1px 10px -1px #ccc;}
a.grid-badge:hover .grid-label:after,
a.grid-badge:focus .grid-label:after{border:2px solid #fff;}
a.grid-badge:hover .grid-label .inner,
a.grid-badge:focus .grid-label .inner {color:#fff;}
.gallery-main .top-section #breadcrumb a:link, .gallery-main #breadcrumb a:visited {color:#7c142e !important;font-weight:bold;}
.gallery-main .top-section #breadcrumb a:link:hover, .gallery-main #breadcrumb a:visited:hover,.gallery-main .top-section #breadcrumb a:link:focus, .gallery-main #breadcrumb a:visited:focus {color:#000 !important;}
.gallery-main .top-section #breadcrumb a:link:hover,
.gallery-main .top-section #breadcrumb a:link:focus {border-bottom:1px solid #fff;}
.commentcoderow button {border:1px solid #7c122e !important; color:#7c122e;}
span.error-message {color:#7c122e;}
.input-error {border-color:#7c122e !important;}
#wrapper .top-section #hotel-btn .button {border:1px solid #7c122e !important;}
#wrapper .top-section #hotel-btn .button:hover,
#wrapper .top-section #hotel-btn .button:focus {background:#7c122e !important;color:#fff !important;}
.mim-icon-laptop, .mim-icon-phone-receiver, .mim-icon-maps-and-flags, .mim-icon-road-with-two-placeholders {color:#7c122e !important;}
.top-section .ttd-adress .mim-icon-laptop, 
.top-section .ttd-adress .mim-icon-phone-receiver, 
.top-section .ttd-adress .mim-icon-maps-and-flags, 
.top-section .ttd-adress .mim-icon-road-with-two-placeholders,
.top-section .ttd-miles .mim-icon-road-with-two-placeholders,
.top-section .ttddtvb .mim-icon-laptop {color:#fff !important;}

.bottom-section .ttd-adress .mim-icon-laptop, 
.bottom-section .ttd-adress .mim-icon-phone-receiver, 
.bottom-section .ttd-adress .mim-icon-maps-and-flags, 
.bottom-section .ttd-adress .mim-icon-road-with-two-placeholders, 
.bottom-section .ttd-miles .mim-icon-road-with-two-placeholders, 
.bottom-section .ttddtvb .mim-icon-laptop{color:#7c122e !important;}

#middle .flex-direction-nav li .flex-next::before {font-size:12px !important;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color:#7c122e;}
#middle .flex-direction-nav li .flex-next:hover::before {color:#fff;}
#middle .flex-direction-nav li .flex-prev::before {font-size:12px !important;position: absolute;left: 47% !important;top: 50%;transform: translate(-50%, -50%);color:#fff;}
#middle .flex-direction-nav li .flex-prev:hover::before {color:#fff;}
#wrapper a.skip-to-content-btn:focus {background:#7c122e;color:#fff !important;}
.common-title.meeting-form-title {font-size: 36px;text-align: center;color: #242530;margin-bottom: 30px;padding-bottom: 30px;border-bottom:1px solid;font-family:'Noto Serif', serif;text-align:left;}
.main-content a:link,
.main-content a:visited{text-decoration:underline;}
#wrapper .top-section .main-content a:hover, #wrapper .top-section .main-content a:focus {
  color: #ff97b7 !important;text-shadow: 0 0 1px #ff0447; border-bottom:none !important;}
.ttd-special-content {margin-top:30px;margin-bottom:30px;}
.ttd-special-content  span {font-weight:bold;}
.welcome-section .welcome-left-section #direct-access.expandedtest {-webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;}
.faq-details a {text-decoration:underline;}
.faq-details a:hover,
.faq-details a:focus {color:#000;}
.locationcategory-menu:hover,
.locationcategory-menu:focus{color: #ff97b7;outline:none;
  text-shadow: 0 0 1px #ff0447;}
.locationcategory-menu:hover.menu-nearby:before,
.locationcategory-menu:focus.menu-nearby:before{background:#ff97b7;}
#wrapper .top-section #breadcrumb a:hover, #wrapper .top-section #breadcrumb a:focus{color: #ff97b7 !important;text-shadow: 0 0 1px #ff0447;}
.social-media a.tripadvisor:hover span::before, .social-media a.tripadvisor:focus span::before, .social-media a.facebook:hover span::before, .social-media a.facebook:focus span::before {color:#ff97b7 !important;}
#wrapper .top-section .popup-phone a:hover, #wrapper .top-section .popup-phone a:focus {color:#7c122e !important;border-bottom:none;text-decoration:none;}
.H_ib_close:hover svg.H_icon, .H_ib_close:focus svg.H_icon {fill:#7c122e !important;}
.commentinput {position:relative;}
.right-formsection span.error-message {position:absolute;bottom:-27px;left:0px;}
.inner-form-part .form-input {margin-bottom:30px;}
.image-box:hover .image-hover-box,
.image-box:focus .image-hover-box,
.image-hover-box a:focus,
.ibl:focus-within .image-hover-box{top: 0 !important;}
.icon-phone,
.icon-laptop,
.icon-location2{position:relative !important;}
.din-icon {position: relative;margin-right: 10px;vertical-align: top;font-size: 14px;}
.location-attraction-map .map-box-popup,
.location-attraction-map .mapinnerbox{width:100% !important;}
.location-attraction-map .H_ib_body{width:330px;}
.contact-form-wrapper .map-box-popup,
.contact-form-wrapper .mapinnerbox{width:100% !important;}
.contact-form-wrapper .H_ib_body{width:330px;}
#wrapper .top-section .sitemapinfo a {text-decoration:underline;}
#legislation a {text-decoration:underline;border-bottom:none !important;}
#gdpr-privacy #legislation a:hover,
#gdpr-privacy #legislation a:focus {color:#ff97b7 !important;}

#contentinfo #adawebsiteconformance a {text-decoration:underline;border-bottom:none !important;}
#contentinfo #adawebsiteconformance a:hover,
#contentinfo #adawebsiteconformance a:focus {color:#ff97b7 !important;}

.ada-website-conformance #wrapper .top-section a:link {text-decoration:underline;border-bottom:none !important;}
.ada-website-conformance:visited:hover, .ada-website-conformance #wrapper .top-section a:link:hover,
.ada-website-conformance #wrapper .top-section a:link:focus{color:#ff97b7 !important;border-bottom:none !important;}
.footer-address {margin-left:10px;}
.image-box-desc {width:30% !important;}
.home-dining-section .dining-box {max-width:1170px;margin:auto;float:none;}
.menu-subnav {display:none;position:absolute;width:200px;background:#fff;padding-top:10px;z-index:99;}
.menu-subnav {padding:0px;margin:0px;background:#fff;padding-top:18px;}
.menu-subnav li {display:block !important;padding:0px !important;border-bottom:1px solid #ccc;}
.menu-subnav li a {display:block;padding:6px 10px;text-decoration:none;font-size:15px !important;line-height: 20px;}
/*#nav ul li.subnav:hover .menu-subnav,
#nav ul li.subnav:focus .menu-subnav{display:block;}*/
#topnav li.subnav {position:relative;}
#topnav li.subnav:after {position:absolute;right:-4px;top:12px;width:0px;height:0px;content:'';border-top: 5px solid #7c122e;border-right: 5px solid transparent;border-bottom: 0;border-left: 5px solid transparent;}
.mapinnerbox_btn:hover,
.mapinnerbox_btn:focus{
  color:#ff97b7;text-decoration:underline;}
.mapinnerbox_snippet > div {color:#000 !important;}
.mapinnerbox_snippet br {display:none !important;}
.mapinnerbox {width:auto !important;}
.ui-widget-content .ui-state-default:hover,
.ui-widget-content .ui-state-default:focus{background:#323232;color:#fff;}
.rlogo a:hover,
.rlogo a:focus{color:#7c122e;} 
.ada-main-wrapper a:hover,
.ada-main-wrapper a:focus{color:#9c4560 !important;}
.home-guest-review-section {position:relative}
.home-guest-review-section .container:after {
  content: "";
  background-image: url(https://battlegroundbestwesterninn-new.web4cms.milestoneinternet.info/resourcefiles/battleground/dot-bg.png);
  width: 170px;
  height: 329px;
  position: absolute;
  right: -44px;
  z-index: -1;
  bottom: auto;
  top: -200px;
}
.home-package-section .bx-has-controls-direction .bx-pager {letter-spacing:-3px;}
.popup-form #gdpr-rfp a:hover,
.popup-form #gdpr-rfp a:focus{color:#ff97b7;}
.google-captcha-message {position:absolute;width:100%;}
.emap-page-section h1{line-height: 39px;font-size: 25px;}
.din-snp-content .icon-phone {top:7px;font-size: 14px;    font-weight: bold;
  color: #7c122e;
}
.review-table {font-size:14px;}
#locationmixmap div#map{height: 450px !important;}
header {border-bottom:1px solid #999;}
.location-new-section {color:#000;}
.new-section.top-section {background:#fff;color:#000;}
#edextcontent .locationattractionmain li::before {font-family:"milestoneretinadisplayicons" !important;color:#242530 !important;}
.new-section.top-section h3 {color:#000;}
.new-section.top-section #post-box ul li::before {border-radius:50%;background:#000;}
.dt.eo {display:table;table-layout:fixed;width:100%;}
.dt.eo .dtc {display:table-cell;vertical-align:top;}
.dt.eo .dtc:first-child {padding-right:30px;}
.in-inner {display: table;
  table-layout: fixed;
  width: 100%;direction:rtl;}
.in-inner .left {display:table-cell;vertical-align:middle;direction:ltr;}
.in-inner .right {display:table-cell;vertical-align:middle;}
.in-inner .left-inner {max-width:476px;margin:auto;}
.in-inner .ans {display:none;}
.ins-main{position:relative;padding:60px 0px;margin-bottom:100px;}
.ins-main:after {width:70vw;position:absolute;height:100%;left:0px;top:0px;background:url(https://www.battlegroundbestwesterninn.com/resourcefiles/battleground/grid-bg.jpg) repeat;content:'';}
.travel-main {position:relative;z-index:1;}
.travel-main img{max-width:100%;    display: block;}
.left-inner .title {
  font-size: 40px;
  color: #fff;
  font-family: 'Noto Serif', serif;
  margin-bottom: 50px;
}
.home-faq li{padding-left:36px;}
.home-faq .queanchor {font-family: 'Open Sans', sans-serif;position:relative;margin-bottom:20px;font-size:22px;color:#fff;font-weight:100;display:block;}
.home-faq .ans {font-size:14px;color:#fff;padding-bottom:30px;}
.home-faq .queanchor:before {position:absolute;left:-36px;top:1px;content:"+";font-size:32px;width:30px;height:30px;color:#fff;    text-decoration: none !important;
}
.home-faq .queanchor.active:before {content:"-";font-size:54px;}
.home-faq .queanchor:hover, .home-faq .queanchor:focus{color:#ff97b7;}
.home-faq .queanchor:hover span, .home-faq .queanchor:focus span {
  text-decoration: underline;
}

.home-faq .ans a {position: relative;
  padding-left: 13px;
  border-left: 1px solid #fff;
  height: 37px;
  display: block;
  line-height: 35px;
  text-decoration: underline;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  max-width:130px;
  margin-top:25px;}
.home-faq .ans a:before {content:'';position:absolute;right:0px;top:9px;font-size:14px;width:20px;height:20px;background:url(https://www.battlegroundbestwesterninn.com/resourcefiles/battleground/learn-more-arrow.png) no-repeat;background-position:right center;}
.home-faq .ans a:hover,
.home-faq .ans a:focus {color:#ff97b7;border-left:1px solid #ff97b7;}
.home-faq .ans ul {margin-top:15px;margin-bottom:15px;}
.home-faq .ans ul li {list-style: disc;
  padding-left: 0px;
  margin-left: 15px;
}
.soap-aid {    display: inline-block;    margin-left: 15px;}

@media(min-width:1366px) {
  #reservationtable {padding:66px 0px;}
  .home-accomodations .bx-has-controls-direction {bottom:40px !important;margin-left:145px !important;}
  .dining-box .image-box img{height:505px;}
}

@media(max-width:1250px) {
  #nav {left:210px}
  #nav ul li a:link, #nav ul li a:visited {font-size:13px;}
  .home-package-section .container::after {right:0px;}
  .grid-container .right img,
  .grid-container .left img {max-width:100%;}
  #topnav li {padding:0px 5px !important;}
}

@media(max-width:1170px) {
  #logo {width:auto;}
  #nav {left:170px;}
}


/*Internet explorer css*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { 
  #reservationtable ul li button.ui-datepicker-trigger, 
  .ada-datepicker .ui-datepicker-trigger {bottom:5px !important;}
  .reservation-btn a.button:hover, .reservation-btn a.button:focus:link {border:1px solid #7c122e !important;color:#7c122e !important;}
  #reservation .resinputbox {line-height:normal;}
  .image-box:hover .image-hover-box {top:0px;}
  .image-hover-box::before {top: 14px;left: 50%;transform: translate(-50%, -50%);}
  .mappop-title {line-height:normal;}
  #wrapper .top-section #hotel-btn .button {margin-top:-10px;}
  svg.amenity-image text {display:none;}
}
.formslable {display:none !important;}

.faq-pg .inner-container ul li::before { display: none; }
.faq-pg .home-faq .queanchor:before { display: none; }
.faq-pg .inner-container ul li { padding-left: 0; }
.faq-pg .home-faq .ans a { display: none; }
.faq-pg .home-faq .queanchor {  display: inline-block;}
.faq-pg  #wrapper .top-section a:hover {
  border: 0 !important;
}

.home-guest-review-section .bx-pager.bx-default-pager {
  display: none;
}
.formslable {display:none !important;}


#CDSWIDCOE {
  position: relative;
  font: normal 11px Trip Sans VF,Trip Sans,Arial,sans-serif;
  color: #000;
  background-color: #fff;
  overflow: hidden;
  width: 148px;
  margin: 0 10px 10px 10px;
  text-align: center;
}
#CDSWIDCOE a {
  margin: 0;
  display: block;
  padding: 10px 0;
}
#owner{    
  text-align: center;
  background: #6b0e26;
  padding: 10px 0;
  color: #fff;
  font-size: 12px; 
}
a.milestone:link, a.milestone:visited {
  color: #fff;
}
a.milestone:hover {
  color: #ff97b7;
}
.home-banner {
    background: #7c122e;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    max-width: 410px;
    padding: 20px;
    text-align: center;
}

.ada-website-conformance .inner-container h1 {
    background: #7c122e;
}