/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */
.white{color:white}
html, body {
	height: 100%;
}
body {
/* padding-top: 50px;*/ /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
h1, h2, h3, h4, h5 {
  font-family: 'PT Serif';
}
.bg-1 {
	background: url('../img/pier.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
}
section {
    height:500px;
    padding-top:50px;
    padding-bottom:50px;
    overflow:auto;
}
.btn-primary {
  color: #fff;
  background-color: #8C3C46;
  border-color: #4f5633;
}
.panel-default>.panel-heading{  background-color: #8C3C46; color:white;}
.panel-default{border-color: #4f5633;}

.img-portfolio {
	margin-bottom: 30px;
}
.img-hover:hover {
	opacity: 0.8;
}
.topbar {
	background: #8C3C46;
	color: white;
	padding:5px 0 5px;
	border-bottom:1px solid #999; 
}
.navbar-inverse {border-bottom:1px solid #999; }
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{background-color:#8C3C46}
.navbar{margin-bottom: 0px;}
/* Home Page Carousel */

header.carousel {
	/*height: 50%;*/
	height:800px;
}
header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {
	height: 100%;
}
header.carousel .fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}
.bookingwidget{background:#8C3C46; padding:10px 0; height:55px; border-top:1px solid black; border-bottom:1px solid black;}
.bookingwidget label{color:white}
.bookingwidget .form-group{margin-left:20px;}
.mgtop{margin-top: 55px;}
.mgbot {
  margin-bottom: 55px;
}
.nopad{padding:0;}
/* 404 Page Styles */

.error-404 {
	font-size: 100px;
}
/* Pricing Page Styles */

.price {
	display: block;
	font-size: 50px;
	line-height: 50px;
}
.price sup {
	top: -20px;
	left: 2px;
	font-size: 20px;
}
.period {
	display: block;
	font-style: italic;
}
/* Footer Styles */

footer {
	margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
.customer-img,  .img-related {
	margin-bottom: 30px;
}
header.carousel {
	height: 50%;
}
.bookingwidget{
	height:auto;

	}
.mgtop {
  margin-top: 80px;
}	
.mgbot {
  margin-bottom: 80px;
}	
}
 @media(max-width:767px) {
.img-portfolio {
	margin-bottom: 15px;
}
header.carousel .carousel {
	height: 70%;
}
header.carousel {
	height: 50%;
}
.bookingwidget{
	height:auto;

	}
.mgtop {
  margin-top: 300px;
}	
.mgbot {
  margin-bottom: 300px;
}

}

.gallery-img,.thumbs {
	/*width: 220px !important;
	height: 150px !important;*/
	overflow: hidden !important;
	
	display: inline-block;	
	
	margin-bottom: 20px;
	margin-right: 20px;
}

.gallery-image {
/*	width: 100%;
	height: 350px;*/

/*	margin-top: -30px;*/
	
	opacity: .85;	
}
.gallery-image:hover {
	opacity: 1;	
}

 @media(max-width:766px) {
	.gallery-image {
		width: 45%;
		height: auto;	
	}
 }

 @media(max-width:527px) {
	.gallery-image {
		width: 100%;
		height: auto;
	}
 }
 
 #formID {
	width: 400px; 
 }
 
 #formID input {
	width: 200px; 
	 
	 margin-top: 8px;
	 margin-bottom: 10px;
	 margin-left: 10px; 
	 
	 border-radius: 5px;
	 border-width: 1px;
	 border-color:  #666;
 }
 
 #formID textarea {
	border-width: 1px;
	border-color: #666;
	
	width: 400px;
	
	margin-left: 10px; 
 }
 
 #formID input[type="submit"] {
	color: #fff;
	background-color: #8C3C46;
 	border-color: #4f5633;
 }
 #formID input[type="submit"]:hover {
	background-color: #7A2A34; 
 }
 
 .logo-img {
	 margin-right: 20px;
	 
	 opacity: .85;
	 
	 transition: opacity ease-in-out .25s;
 }
 .logo-img:hover, .logo-img:focus {
	 opacity: 1;
 }
 .galleryOuter{padding:5px; margin-bottom:5px;border-right:5px solid rgba(200, 54, 54, 0.2); }
 .galleryOuter p{font-style:italic; color:#404040;}
.roomtitle{padding:0px; float:left; margin-left:10px;}
.roomtitle span{color:red}
.fr{float:right;margin-left:40px;}