/* Zynghealth CSS Document */

body{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #000000;
	background:url(../images/bkg3.jpg);
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	background-attachment: fixed;
}

/***********************
  FIXED NAVIGATION BAR
 ***********************/
/* COMPANY LOGO */
.homeLogo {
	display:block;
	margin-left:auto;
	margin-right:auto;
}


  
/* NAVIGATION LOGOUT COLOR */
#logoout .nav-pills>li>a:hover {
	background-color: #4a580e;
}
#logout .nav-pills >  a,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  color:#d0d793;
  background-color:  #4a580e;
}

/* NAVIGATION BAR */

.navbar-default {
  background-color:rgba(208,215,147,0.81);
  border-color: #d0d793;
}
.navbar-default .navbar-brand {
  color: #4a580e;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #fafbf9;
}
.navbar-default .navbar-text {
  color: #4a580e;
}
.navbar-default .navbar-nav > li > a {
  color: #4a580e;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fafbf9;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #d0d793;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #4a580e;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #fafbf9;
  background-color: #4a580e;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #4a580e;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fafbf9;
  background-color: #4a580e;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fafbf9;
  background-color: #4a580e;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fafbf9;
  background-color: #4a580e;
}
.navbar-default .navbar-toggle {
  border-color: #4a580e;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #4a580e;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #4a580e;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #4a580e;
}
.navbar-default .navbar-link {
  color: #4a580e;
}
.navbar-default .navbar-link:hover {
  color: #fafbf9;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #4a580e;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fafbf9;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fafbf9;
    background-color: #4a580e;
  }
}

/**************************************
  LANDING SCREEN w/ MESSAGE OF THE DAY 
***************************************/
#welcome{
	top: 0px;
	align-text: center;
	horizontal-align: middle;		
}

/* Company Logo */
.logo{
float: none;
}

/* Slogan Image */
.img2 {
	display:block;
	margin-left:auto;
	margin-right:auto;
}


.quote{
	vertical-align:middle;
	align-items: center;
	position: relative;
	padding-left:20px;
	padding-right: 20px;
}

/* Message of the Day: Border, quote & spacing */		
blockquote {
	font-family: Georgia, serif;
	border-left: none;
	margin-bottom:39px;
	margin-top: 30px;
	margin-left: 0px;
	margin-right: 0px;
	position:relative;
    padding:20px 45px;
	background-color:rgba(113,121,67,0.76) /*rgba(13,28,0,0.73)*/;
	border-top: 3px dotted #b8af9c;
	border-bottom: 3px dotted #b8af9c;
	box-shadow: inset 0 -1px 0 0 #b8af9c, inset 0 1px 0 0 #b8af9c, 0 1px 0 0 #b8af9c, 0 -1px 0 0 #b8af9c;
}

/* Large Opening Quote */
blockquote:before {
    display: block;
	padding-left: 20px;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -10px;
    top: 2px;
	color: #b8af9c;	
}

/* Large Ending Quote */
blockquote:after {
    display: block;
	padding-right: 35px;
    content: "\201d";
    font-size: 80px;
    position: absolute;
    right: -10px;
   	bottom: 3px;
	color: #b8af9c;	
}

/* Large first letter */
.centerQuote p:first-letter {
	font-size: 35px;
    font-weight: bold;
}

/* Body of Daily Message the Quote */
.centerQuote {
	position: relative;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.72);
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	line-height: 1;
	font-style: italic;
	color: #e4e0d0;
	font-size: 36px;
	top:-20px;
	bottom:50px;
}

/* Daily Message the Author */
.centerQuote .by {
	font-weight: 400;
	top: -2px;
}


/*********************************
  HOME PAGE - PRODUCTS & SERVICES 
**********************************/
/* main container */
#wrapper {
	background-color: rgba(102,102,51,0.55);/*rgba(157,160,155,0.82);rgba(204,212,132,0.61);*/
	margin-top: 20px;
	padding-top:30px;
	bottom: auto;
	padding-left:50px;
	padding-right:50px;
	border-top: 3px dotted #b0aea3/*b8af9c*/;
	border-bottom: 3px dotted #b8af9c;
	box-shadow: inset 0 -1px 0 0 #b8af9c, inset 0 1px 0 0 #b8af9c, 0 1px 0 0 #b8af9c, 0 -1px 0 0 #b8af9c;	
}

