@charset "utf-8";
/* CSS Document */
body {
	background-color:#666;
	padding:0;
	margin:0;
}
h1 {
	font-family:Arial, Helvetica, "sans-serif";
	font-size:18px!important;


}

h2{
	font-family:Arial, Helvetica, "sans-serif";
	font-size:28px;
}

h3{
font-family:Arial, Helvetica, "sans-serif";
font-size:18px;
}

h4{
font-family:Arial, Helvetica, "sans-serif";
font-size:12px;
}

p {
font-size:14px;
font-family:Arial, Helvetica, "sans-serif";
margin:0;
padding:0;
}
.pml{
	margin-bottom:0;
	padding-bottom:0;
		}
.footer33 {
	width:100%;
	font-size:10px;
}
.mapWrapper {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding:0;
	width:auto;
	max-width:250px;
	font-size:12px;
	}
.mapWrapper img {
	width:100%;
	position:relative;
}
.pftw {
	width:auto;
	font-size:10px!important;
	margin:0;
}
.fpftw {
	width:100%;
	margin:0 0 0 -5px;
	clear:both;
	font-size:12px;
	
}
.prelative {
	position:relative;
	height:auto;
}

#amenities li {
	font-size: 14px;
	padding: 0;
	font-family:Arial, Helvetica, "sans-serif";
}
#amenities li:before
{
    content: '*';   
    margin-left: -1em;
    margin-right: .100em;
}
.c100 {
	width:100%;
	max-width:1250px;
	background-color:#fff;
}

 ul {
    text-indent: 2px;
   list-style: none;
   list-style-position: outside;
     padding:0 2% 0 5%;
   margin:0;
}
.p7LBM-1-style-1 {
width:100%;
padding:0;
background-color:#000;
position:fixed;
z-index:999;
}
.p7LBM-1-style-2 {
padding:0;
}
.p7LBM-1-style-3 {
width:auto;
margin:0 1%;
padding:5px 0 5px 0;
}
.logo {
width:130px;
float:left;
position:relative;
margin:0;
padding:3px 0 0 0;
}
.logo img {
	position:relative;
	padding:0;
	margin:0;
}
.menuWrapper {
	width:100%;
	float:left;
	padding:0;
	margin:0;
	}
.menu {
	width:200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	padding-left:10px;
	padding-bottom:5px;
	position:relative;
	

	}
.menu ul {
	height:auto;
	padding:0;
	margin:0;
}
.menu li {
	height:auto;
	display:inline-block;
}
.menu a {
	float:left;
	font-size:14px;
	color:#ccc;
	padding:0 10px;
	text-decoration:none;
	font-family:"arial";
	
}
.menu a:hover {
	color:#999;
}
.connect {
	width:160px;
	min-height:25px;
	float:right;
	margin-top:8px;
	position:relative;
	display:inline;
	font-family:"arial";
	}
.reserve {
	margin:2px 0 010px;
	float:left;
}
.reserve a {
	color:#ccc;
	padding:6px 6px;
	font-family:"arial";
	font-size:12px;
	text-decoration:none;
	float:left;
	border: #fff 1px solid;
	border-radius:5px;
}
.reserve a:hover {
	color:#cc9900;
	border-color:#cc9900;
}
.email {
	width:auto;
	margin:5px 5px 0 10px;
	float:left;
}
.email img {
	width:30px;
}

