/* Dark brown: #5a471b */
/* Light brown: #a28800 */
/* Background: #33270d */

/* selectors */
h1,h2,h3,h4 {
	color: #5a471b;
}
a {
	color: #a28800;
}
a:hover, a:focus {
	color: #5a471b;
}
a[href^=tel]{
    color:inherit;
    text-decoration:none;
}
/* header */
.masthead {
	position: relative;
}
.masthead h1 {
	display: inline-block;
}
.masthead .pre-header-action {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #5a471b;
	margin-top: 10px;
	display: table-cell;
	vertical-align: middle;
	position: absolute;
	bottom: 10px;
	right: 3px;
}
.masthead .pre-header-action span{
	color: #a28800;
}
.masthead .pre-header-action a {
	color: #a28800;
}
.masthead .pre-header-action a:hover {
	color: #5a471b;
}
/* navigation */
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	background-color: #a28800;
}
nav ul.nav.navbar-nav li a, .navbar-default a.navbar-brand{
	color: #5a471b;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
}
nav ul.nav.navbar-nav li a:hover, .navbar-default a.navbar-brand:hover{
	color: #a28800;
}
ul.services-menu.nav>li>a {
	padding: 5px 15px;
}
/* main content */
.container h1 {
	margin-bottom: 20px;
}
h2.featurette-heading {
	color: #5a471b;
}
h2.featurette-heading  span.text-muted{
	color: #c4aa6f;
}
.contact-box p {
	padding: 15px;
	margin: auto;
	text-align: center;
	font-size: 18px;
	margin-top: 30px;
	background-color: #a28800;
	border-right: 2px solid #5a471b;
	border-bottom: 2px solid #5a471b;
	box-shadow: 5px 5px 5px #667;
	color: #fff;
}
.cookieTbl {
   width: 80%; 
}
.cookieTbl th{
   font-weight: bold;
   background-color: #ccc;
   border: 1px solid #aaa;
}
.cookieTbl td {
   padding: 3px;
   border: 1px solid #aaa;
}
.img-polaroid {
	padding: 4px;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
img.feature {
	margin: 30px 0;
}
.nobr {
	white-space:nowrap;
}
.floatr {
	float: right;
	padding: 0 0 10px 10px;
}
.stobra-bar {
	position: relative;
	background-color: #e3e3e3;
	padding: 20px;
}
/** carousel */
/* Fade transition for carousel items */
.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity .4s; /*adjust timing here */
         -moz-transition: opacity .4s;
           -o-transition: opacity .4s;
              transition: opacity .4s;
}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}
/* end of fade code */
.carousel-caption h1 {
	color: #fff;
}
.carousel-caption h1, .carousel-caption p:first-of-type{
	background-color:rgba(0,0,0,0.4);
	display: inline-block;
	padding: 0 .5em;
}
.carousel-caption a.bright {
	color: gold;
}
/** lists in content */
ul.checklist {
	margin-left: 2em;
}
ul.checklist li{
	font-size: 21px;
	line-height: 1.4;
}
.icon-list li {
	padding: 2px 0 5px 28px;
	display: block;
	position: relative;
}
.icon-list li:before {
	font-family: 'Glyphicons Halflings';
	position: absolute;
	left: 0px;
	top:3px;
}
.chevron-right li:before {
	content: '\e080';
	color:#a28800;
}
.checklist li:before {
	content: '\e067';
	color:#a28800;
}
.arrow-right li:before {
 content: '\e092';
}

/* Sidebar */
h2.sidebar {
	font-size: 24px;
	margin-top: 5px;
}
.services-list {
	background-color: #d1be5e;
	padding: 3em;
	box-shadow: 10px 10px 5px #888888;
	max-width: 480px;
}
.services-list ul.checklist {
	font-weight: bold;
	font-variant: small-caps;
	font-size: 21px;
	line-height: 1.4;
	color: #fff;
}
.services-list ul.checklist li a {
	color: #fff;
}
.services-list ul.checklist li:before {
	content: '';
}
.no-sidebar {
	max-width: 800px;
}
/* footer */
footer {
	border-top: 2px solid #eee;
	margin-top: 30px;
	padding-top: 30px;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 991px) {

h2.sidebar {
	margin-top: 30px;
}
}
@media (max-width: 768px) {
ul.checklist li {
	font-size: 16px;
}
}

@media (max-width: 690px) {

.masthead p.pre-header-action.pull-right{
	float: none !important;
	display:block;
	position: relative;
}
.floatr {
	float: none;
	display: block;
	padding: 0 0 10px 0;
	margin: auto;
	text-align: center;
}
}