html {background: #19334d;padding: 0;margin: 0 auto;scroll-behavior: smooth;}
body {background: #FFFFFF;max-width: 1920px;padding: 0;margin: 0 auto;}
p, ul, li, ol, blockquote, address {color: #21272c;line-height: 175%;font-size: 15px;}
p {font-size: 17px;margin: 0 0 25px;}
blockquote {border-left: 5px solid #FF9933;margin-left: 20px;margin-right: 20px;}
h1,h2,h3,h4,h5,h6 {line-height: 150%;color: #21272c;font-weight: 500;font-family: 'georgia', serif;margin: 40px 0px 30px;}
hr {border-top: 1px solid #b4964b;padding: 0;margin: 30px;}
img {display: block;width: auto;max-width: 100%;height: auto;border-radius: 15px;padding: 0;margin: 0 auto;}
a {border: none;cursor: pointer;}
.text-48 {font-size: 42px;}
.m-40 {margin: 40px auto 40px;}
.m-t40 {margin: 40px auto 0px;}
.text-uc {text-transform: uppercase;}
.bord-0 {border-radius: 0;}
.bord-bot {border-bottom: 1px solid #ae966b;padding-bottom: 20px;}
.dropcap {
  float: left;
  width: 48px;
  color: #1f4061;
  font-weight: bold;
  font-size: 59px;
  font-family:  'georgia', serif;
  line-height: 100%;
  text-shadow: 4px 4px 5px #d9cba5;
  }

/*========== LINKS */
.go-gallery:link {
	display: block;
	text-decoration: none;
	border-radius: 50%;
	font-family: 'georgia', serif;
	font-size: 16px;
	text-align: center;
	line-height: 130%;
	width: auto;
	max-width: 200px;
	height: auto;
	background: #222222;
	color: #99ceff;
	letter-spacing:1px;
	margin:0 auto;
	padding: 15px 20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: 500ms;
	}
.go-gallery:visited {
	background: #FFFFFF;
	color: #111111;
	text-decoration: none;
	}
.go-gallery:hover {
	background: #FFFFFF;
	color: #111111;
	text-decoration: none;
	}
.go-gallery:active {
	background: #111111;
	color: #99ceff;
	text-decoration: none;
	}

.btn-download:link {display: block;text-decoration: none;font-size: 16px;text-align: center;line-height: 130%;width: auto;height: auto;background: transparent;color: #0077CC;letter-spacing:1px;border-bottom: 1px solid #FFFFFF;margin:0px;padding: 12px;transition: 0.2s;}
.btn-download:visited {background:#FFFFFF;color:#006699;border-bottom: 1px solid #FFFFFF;text-decoration: none;}
.btn-download:hover {background:#003366;color:#00CCFF;text-decoration: none;}
.btn-download:active {background:#003366;color:#FFFFFF;text-decoration: none;}

.btn-open:link, .btn-open:visited {display: inline-block;text-decoration: none;font-size: 16px;font-weight: bold;text-align: center;line-height: 130%;min-width: 80px;height: auto;border: 2px solid #FF9900;background:#FFFFFF;color: #FF9900;letter-spacing:1px;padding: 15px 20px 15px;margin: 10px 0px 30px 0px;transition: 0.2s;}
.btn-open:hover, .btn-open:active {background:#003366;color:#5BD7FF;border: 2px solid #003366;text-decoration: none;}

.link-text:link, .link-text:visited {color: #004d99;}
.link-text:hover, .link-text:active {color: #003366;}

.frame:link, .frame:visited {outline: 4px solid transparent;text-decoration: none;transition: 0.2s;}
.frame:hover, .frame:active {outline: 4px solid #b3edff;text-decoration: none;}

/*========== OFFSET */
.offset:before {
	display: block;
 	content: " ";
  	height: 120px;
	margin-top: -120px;
	visibility: hidden;
}

/*========== HEADER */
.all-wrap {
	display: block;
	width: 100%;
	max-width: 1920px;
	height: auto;
	padding: 0px;
	margin: 0 auto;
	}
header {display: block;color: #FFFFFF;width: 100%;max-width: 1920px;min-height: auto;padding: 20px 0px 30px;margin: 50px auto 0px;
	background: url(../images/bh-header-bk.jpg) no-repeat center center scroll;
	-webkit-background-size: cover;
	background-size: cover;
	background-color: #73613f;
}
header h1 {
	color: #e9d4af;
	font-size: 80px;
	line-height: 110%;
	text-shadow: 2px 2px 3px #413525;
	letter-spacing: 2px;
	text-align: center;
	margin-right: -2px;
	}
header h3 {
	color: #FFFFFF;
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 5px;
	text-align: center;
	margin: 30px 0px 30px;
	margin-right: -5px;
	}

/*========== PAGE TOP */
.page-text {
	display: block;
	background-color: #221d11;
	width: 100%;
	height: auto;
	padding: 10px;
	margin: 0 auto;
	}
.page-text h5 {
	color: #dfc99f;
	font-size: 20px;
	font-family: georgia,times;
	text-align: center;
	letter-spacing: 2px;
	margin-right: -2px;
	}

/*========== HOME */
.home {
	background: #f0eadb;
	color: #69511D;
	border-top: 10px solid #c0ae8c;
	padding: 0px 0px 80px 0px;
	}
.home h2 {
	font-size: 30px;
	color: #3b372b;
	padding-bottom: 15px;
	border-bottom: 1px solid #dbc58a;
	text-align: center;
	margin-top: 60px;
	}
.home caption {
	color: color: #21272c;
	}

.rooms:link, .rooms:visited {
  cursor: pointer;
  color: #494436;
  text-decoration: none;
  transition: all 250ms ease-out;
}
.rooms:hover, .rooms:active {color: #0059b3;}

.pad-30 {padding: 30px;}
.pad-bot-15 {padding-bottom: 15px;}
.img-border {
  width: auto;
  max-width: 100%;
  border-radius: 15px;}
.max-h-300 {max-height: 300px;}
.intro-title {
  color: #777777;
  text-align: center;
  letter-spacing: 1px;
  margin-left: -1px;
}

/*========== G-PHOTO */
.g-photo {
	background: transparent;
	background: #FFFFFF;
	background-image: linear-gradient(#FFFFFF, #b3daff);
	display: block;
	max-width: 100%;
	height: auto;
	padding: 0px;
	padding-bottom: 30px;
	margin: 0px auto 0px;
	}
.g-photo img {
	display: block;
	border-radius: 17px;
	max-width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px auto 7px;
	}
.g-photo h3 {
	font-size: 24px;
	color: #21272c;
	line-height: 130%;
	text-align: center;
	letter-spacing: 1px;
	margin: 25px;
	}
.g-photo p {
	text-align: center;
	font-size: 14px;
	color: #21272c;
	letter-spacing: 1px;
	}
.pg-logo {
	display: block;
	width: 100%;
	max-width: 360px;
	height: auto;
	padding: 0px;
	margin: 0px auto 10px;
	}
.br-none {
	border-radius: 0px;
}
/*========== ADD-ON */
.shadow {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.details {
	background: #f0eadb;
	border-top: 10px solid #c0ae8c;
	border-bottom: 1px solid #c0ae8c;
	padding: 0px 0px 80px;
	}

.mar-01 {
	max-width: 360px;
	margin: 30px auto 30px;
	}

/*========== GALLERY */
.gallery p {
	color: #21272c;
	text-align: center;
	margin: 7px auto 20px;
	}
.gallery h3 {
	font-size: 24px;
	color: #21272c;
	line-height: 130%;
	text-align: center;
	letter-spacing: 1px;
	margin: 30px 20px 30px;
	}
	
/*========== CONTACT */
.contact h2 {
	text-align: center;
	font-size: 36px;
	margin: 60px auto 20px;
	}
.contact p {
	text-align: center;
	margin: 20px auto 20px;
	}
.mar-box {
	margin: 20px;
	border-radius: 15px;
	}
	
/*========== HUB - BANNER */
.business {
	background: #050505;
	display: block;color: #FFFFFF;width: 100%;max-width: 1920px;min-height: auto;padding: 60px 25px 60px;margin: 0px auto 0px;
	background: url(../images/bh-header-bk-black.jpg) no-repeat center center scroll;
	-webkit-background-size: cover;
	background-size: cover;
	background-color: #050505;
	}
.business h2 {
    font-size: 48px;
	line-height: 130%;
	letter-spacing: 2px;
    color: #99ceff;
	font-family: georgia, helvetica, arial;
	}
.business p {
	color: #CCCCCC;
	font-size: 18px;
	letter-spacing: 1px;
	}
.business hr {
	margin-top: 35px;
	margin-bottom: 35px;
	border-top: 1px solid #999999;
	}

/*========== HUB */
.hub {
	background: #FFFFFF;
	padding: 100px 0px;
	}
.hub hr {
	margin-top: 35px;
	margin-bottom: 35px;
	}
.hub h2 {
    font-size: 32px;
    color: #555555;
	font-family: sans-serif, helvetica, arial;
	}

/*========== CONNECT */
.fb-wrap {
	display: block;
	max-width: 100%;
	height: auto;
	text-align: center;
	padding: 0px;
	margin: 15px auto 20px;
	}
.connect {
	background: #F5F5F5;
	background-image: linear-gradient(#FFFFFF, #b3daff);
	border-top: 10px solid #99ceff;
	border-bottom: 1px solid #0c1a27;
	padding: 30px 0px 30px;
	}
.connect h4 {
	color: #132639;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
	margin-right: -2px;
	margin-top: 25px;
	}
.connect img {
	border-radius: 0;
	}

/*========== FOOTER */
footer {
	display: block;
	background-color: #13263a;
	width: 100%;
	max-width: 1920px;
	height: auto;
	padding: 0px;
	margin: 0 auto;
	}
footer p {
	font-family: helvetica,arial;
	font-size: 14px;
	color: #F2F2F2;
	letter-spacing: 1px;
	text-align: center;
	padding: 40px;
	margin: 0 auto;
	}

/* ======= GO TO TOP */
#myBtn {
  display: none;
  font-size: 15px;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #000000;
  width: 50px;
  height: 50px;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 50%;
  opacity: 0.9;filter: alpha(opacity=90);
  transition: 1s;
}

#myBtn:hover {
  background-color: #001a33;
  color: #33cccc;
  opacity: 1.0;filter: alpha(opacity=100);
}

/*========== IMAGES */
.logo-2 {display: block;
	background: transparent;
	width: 100%;
	max-width: 250px;
	height: auto;
	padding: 0px;
	margin: 0 auto;
	}
.mobile {
	display: block;
	width: 100%;
	max-width: 360px;
	height: auto;
	padding: 0px;
	margin: 0 auto;
	}
.mid-img {
	display: block;
	max-width: 100%;
	height: auto;
	padding: 0px;
	margin: 15px auto 15px;
	}
.right-img {
    display: block;
    float: right;
    overflow: auto;
    border-right: 0px solid transparent;
    width: auto;
    height: auto;
    padding: 0px;
    margin: 10px 0px 12px 10px;
}

/*========== SVG ==========*/
.s-media {
	display: block;
	height: 54px;
	max-width: 40px;
	padding: 0;
	margin: 15px auto;
	transition: 1s;
}

/*========== MISC ==========*/
.title-bar {display: block;font-family: helvetica,arial;background: #0099CC;color: #FFFFFF;width: 100%;height: auto;text-align: center;padding: 12px;margin: 0 auto;}
.download-wrap {display: block;width: 100%;max-width: 360px;height: auto;background: #EEEEEE;padding: 15px;margin: 0px auto 20px;}
.download-wrap img {display: block;width: 100%;height: auto;padding: 0px;margin: 0 auto;}

.img-150 {width: 150px;height: auto;margin: 0px auto 30px;}
.text-mid {text-align: center;}
.pad-15 {padding: 15px;}
.margin-30 {margin-top: 40px;margin-bottom: 30px;}

/*========== CELL ==========*/
@media only screen and (max-width : 991px){
	.fb-wrap {margin: 15px auto 30px;}
	}
@media only screen and (max-width : 768px){
	.download-wrap {margin-bottom: 20px;}
	.base img {display: block;width: 100%;max-width: 300px;height: auto;padding: 0px;margin: 0 auto 20px;}
	.pad-30 {padding: 15px 15px;}
	}
@media only screen and (max-width : 480px){
	address {text-align: center;}
	h1 {font-size: 40px;}
	header h1 {font-size: 72px;padding: 0px;line-height: 100%;}
}