/** 
Custom CSS
Author: Andre Bon Cipriano 
**/
body {
	overflow-x: hidden;
	position: relative;
}
h1 {
	font-size: 43px; 
	font-family: "Oswald";
	text-transform: uppercase;
}
a {
	outline: 0;
}
.btn {
	border: none;
	border-radius: 0px;
}
#wrapper {
	padding-left: 0px;
	transition: all 0.4s ease 0s;
}
#sidebar-wrapper {
	width: 90px;
	background: rgba(4, 11, 45, 0.8);
	position: fixed;
	height: 100%;
	z-index: 1000;
	transition: all 0.4s ease 0s;
}
#wrapper.active {
	padding-left: 0;
}
#wrapper.active #sidebar-wrapper {
	left: 0;
}
#page-content-wrapper {
	width: 100%;
}
.sidebar-nav {
	position: absolute;
	top: 0;
	width: 90px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidebar-nav li {
	line-height: 75px;
	text-align: center;
	border-bottom: 1px solid #2b2e41;
}
.sidebar-nav li a {
	color: #999999;
	display: block;
	text-decoration: none;
}
.sidebar-nav li a span:before {
	position: absolute;
	left: 0;
	color: #41484c;
	text-align: center;
	width: 20px;
	line-height: 18px;
}
.sidebar-nav li a:hover,
.sidebar-nav li.active {
	color: #333;
	background: rgba(255, 255, 255);
	text-decoration: none;
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
	background: rgba(255, 255, 255);
	text-decoration: none;
}
.sidebar-nav li:hover .fa {
	color: #333 !important;
}
.sidebar-nav li.active .fa,
.sidebar-nav li.active .fa:focus {
	color: #333 !important;
}
.sidebar-nav > .sidebar-brand {
	height: 100px;
	line-height: 65px;
	font-size: 18px;
}
.sidebar-nav > .sidebar-brand a {
	color: #999999;
	padding: 30px 0px 30px;
}
.sidebar-nav > .sidebar-brand a:hover {
	color: #fff;
	background: none;
}
.sidebar-nav .fa {
	font-size: 21px;
	color: #3fb9be;
}
.content-header {
	height: 65px;
	line-height: 65px;
}
.content-header h1 {
	margin: 0;
	margin-left: 20px;
	line-height: 65px;
	display: inline-block;
}
#menu-toggle {} .btn-menu {
	color: #000;
}
@media (max-width: 767px) {
	#wrapper {
		padding-left: 0;
	}
	#sidebar-wrapper {
		left: 0;
	}
	#wrapper.active {
		position: relative;
		left: 250px;
	}
	#wrapper.active #sidebar-wrapper {
		left: 90px;
		width: 90px;
		transition: all 0.4s ease 0s;
	}
	#menu-toggle {
		display: inline-block;
	}
}
#home {
	height: 100%;
	position: relative;
}
.head-desc {
	font-family: "Pacifico";
	font-size: 40px;
	text-shadow: 0px 0px 5px #121212;
}
.subhead-desc {
	font-family: "Oswald";
	font-size: 23px;
}
.online-listings {
	background: #383C41;	
	color: #fff;
	padding: 10px 20px;
	display: inline-block;
	font-size: 19px;
}
.online-listings a {
	color: #6ab8fb;
}
.mod-image {
    position: relative;
	float: left;
	width: 207px;
	height: 200px;
	background-position: 50% 50% !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	margin: 5px;
}
.mod-image-2 {
    position: relative;
	float: left;
	width: 277px;
	height: 300px;
	background-position: 50% 50% !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	margin: 5px;
}
.secdiv {
	height: 100%;
	position: relative;
	padding: 100px 0px 100px;
	padding-left: 90px;
}
.intro-desc {
	font-size: 40px;
	font-family: "Oswald";
}
.bg-alt {
	background: #F4F9FD;
}
.navbar {
	padding: 5px 0px;
}
.navbar-nav {
  width: 100%;
  text-align: center;  
}
.navbar-nav > li {
  float: none;
  display: inline-block;
}
.kessler-logo {
	height: 35px;
	margin: 0 auto;
}
.img-lander {
	margin: 0 auto;
}
.font-icons {
	font-family: "fontello";
}
#side-scroll {
	position: fixed;
	left: 0;
	background: #13162B;
	height: 100%;
	z-index: 999;
}
#side-scroll .nav > li {
    border-bottom: 1px solid #34344E;
}
#side-scroll .nav > li > a {
    padding: 35px 25px;
}
#side-scroll li .fa {
	font-size: 30px;
	color: #ffffff;
}
#side-scroll li:hover .fa {
	font-size: 30px;
	color: #13162B;
}
.tp-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(81, 81, 186, 0.3);
	background-image: url("https://s3.amazonaws.com/assets.zipsite.net/images/jayson/contrib/bg/overlay-dot-min.png");
}
#intro {
	background: url(https://cdn.vnoc.com/desc/kessler/kessler-wide.png);
	background-size: cover;
	background-position: center;
	/**background: #2b5876;  /* fallback for old browsers 
	/**background: -webkit-linear-gradient(to left, #4e4376, #2b5876);  /* Chrome 10-25, Safari 5.1-6 
	background: linear-gradient(to left, #4e4376, #2b5876); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	position: relative;
	color: #fff;
}
#intro h1 {
	color: #fff;
}
#intro .img-mansion {
	margin: 0 auto;
}
#intro .mansion-desc {
	font-size: 15px;
}
#intro .fa-scroll-down {
	color: #fff;
	font-size: 45px;
}
#mansion-feature {
	background: #F4F9FD;
	padding: 50px 0px 30px;
	position: relative;
	padding-left: 90px;
}
.mansion-features {    
	color: #121212;
    padding: 5px 0px 0px;
    display: block;        
}
.mansion-features:hover {
	background: #383C41;
	text-decoration: none;
	color: #fff;
}
.mansion-features:focus {
	text-decoration: none;
	color: #fff;
}
.mansion-features h3 {
	font-family: "Oswald";
	font-size: 20px;
	text-transform: uppercase;
}
.mansion-features img {
	margin: 0px auto 10px;
}

#about .about-desc {
	font-size: 15px;
}
#about {
	background: #fff;
	position: relative;
}
.about-img {
	margin: 0 auto;
}
#about .about-img-one {
	background: url(http://rdbuploads.s3.amazonaws.com/kesslermansion/images/mansion-view-1.jpg);
	background-size:cover;
	height: 230px;
	margin-bottom: 30px;
}
#about .about-img-two {
	background: url(http://rdbuploads.s3.amazonaws.com/kesslermansion/images/mansion-view-2.jpg);
	background-size:cover;
	height: 230px;
	margin-bottom: 30px;
}
#about .about-img-three {
	background: url(http://rdbuploads.s3.amazonaws.com/kesslermansion/images/mansion-view-3.jpg);
	background-size:cover;
	height: 230px;
	margin-bottom: 30px;
}
#about .about-img-four {
	background: url(http://rdbuploads.s3.amazonaws.com/kesslermansion/images/mansion-view-4.jpg);
	background-size:cover;
	height: 230px;
	margin-bottom: 30px;
}
#about .about-img-five {
	background: url(http://rdbuploads.s3.amazonaws.com/kesslermansion/images/mansion-view-5.jpg);
	background-size:cover;
	height: 230px;
	margin-bottom: 30px;
}
#about .about-img-six {
	background: url(http://rdbuploads.s3.amazonaws.com/kesslermansion/images/mansion-view-6.jpg);
	background-size:cover;
	height: 230px;
	margin-bottom: 30px;
}

#gallery {
	position: relative;
}
#gallery .gallery-img-one {
	background: url(https://cdn.vnoc.com/desc/kessler/hallway.jpg);
	background-size:cover;
	height: 200px;
	margin-bottom: 20px;
}
#gallery .gallery-img-two1 {
	background: url(http://rdbuploads.s3.amazonaws.com/kesslermansion/images/gallery-image-two.jpg);
	background-size:cover;
	height: 200px;
	margin-bottom: 20px;
}
#gallery .gallery-img-three1 {
	background: url(http://rdbuploads.s3.amazonaws.com/kesslermansion/images/gallery-image-three.jpg);
	background-size:cover;
	height: 200px;
	margin-bottom: 20px;
}
#gallery .gallery-img-four1 {
	background: url(http://rdbuploads.s3.amazonaws.com/kesslermansion/images/gallery-image-four.jpg);
	background-size:cover;
	height: 200px;
	margin-bottom: 20px;
}
#gallery .gallery-img-five1 {
	background: url(http://rdbuploads.s3.amazonaws.com/kesslermansion/images/gallery-image-five.jpg);
	background-size:cover;
	height: 200px;
	margin-bottom: 20px;
}
#gallery .gallery-img-six {
	background: url(https://cdn.vnoc.com/desc/kessler/Kitchen-GuestHouse.jpg);
	background-size:cover;
	height: 200px;
	margin-bottom: 20px;
}
#gallery .gallery-img-seven {
	background: url(https://cdn.vnoc.com/desc/kessler/Table-GuestHouse.JPG);
	background-size:cover;
	height: 200px;
	margin-bottom: 20px;
}
#gallery .gallery-img-eight {
	background: url(https://cdn.vnoc.com/desc/kessler/Bedroom-GuestHouse.jpg);
	background-size:cover;
	height: 200px;
	margin-bottom: 20px;
}
#gallery .gallery-img-nine {
	background: url(https://cdn.vnoc.com/desc/kessler/Dining-Room-GuestHouse.jpg);
	background-size:cover;
	height: 200px;
	margin-bottom: 20px;
}
#gallery .gallery-img-ten {
	background: url(https://cdn.vnoc.com/desc/kessler/GH-1.jpg);
	background-size:cover;
	height: 200px;
	margin-bottom: 20px;
}
#gallery .gallery-img-eleven {
	background: url(https://cdn.vnoc.com/desc/kessler/GH-2.jpg);
	background-size:cover;
	height: 200px;
	margin-bottom: 20px;
}
#gallery .gallery-img-twelve {
	background: url(https://cdn.vnoc.com/desc/kessler/GH-3.jpg);
	background-size:cover;
	height: 200px;
	margin-bottom: 20px;
}
#gallery .gallery-img-thirteen {
	background: url(https://cdn.vnoc.com/desc/kessler/GH-7.jpg);
	background-size:cover;
	height: 200px;
	margin-bottom: 20px;
}
#gallery .gallery-img-fourteen {
	background: url(https://cdn.vnoc.com/desc/kessler/GH-6.jpg);
	background-size:cover;
	height: 200px;
	margin-bottom: 20px;
}
#gallery .gallery-img-fifteen {
	background: url(https://cdn.vnoc.com/desc/kessler/GH-5.jpg);
	background-size:cover;
	height: 200px;
	margin-bottom: 20px;
}
#gallery .gallery-img-sixteen {
	background: url(https://cdn.vnoc.com/desc/kessler/GH-4.jpg);
	background-size:cover;
	height: 200px;
	margin-bottom: 20px;
}
#gallery .gallery-img-seventeen {
	background: url(https://cdn.vnoc.com/desc/kessler/fireplace.jpg);
	background-size:cover;
	height: 200px;
	margin-bottom: 20px;
}
#gallery .gallery-img-eighteen {
	background: url(https://cdn.vnoc.com/desc/kessler/bedroom-2.jpg);
	background-size:cover;
	height: 200px;
	margin-bottom: 20px;
}
#gallery .gallery-img-nineteen {
	background: url(https://cdn.vnoc.com/desc/kessler/bedroom-3.jpg);
	background-size:cover;
	height: 200px;
	margin-bottom: 20px;
}
#gallery .gallery-img-twenty {
	background: url(https://cdn.vnoc.com/desc/kessler/bedroom-4.jpg);
	background-size:cover;
	height: 200px;
	margin-bottom: 20px;
}

#amenities .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
#amenities .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.ams .row {
 -moz-column-width: 18em;
 -webkit-column-width: 18em;
 -moz-column-gap: 1em;
 -webkit-column-gap: 1em; 
  
}
.ams .menu-category {
 display: inline-block;
 margin:  0.25rem;
 padding:  1rem;
 width:  100%; 
}

#rules .rules-desc {
	font-size: 17px;
	margin-top: 20px;
}

#reservations .reservations-desc {
	font-size: 17px;
	margin-top: 20px;
}
#reservations .form-control {
	box-shadow: none !important;
	height: auto!important;
	padding: 8px 12px !important;
	border: none !important;
}
#reservations .input-group-addon {
    border: none !important;
}
.main-submit{
 	background-color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
#button {
    border: 1px solid #ccc;
    margin-top: 28px;
    padding: 6px 12px;
    color: #666;
    text-shadow: 0 1px #fff;
    cursor: pointer;
    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px 3px;
    -moz-box-shadow: 0 1px #fff inset, 0 1px #ddd;
    -webkit-box-shadow: 0 1px #fff inset, 0 1px #ddd;
    box-shadow: 0 1px #fff inset, 0 1px #ddd;
    background: #f7f7f7;    
}
.main-center{
 	margin-top: 30px;
 	margin: 0 auto;
 	max-width: 600px;
    padding: 30px 40px;
	background:#009edf;
	color: #FFF;
    text-shadow: none;
}
span.input-group-addon i {
    color: #009edf;
    font-size: 17px;
}

.submit-button{
	margin-top: 5px;
}

#services .services-desc {
	font-size: 17px;
	margin-top: 20px;
}

#contact .contact-desc {
	font-size: 17px;
	margin-top: 20px;
}
.nav-bottom {
	border-radius: 0px;
	margin-bottom: 0px;
}
/* 5 Columns */
	.col-xs-15,
	.col-sm-15,
	.col-md-15,
	.col-lg-15 {
		position: relative;
		min-height: 1px;
		padding-right: 10px;
		padding-left: 10px;
	}

	.col-xs-15 {
		width: 20%;
		float: left;
	}
	@media (min-width: 768px) {
		.col-sm-15 {
			width: 20%;
			float: left;
		}
	}
	@media (min-width: 992px) {
		.col-md-15 {
			width: 20%;
			float: left;
		}
	}
	@media (min-width: 1200px) {
		.col-lg-15 {
			width: 20%;
			float: left;
		}
	}

@media (min-width: 1024px) {
    .container {
        width: 930px;
    }
}
	
.foot-right {
	padding-top: 10px;
}