.sharesym {
	width:auto;
	margin:3px 0 0 5px;
	float:left;
}
.sharesym img {
	width:25px;
}
.location {
	width:auto;
	margin:3px 0 0 5px;
	float:left;
}
.location img {
	width:20px;
}
.sop-content img {
	padding:8px 0;
}
.p7LBM-1-style-0 {
	margin-top:20px!important;
}
.p7LBM-1-style-4 {
padding:63px 0 0 0 !important;
}
.p7LBM-1-style-5 {
padding:0;
position:relative;
}
.p7LBM-1-style-6 {
	width:auto;
	margin: 0 auto;
padding:0;
	max-width:1200px;
}
.p7LBM-1-style-6 img {
	width:100%;
	padding-top:0px;
}
.p7LBM-1-style-10  {
	width:100%;
	padding:0!important;
	margin:0!important;
}
.p7LBM-1-style-10 img {
	width:100%;
	padding:0;
	margin:0;
}
.btext {
 width:auto;
 font-size:250%;
 position:absolute;
 top:130px;
 left:2%;
  z-index:9999999;
font-family:tk-relation-two;
	color:#ffcc33;
}
.btext2 {
 width:auto;
 font-size:300%;
 position:absolute;
 top:350px;
 left:50%;
 margin-left:-425px;
 z-index:9999999;
font-family:tk-relation-two;
	color:#999;
}
#photos {
	margin-top:-35px;
	margin-bottom:-35px;
}
.row3p {
background-color:#000;
height:auto;
}
.row3pa {
background-color:#999;
height:auto;
}
.ctext {
 width:auto;
 font-size:160%;
 position:relative;
   z-index:9;
font-family: "relation-two";
	color:#FFF;
padding:10px 0 0 0;
	margin-top:0px;
	margin-bottom:8px;
	letter-spacing: .02em;
}
.ctext2 {
 width:auto;
 font-size:200%;
 position:relative;
 left:50%;
 margin-left:-425px;
 z-index:999;
font-family:tk-relation-two;
	color:#999;
	padding:0;
	margin-top:0;
	margin-bottom:0;
}
.signature {
	width:100%;
	height:auto;
	position:relative;
	margin-top:5%;
	
}
.row4p {
	max-width:1200px;
	margin: 5px auto;
}

a {
color:#ccc;
	font-size:80%;
}

a:hover {
color:#999;
}

#footer {
	background-color:#000;
	color:#fff;
	margin-top:0;
}
#footer a {
color:#ccc;
	font-size:80%;
}
#footer a:hover {
color:#999;
}
.lcfoot {
	text-align:center;
	font-size:12px;
}
.bearwrapper {
	width:100%;
	float:left;
	position:relative;
	}
/*
#parallelogram {
	width: 1500px;
	height: 1000px;
	position:absolute;
	left:70%;
	-webkit-transform: skew(30deg);
	   -moz-transform: skew(20deg);
	     -o-transform: skew(20deg);
	background: #000;
	opacity:0.5;
	z-index:1;
	} */
.bear {
	width:100%;
	height:auto;
	float:right;
	position:relative;
	margin-top:0%;
	margin-left:0%;
	overflow:hidden;
	min-width:500px;
	
}
.bear img {
	width:100%;
	min-width:400px;
	height:auto;
	float:right;
	position:relative;
	padding:0 0 0 0;
	margin:0;
	opacity:1.0;
}
.paws2 img {
	display:block;
	width:40%;
	height:auto;
	float:left;
	position:relative;
	margin-top:25px;
	left:25%;
	}
.paws1 img {
	display:block;
	width:40%;
	height:auto;
	float:left;
	position:relative;
	margin-top:185px;
	left:50%;
	}	

.ovflow {
	overflow:hidden;
	position:relative;
	max-width:1400px;
}
.ovflow li {
	color:#fff;
}
#amenities {
	font-family:"century-old-style-std,serif";
	font-size:14px;
	font-weight:400;
	color:#000;
	padding-top:0;
	margin-top:20px;
	position:relative;
	background-color:#999999;
	overflow:hidden;
}
#amenities img {
	display:none;
}

.amendiv {
 width:95%;
float:left;
padding: 0 0 0 0;
margin:0;
height:auto;
position:relative;
z-index:2;
top:0px;
left:5%;
}
.amenh3 {
	width:90%;
	padding:0 0 10px 0;
	margin:0;
	position:relative;
	font-size:18px;
	text-align:center;
}

.width-40 {
	width:100%;
	margin:0;
	padding:0;
}
.width-60 {
	margin-left:-8px;
	;
}
.width-100 {
	padding:1% 2%;
	}
width-20 {
	display:none!important;
}
.weather {
		width:180px;
		margin:auto;
			}

.videowrap {
	padding:0;
	margin:0;
	background-color:#666;
	position:relative;
}
.ftcenter {
	margin-bottom:0px;
}

@media only screen and (min-width: 600px) {
	p {
		font-size:22px;
	}
	h1 {
		font-size:28px!important;
	}
h3 {
		font-size:28px;
	}
	#amenities li {
		font-size:22px;
	}
	.lcfoot {
	font-size:14px;
}
.ftcenter {
		margin-bottom:0;
	
	}		
	#photos {
		margin:0;
	}
	
