/* general settings */

body{
 	background:#000;
 	/* font-family: 'Droid Serif', serif; */
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
 	color: #686868;
}

a,a:active,a:after,a:before,a:checked,a:hover,a:focus,a:link,a:target,a:visited{
	text-decoration: none;
}

.white-content-area{
	background:#fff;
}

.col-padding{
	padding-bottom:10px;
}

h1,h2,h3,h4,h5,h6{
		font-family: 'Oswald', sans-serif;
		font-weight: 300;
		text-transform: uppercase;
}

p {
  margin: 0 0 20px;
}

.imgleft{
	float:left;
	margin:10px 10px 10px 0px;
}

.imgright{
	float:right;
	margin:10px 0px 10px 10px;
}

 .parallax-window {
    min-height: 400px;
    background: transparent;
}


.full-width-button{
	width:100%;
}

.headings-no-margin{
margin:0px;
}
/* eof general settings */

/* header */
.navbar-inverse{
	background: #000;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
  }

.navbar-inverse .navbar-nav>li>a{
	font-weight: 300;
	color:#fff;
}

.navbar-inverse .navbar-nav>li>a:hover{
	color:#76c1fb;
}

.dropdown-menu>li>a{
	font-weight: 300;
	text-transform: none;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
	background-color:#000;
	color:#fff;
}

.navbar-right{
	margin-top: 10px;
}

.navbar-brand img{
	width:100%;
	height:auto;
}

#nav-order-online a{
	background: red;
}

#nav-order-online a:hover{
	background: #1e97d5;
	color: #fff;
}
/* eof header */

/* front page slider content */
.sl-slider-wrapper {
	width: 800px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide {
	z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: #fff;
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
	background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
	background: #ccc;
}

 
/* eof front page slider content */

/* first footer */
.first-footer{
	background-color:#e5e5e5;
	color:#6e6a6a;
	padding-top:20px;
	padding-bottom: 20px;
	font-size:14px;
}

 
.first-footer h2{
	color:#000;
	font-weight: 400;
}

.first-footer .col-sm-12,.col-xs-12{
	text-align: left;
}

.first-footer .social a{
 	color: #222;
 
}

.first-footer .social a:hover{
 	color:  	#4890e8;
}

.first-footer .form-control{
	max-width:70%;
}

/* eof first footer */

/* second footer */
.second-footer{
	color:#fff;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 13px;
}
/* eof second footer */

/* inner page content */
 
 .innerpage-content-box{
	 padding: 30px;
	 background-color: #fff;
	 border: 6px solid #eaeaea;
	 margin-top: 70px;
	 margin-bottom: 70px;
 }
 
  .innerpage-content-box-last{
	margin-top: 0px;
  }
  
  .innerpage-content-box ul, menu, dir {
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
	margin-bottom: 10px;
}
 
  .innerpage-content-box-micro{
	  margin-bottom: 0px;
  }
 
  .innerpage-content-box h1{
	  margin-top:0px;
	  margin-bottom: 20px;
	  padding-bottom:10px;
	  border-bottom: 1px dotted #ccc;
	  color: #000;
  }
    .coffee-water-listing li{
		display: inline;
 	}
  .coffee-water-listing li a{
	display: inline-block;
	padding: 5px 15px 5px 15px;
	margin: 0px 0px 3px 0px;
	border-bottom: 5px solid #c9ebff;
	color: #222;
  }
  
    .coffee-water-listing li a:hover{
		background: #c9ebff;
		text-decoration: none;
		color: #000;
	}
	
	.about-listing span{
 		padding: 5px 10px 5px 10px;
		display: inline-block;
		background:#f1f1f1;
		margin: 0px 0px 3px 0px;
	}
	
	.micro-listing li{
		display: inline;
	}
	
	.micro-listing span{
 		padding: 5px 10px 5px 10px;
		display: inline-block;
		background:#f1f1f1;
		margin: 0px 0px 3px 0px;
	}
  
/* eof inner page content */

/* front page four boxes */
 .frontpage-four-boxes{ 
 font-weight: 300;
 padding:20px 0px 20px 0px;
 background: #fff;
 text-align: center;
 }

  .frontpage-four-boxes [class^="col-"]{
	 margin:0px;
	 padding:0px;
  } 
 
  .frontpage-four-boxes ul, menu, dir {
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
	margin-bottom: 10px;
}
 
   .frontpage-four-boxes .overlay{
	background-color: rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, 0.2);
  min-height: 290px;
    padding: 10px 15px 10px 15px;
	text-shadow: 1px 1px 2px #000;
   }
 
   
    .frontpage-four-boxes .overlay:hover{
		background-color: rgba(0, 0, 0, 0.8);
	background: rgba(0, 0, 0, 0.8);
	}

.vending{
	background-image:url(../img/featured/vending.jpg);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	color: #fff;
	background-size: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;

  }

 
 .micromarkets{
	background-image:url(../img/featured/micromarkets.jpg);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	color: #fff;
	background-size: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
 
 }
 
  .dining{
 	background-image:url(../img/featured/dining.jpg);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	color: #fff;
	background-size: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
 
 }
 
   
  .catering{
	background-image:url(../img/featured/catering.jpg);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	color: #fff;
	background-size: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
 
 }
  
 
  .coffeewater{
	background-image:url(../img/featured/coffeewater.jpg);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	color: #fff;
	background-size: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
 
 }
 
 
/* eof front page four boxes */


/* brewer settings */
.brewer-page .panel-title{
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	color: #222;
	
}

.brewer-page .panel-default>.panel-heading{
	background: #c9ebff;
}

.brewer-page .brewer-listing li span{
	display: inline-block;
	padding: 5px 10px 5px 10px;
 	margin: 0px 0px 3px 0px;
 }
 

/* eof brewer settings */


/* custom form */
.custom-form .form-control,.form-line{
	margin-bottom: 20px;
}
/* eof custom form */