/* Zynghealth CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url("newsletter.css");

body{font-family: 'Open Sans Condensed', sans-serif;
font-size: 17px;
font-weight: 300;
color: #665f4f;
margin: 0;
padding:0;
background:url(../images/hero4.png) center fixed; background-size: cover;

background-color: #4f5149;
}

/***********************
  FIXED NAVIGATION BAR
 ***********************/
 /* NAVIGATION LOGO  */
.img {
	/*align-items:left;
	display:block;
   	margin-left: auto;
  	margin-right:auto;*/	
	top: -150px;
	margin-bottom:0px;
	height: -50%;
  	padding: 8px 0px 0px 0px;
}

/* NAVIGATION BACKGROUND COLOR */
.bkg {
	background-color: rgba(248,244,244,0.00)/*#1b1808*/;
  	border-color: #4a580e;
}

/* NAVIGATION BAR */
.navbar-default {
  background-color: rgba(13,15,13,0.91);
  border-color: #4a580e;
  padding-left: 20px;
  padding-right: 20px;
}

.navbar-default .navbar-brand {
  color: #b8af9c;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #edf0e1;
}

.navbar-default .navbar-text {
  color: #b8af9c;
}
.navbar-default .navbar-nav > li > a {
  color: #b8af9c;
  
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #edf0e1;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #1c1b19;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #b8af9c;
  font-size: 17px;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #edf0e1;
  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: #edf0e1;
  background-color: #4a580e;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #edf0e1;
  background-color: #4a580e;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #edf0e1;
  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: #b8af9c;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #b8af9c;
}
.navbar-default .navbar-link {
  color: #b8af9c;
}
.navbar-default .navbar-link:hover {
  color: #edf0e1;
}

@media (max-width : 650px ){
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #b8af9c;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #edf0e1;
  }
  .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: #edf0e1;
    background-color: #4a580e;
  }
  .navbar-toggle {
	  color:#b8af9c;
  }
 
}


/****************
  SPLASH SCREEN 
*****************/
/* Aminatated Welcome Screen */
#splash{
    display: none;
	position: fixed;
	top: 13%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #1c1b19;
	z-index:1001;
}


/*********************
  MESSAGE OF THE DAY  
**********************/

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

/* 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(28,27,25,0.39);/*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;
}

/* 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;
}
	
/****************
  LIFE PRODUCTS 
*****************/

/* FOUR DISTRIBUTORS container */
#distributors{
	padding-bottom:150px;
	padding-bottom: 370px;
}

.distributors {
	vertical-align:middle;
	align-items: center;
	top: 93px;
	position: relative;
	background-color: #7e826d;
	background:url(../images/hero4.png) center fixed; 	
	background-size: cover; 
	color:#fff;
	padding-left:20px;
	padding-right: 20px;
}

.overlay{
	/* background-color:rgba(111,111,92,0.53); */
}


.color {
	h3:#d4cdbf;
	background-color: green;
}

.color2 {
	h3:#d4cdbf;
	background-color: navy;
	color:#d4cdbf;
}

.color3 {
	h3:#d4cdbf;
	background-color: #94040E;
	color:#d4cdbf;
}

.color4 {
	h3:#d4cdbf;
	background-color: purple;
	color:#d4cdbf;
}
.text {
	color:#d4cdbf;
}

.bkg1 {
	text-align: center;
	h3:#d4cdbf;
	background-color:rgba(113,121,67,0.76);
	padding-top: 20px;
	padding-bottom: 10px;
}

.bkg2 {
	text-align: center;
	h3:#d4cdbf;
	background-color:rgba(28,27,25,0.62);
	padding-bottom: 20px;
	padding-top: 10px;
	
}.products {
	h3:#edf0e1; 
	background-color: #4a580e;
	color:#d4cdbf;
}



/****************
  FOOTER 
*****************/
.footer{
	position: relative;
  	margin-top: -140px; /* negative value of footer height */
  	height: 180px;
  	clear:both;
  	padding-top:10px;
  	color:#d4cdbf;
	background-color: rgba(28,27,25,0.62);
  	border-color: #4a580e;
}

.footerImg {
	display:block;
   	margin-left: auto;
  	margin-right:auto;
	top: 0px;
}
.bottomBorder {
	top:140px;
	height: 2px;
	background-color: #4a580e;
}