/* carousel container */
#carousel1{
	padding-bottom:10px;
	margin-bottom: 20px;
}

.thumbnail{
	background-color: rgba(13,28,0,0.73);/*#4a580e;*/
	padding-bottom:20px;
	color:#edf0e1;
	border-top: 3px dotted #b8af9c;
	border-bottom: 3px dotted #b8af9c;
	box-shadow: inset 0 -1px 0 0 #b8af9c, inset 0 1px 0 0 #b8af9c, 0 1px 0 0 #b8af9c, 0 -1px 0 0 #b8af9c;
}

/* 4qty services container */

.carousel-inner{
  width:100%;
}

.center-block {
    width: 100%;
}

.carousel-caption-jp{
	h1: #3B6405;
}

.carousel-indicators{
	margin-top:50px;
}

.serviceImg {
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-top:50px;
}

/************************
 Servies 1 - JUICE PLUS+
*************************/
.juice {
	padding-top:20px;
	padding-bottom:auto;
	padding-left:45px;
	padding-right:45px;
	color:#333333;
	background-color: #dfdfc9 /*rgba(59,100,5,0.52)*/;
	border-top: 3px dotted #b8af9c;
	border-bottom: 3px dotted #b8af9c;
	box-shadow: inset 0 -1px 0 0 #b8af9c, inset 0 1px 0 0 #b8af9c, 0 1px 0 0 #b8af9c, 0 -1px 0 0 #b8af9c;
}

.jp {
	position:relative;
	background-color:#3B6405;
	color:#d4cdbf;
	text-align:center;
	padding-bottom:1px;	
}

/***************************
  Services 2 - YOUNG LIVING
****************************/
.young {
	padding-top:20px;
	padding-bottom:auto;
	padding-left:45px;
	padding-right:45px;
	color:#333333;
	background-color: #dfdfc9/*rgba(94,88,100,0.66)*/;
	border-top: 3px dotted #b8af9c;
	border-bottom: 3px dotted #b8af9c;
	box-shadow: inset 0 -1px 0 0 #b8af9c, inset 0 1px 0 0 #b8af9c, 0 1px 0 0 #b8af9c, 0 -1px 0 0 #b8af9c;
}

.yl {
	position:relative;
	background-color:#5e5864;
	color:#d4cdbf;
	text-align:center;
	padding-bottom:1px;	
}


/******************************************
  Services 3 - ADVANCED TACHYON TECHNOLOGY
*******************************************/
.tachyon {
	padding-top:20px;
	padding-bottom:auto;
	padding-left:45px;
	padding-right:45px;
	color:#333333;
	background-color: #dfdfc9 /*rgba(1,41,70,0.48)8*/;
	border-top: 3px dotted #b8af9c;
	border-bottom: 3px dotted #b8af9c;
	box-shadow: inset 0 -1px 0 0 #b8af9c, inset 0 1px 0 0 #b8af9c, 0 1px 0 0 #b8af9c, 0 -1px 0 0 #b8af9c;
}

.pt {
	position:relative;
	background-color:#012946;
	color:#d4cdbf;
	text-align:center;
	padding-bottom:1px;	
}


/**************************
  Services 4 - THRIVE LIFE
***************************/
.thrive {
	padding-top:20px;
	padding-bottom:auto;
	padding-left:45px;
	padding-right:45px;
	color:#333333;
	background-color: #dfdfc9 /*rgba(148,4,14,0.59)*/;
	border-top: 3px dotted #b8af9c;
	border-bottom: 3px dotted #b8af9c;
	box-shadow: inset 0 -1px 0 0 #b8af9c, inset 0 1px 0 0 #b8af9c, 0 1px 0 0 #b8af9c, 0 -1px 0 0 #b8af9c;
}

.tl {
	position:relative;
	background-color: #94040E;
	color:#d4cdbf;
	text-align:center;
	padding-bottom:1px;	
}



/******************************
  NEWSLETTER / ABOUT / CONTACT
*******************************/
.header {
	position:relative;
	background-color: #4a580e;
	color:#d4cdbf;
	text-align:center;
	padding-bottom:1px;	
}


/********************
  NEWS LETTER SEARCH
*********************/
.search {
	padding-bottom:800px;
	color:#333333;
	background-color: #dfdfc9 /*rgba(148,4,14,0.59)*/;
	border-top: 3px dotted #b8af9c;
	border-bottom: 3px dotted #b8af9c;
	box-shadow: inset 0 -1px 0 0 #b8af9c, inset 0 1px 0 0 #b8af9c, 0 1px 0 0 #b8af9c, 0 -1px 0 0 #b8af9c;
	
}

