/* GLOBAL STYLES-------------------------------------------------- */
body {
	padding-bottom: 40px;
	color: #5a5a5a;
	font-size: 16px;
	font-weight: bold;
}
.container{
	/*padding-left: 7px;
	padding-right: 7px;*/
}
/*Custom class to indent a block of text-wrap with <div class="indented"></div>***/
.indented{
	margin-left: 1em;
}

/******Top Bar Fixed with Logo and Social Icons originally a Bootstrap Navbar********/
.topbar-wrapper {
	position: absolute;
	top: 55px;
	right: 0;
	left: 0;
	z-index: 20;
}
.navbar-brand {
  height: 50px;
  padding: 0px 5px;

}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
	position: absolute;
	top: 50px;
	right: 0;
	left: 0;
	z-index: 20;
}
/* Flip around the padding for proper display in narrow viewports */
topbar-wrapper > .container {
	padding-right: 0;
	padding-left: 0;
}
.topbar-wrapper .navbar {
	padding-right: 15px;
	padding-left: 15px;
}
.topbar-wrapper .navbar .container {
	width: auto;
}
.navbar-wrapper > .container {
	padding-right: 0;
	padding-left: 0;
}
.navbar-wrapper .navbar {
	padding-right: 15px;
	padding-left: 15px;
}

.navbar-wrapper .navbar .container {
/*width: auto;*/
}
.navbar-nav {
	/*margin: 6px 1px;*/
}
.navbar-collapse.in {
	overflow-y: visible;
	max-height: 340px;

}
.navbar-toggle {
	outline: 0;
	/*margin-right: 0;*/
	margin-right: -10px;
	/*Mike Added 1-26-17*/

}
#nav {
	width: 100%;
	position: static;
	top: 55px;
}
#nav.affix {
	position: fixed;
	top: 50px;
	z-index: 10;
	-webkit-transition: all .6s ease-in-out;
}
.nav .nav-divider{
	background-color:#333;
}
/*Mike added 1-25-2017*/
.navbar-inverse .navbar-toggle {border-color: #fff;}
.navbar-inverse {
    background: transparent;
    border: none !important;
}
.collapse.in{
    background-color:#333 !important;
}
.navbar-default {
   /*background-color: #333333;*/
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color: yellow;
}

/*****Social Media Icons in Topbar Nav ********/
.social {
	/*margin: 0;
	margin-left: 5px;
	padding: 0;
	float: right;
	*/
	margin-right: -20px;
    margin-top: -5px;
}
/*.social ul {
	margin: 0;
	padding: 0;
}*/
.social ul li {
	margin: -20px 0 0 0;
	list-style: none outside none;
	display: inline-block;
}
.social i {
	width: 30px;
	height: 30px;
	color: #fff;
	background-color: #909AA0;
	font-size: 15px;
	text-align: center;
	padding-top: 10px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
}
.social .fa-twitter:hover { /* round twitter icon*/
	background: #00ABE3;
}
.social .fa-facebook:hover { /* round facebook icon*/
	background: #0094BC;
}
/*Mike - Button styling and alignment*/

/*Order Button Header*/
h4{
	font-size: 2em;
	
}
.btnWrapper{
	text-align: center;
}

.btn-primary{
	color: #fff;
	background-color: #6600cc;
	border-color: #fff;
	
}
.btn-primary:hover{
	color: #000;
	background-color: #ccc;
	border-color: #fff;
	
}

.btn-default{
	color: #fff;
	background-color: #6600cc;
	border-color: #fff;
	width: 10em;
	
}
.btn-default:hover{
	color: #000;
	background-color: #ccc;
	border-color: #fff;
	
}

/*Bootsrap over ride*/

.btn-lg{
	padding: 23px 26px;
	font-size: 3em;
	border-radius: 15px;	
}




/* CUSTOMIZE THE CAROUSEL & Static Carousel
--------------------------------------------------*/ 
/* Carousel base class */
.carousel {
	/*height: 500px;
	margin-top: 50px;*/
	/*margin-bottom: 60px;*/
	/*margin:0 auto 60px;*/
	margin:0 auto 0px;
	/*top: 50px;*/
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
	text-align: left;
	margin-top: 10%;
	/*bottom: auto;
	bottom: 65%;*/
	bottom: 45%;
	left: 1%;
}
.dark {
	color: #666;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	/*height: 500px;background-color: #777;*/
	width:100%;
    height:auto;
}
.carousel-inner > .item > img {
	/*position: absolute;
	top: 0;
	left: 0;
	
  min-width: 100%
  height: 500px;
	width: 100%;
	height: none;*/
	min-width:100%;
  height:auto;
}
/* Turn off the gradient background on right and left slider control*/
.carousel-control.right, .carousel-control.left {
	background-image: none;
}
/* Mike add base style to satic Carsoul usedo n FAQ & contact pages.*/
div#myStaticCarousel {
    margin-bottom: 25px;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
	margin-bottom: 20px;
	text-align: center;
}
.marketing h2 {
	font-weight: normal;
}
.marketing .col-lg-4 p {
	margin-right: 10px;
	margin-left: 10px;
}

/*Top Marg Alignment for use on CONTACT AND FAQ PAGES*****/
.container.marketing.moremargtop {
	margin-top: 90px;
}
/*Top Marg Alignment for use on pages not using Carasel**/
.container.marketing.lessmargtop {
	margin-top: 100px;
}
.threeCol{
	margin-top: 60px;
}

/* Featurettes
------------------------- */
h1.featurette-heading,h2.featurette-heading{font-size: 36px;}
.featurette-divider {margin: 1em 0 1em 0 ;}
/* Thin out the marketing headings */
.featurette-heading {
	/*font-weight: 300;*/
	font-weight: 400;
	line-height: 1;
	letter-spacing: -1px;
}
p.phone{text-align:center; font-size:1.2em;}
p.phone span{font-size:1.2em; font-weight:bold;}
/* Footer */ 
.footer-container {
	background: #fff;
	margin-top: 2em;
}
.footer {
}
.footer-top {

	padding: 10px;
	position: relative;
	overflow: hidden;
}
.footer .footer-cols-wrapper {
	overflow: hidden;
	padding: 57px 0 42px;
}
.footer h4, .footer .block-title strong {
	position: relative;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #333;
	margin-bottom: 24px;
	text-transform: uppercase;
}
.footer ul li {
	display: block;
	padding: 0 0 16px;
	margin-left: -35px;
}
.footer ul li a {
	display: inline;
	color: #777;
	text-decoration: none;
}
.footer ul li a:hover {
	color: #2f2fad;
}
.footer address {
	float: left;
	margin-top: 10px;
}
.footer-container .bottom-container {
	text-align: center;
}
.footer-col {
	float: left;
	width: 16%;
	margin-right: 1.1%;
}
.footer-col.last {
	margin-right: 0;
	width: 45%;
	border-left: 1px solid #e3e3e3;
	padding-left: 7%;
}
.footer .footer-col p:last-child {
	font-size: 11px;
	line-height: 23px;
}
span.toggle {
	position: absolute;
	cursor: pointer;
	/*right: 10px;*/
	top: 0;
	width: 20px;
	text-align: center;
	font-size: 16px;
}
.footer-bottom {

	position: relative;
	font-size: 11px;
	border-top: 1px solid #e5e5e5;
}
/*Mike Bootstrap over ride */
div.footer-bottom address{text-align: center;}


/*FORM Styles */
.error_strings, .error{
	font-size:1.5em;
	font-weight:bold;
	color:#ff0000;
}.sent_success, .success{
	font-size:1.5em;
	font-weight:bold;
	color:#008000;
}