#amenities {
	color:#000;
	padding-top:0;
	margin-top:120px;
	position:relative;
	padding-bottom:0px;
}
#amenities img {
	display:block;
	min-height:370px;
}
.amendivwrapper {
	width:100%;
	height:100%;
	position:relative;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: rgba(0,0,0,0.5);
	z-index:1;
		
}
.amendiv {
 width:95%;
height:auto;
position:relative;
z-index:2;
top:30px;
left:5%;
}
	#footer {
		margin-top:0px;
	}


.amenh3 {
	padding:0 0 0 0;
	font-size:180%;
}

.width-40 {
	width:48%;
	display:block;
	margin-right:2%;
}
	.ctext{
		font-size:150%;
	}
.mapWrapper {
	margin-top:0;
	margin-bottom:0px;
	padding:0;
	width:100%;
	}
.pftw {
	width:auto;
	margin:0;
	font-size:12px;
}
	.menuWrapper {
	width:auto;
	float:none;
	max-width:4000px;
}
	.menu {
		margin-top: 18px;
		padding-bottom:15px;
	}
	#video {
	
}
	.width-33 {
		width:100%;
	}

}
@media only screen and (min-width: 900px) {
	.width-33 {
		width:33%;
	}
	.weather {
		width:100px;
		margin:0 0 0 0;
	float:left;
		}
	.lcfoot {
	text-align:left;
		font-size:16px;
}
	.paws1 img {
		display:block;
	}
		.paws2 img {
		display:block;
	}
	.floatr {
		width:19%;
		float:right;
		clear:none;
		position:relative;
		margin-right:0%;
		font-size:85%;
		}

}
@media only screen and (min-width: 1300px) {
#photos {
	margin-top:0;
	margin-bottom:-0;
}
.location {
	margin:6px 0 0 5px;

}	
.logo {
width:150px;
float:left;
position:relative;
padding:5px 0 5px 1%;
}
.logo img {
	position:relative;
	padding:0;
}
	.menuWrapper {
	width:100%;
	float:none;
		}
	
.menu {
	width:360px;
	float:none;
	padding-left:3%;
	margin-left:auto;
	margin-right:auto;
	margin-top:13px;
	position:relative;
	font-family:Arial, Helvetica, "sans-serif";
	}
.menu ul {
	height:auto;
	padding:0;
	margin:0;
}
.menu li {
	height:auto;
	display:inline;
}
.menu a {
	font-size:16px;
	color:#ccc;
	padding:10px 8px;
	text-decoration:none;
	font-family:"arial";
	}
.connect {
	width:170px;
	min-height:25px;
	float:right;
	margin-top:12px;
	margin-right:1%;
	positon:relative;
	display:inline;
	font-family:Arial;
}
.reserve {
	
}
.reserve a {
	padding:8px 10px;
	font-size:14px;
}
.reserve a:hover {
	color:#cc9900;
	border-color:#cc9900;
}
	.email {
	width:auto;
	margin:10px 5px 0 10px;
	float:left;
}
	.ctext {
		font-size:200%;
	}
.sharesym {
	width:auto;
	margin:8px 0 0 5px;
	float:left;
}
	.width-20 {
	display:block;	
	
	}

body{
  margin:0;
}
.yvid {
  margin:0 auto;
    height:90vh;
  text-align:center;
  overflow:hidden;
    max-width:178vh;
}
iframe{
height:100%;
width:100%;
}
   
.amendiv {
 width:80%;
max-width:1250px;
top:0px;
left:17%;
margin:0;
padding:0;
}
	.amenh3 {
	width:70%;
	float:left;
	position:relative;
	padding:0 0 0 0;
	}
	.width-40 {
	width:40%;
}
	#amenities li {
	font-size: 22px;
	margin:0;
	padding:0;
}
		.floatl {
		width:33%;
		float:left;
		clear:none;
		position:relative;
		margin-right:1%;
		font-size:90%;
}

	
.paws2 img {
	display:block;
	width:40%;
	height:auto;
	float:left;
	position:relative;
	margin-top:5%;
	left:5%;
}
.paws1 img {
	display:block;
	width:32%;
	height:auto;
	float:left;
	position:relative;
	margin-top:155px;
	left:10%;
}	
}

@media only screen and (min-width: 1350px) {
	.amendiv {
		
	}
	#amenities {
		padding-bottom:0;
	}
#amenities li {
	font-size: 22px;
}
	.paws2 img {
	width:30%;
	height:auto;
	float:left;
	position:relative;
	margin-top:12%;
	left:5%;
	max-width:160px;
		
}
}