/*container of the Newsletter section*/
#newsletter{
	position:relative;
  	padding-bottom:140px;
}

.newsletter{
	vertical-align:middle;
	align-items: center;
	top: 20px;
	position: relative;
	background-color: #7e826d;
}



/*********************
  NEWS LETTER ARCHIVE 
**********************/
.archive{ 
	position: absolute;
	display:block;
	margin-left:2%;
	margin-right:4%;
	height: 650px; /* Set this height to the appropriate size*/
  	overflow-y: scroll; /*Only add scroll to vertical column*/
	top:300px;
	padding-left:15px;
	padding-right:15px;
	border-top: 3px;
	border-top: 3px dotted #b8af9c;
	border-bottom: 3px dotted #b8af9c;
	box-shadow: inset 0 -1px 0 0 #b8af9c, inset 0 1px 0 0 #b8af9c, 0 1px 0 0 #b8af9c, 0 -1px 0 0 #b8af9c;
	
	/*border-bottom: 3px;
	box-color: #4a580e;
	background-color:rgba(111,111,92,0.53);*/
}

/* Div that holds the image for the news letter */
.newsImg1 {
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-top:2%;
	padding-bottom:2%;
	vertical-align:middle;
}


.clubImg {
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-top:2%;
	padding-bottom:2%;
}

.newsImg1 {
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-top:2%;
	padding-bottom:2%;
	vertical-align:middle;
}

.newsCaption {
}

.month {
}

.newsBut {
	float:right;
}

	

/*********
  BUTTONS  
**********/
.btn-default {
	font-size:16px;
	background-color:#4a580e;
	color:#b8af9c;
  	border-color: #ccc;
}

.btn-default:focus,
.btn-default.focus {
  color: #4a580e;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}

.btn-default:hover {
  color: #4a580e;
  background-color: #D37205;
  border-color: #adadad;
}


 
/**********
  ABOUT US
***********/
#about{
	padding-bottom: 70px;
	color:  #252B08;	
}
	
.zynga{
	vertical-align:middle;
	align-items: center;
	top: 43px;
	position: relative;
	padding-left:20px;
	padding-right: 20px;
}

.left {
	vertical-align:middle;
}

.right {
	vertical-align:middle;
}

.aboutImg {
	margin: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.about {
	padding-top:20px;
	padding-bottom:100px;
	padding-left:45px;
	padding-right:45px;
	color:#333333;
	background-color: #dfdfc9;
	border-top: 3px dotted #b8af9c;
	border-bottom: 3px dotted #b8af9c;
	box-shadow: inset 0 -1px 0 0 #b8af9c, inset 0 1px 0 0 #b8af9c, 0 1px 0 0 #b8af9c, 0 -1px 0 0 #b8af9c;
}


/*********
  CONTACT
**********/
.contact {
	padding-top:20px;
	padding-bottom:100px;
	padding-left:45px;
	padding-right:45px;
	color:#333333;
	background-color: #dfdfc9; /*rgba(113,121,67,0.76);*/
	border-top: 3px dotted #b8af9c;
	border-bottom: 3px dotted #b8af9c;
	box-shadow: inset 0 -1px 0 0 #b8af9c, inset 0 1px 0 0 #b8af9c, 0 1px 0 0 #b8af9c, 0 -1px 0 0 #b8af9c;
}

.contactInfo{
	vertical-align:middle;
	text-align:center;
	color: #252B08;
	display:block;
	margin-top:70px;
	margin-bottom:auto;
   	margin-left: auto;
  	margin-right:auto;
}


/********
  FOOTER 
*********/
.footer{
	background-color:  rgba(13,28,0,0.73);
 	border-bottom: 5px solid #4a580e;
	margin-top: 150px;
	text-align:center;
	color:#98987e;
}

.img4{
	padding-top:20px;
	padding-bottom:20px;
	float: right;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color:  transparent;
  border-radius: 4px;
 
}

/*change breadcrumb links color*/
.breadcrumb a {
     color: #98987e;
	 font-size: 14px;
	 text-align: left;
}

.breadcrumb a:hover {
     text-decoration: none;
}

/*change active color*/
.breadcrumb a > .active {
     color: #000;
}