@charset "utf-8";
/* CSS Document */

body {
	font-family: Helvetica, "Helvetica Neue", Arial, Gotham, SimSum, sans-serif;	
	padding:0;
	margin:0;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

a {
	font-weight:bold;
	color:#0861BF;
}

a:visited {
	font-weight:bold;
}

a:hover, 
a:active {
	color:#9A0002;
}

.navbar
{
   -webkit-backface-visibility: hidden; /* Chrome jitter fix */
}

reg:after {
	content: '\00ae';	
	vertical-align: super; 
	font-size:smaller;
}

.header-bottom {
	padding:10px;
	background-color:#626262;
	color:#CDCDCD;
	position:relative;
	top:-60px;
	width:100%;
	margin:auto 0;
}

ul.no-bullet {
	margin:30px;
	list-style-type: none;
}

ul.no-bullet li {
	margin:20px;
	line-height:30px;
	background-repeat: no-repeat; 
	background-position: 0px top; 
	padding-right:0px;
	margin-right:0px; 
	padding-left:40px;
	
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;   /* This is to set nav dropdown on hover */ 
}

.social-icons-footer {
	float: right;
}

#footer a {
	font-weight:100;
	font-style:normal;
}

#footer a:hover {
	color:#939393;
}

.org-logos {
	margin-left:10px; 
	margin-right:10px; 
	vertical-align:bottom;
}

.label-product {
	background-color:#F3F3F3;
	color:#6C6C6C;	
}

.appear {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.boom {
	opacity:50;
}

allcaps {
	text-transform:uppercase;
}

a a:active,a:focus{
    outline:none!important
}


#body, #go, #shape, #fit, #active, #balance { display: block; position: relative; top: -150px; }

review {
	background-color:#FFF6A4;
}

review::before {
	content: ' LEGAL REVIEW: ';
	color:#A3282A;
}

review::after {
	content: ' :LEGAL REVIEW ';
	color:#A3282A;
}

.cartBox {
	position:fixed;
	right:309px;
	top:80px;
	border-radius: 50%;
	border-top-left-radius:0%;
	border-top-right-radius:0%;
	background-color:#5F5F5F;
	/* background-color:#c0143c; */
	color:#D4D4D4;
	width:150px;
	height:35px;
	float:right;
	padding:5px;
	font-size:14px;
	-webkit-backface-visibility: hidden; /* Chrome jitter fix */
}

.cartBox a {
	color:#CCCCCC;
}

.cartBoxActive {
	background-color:#00338e;
}

.shingle {
	/*opacity:.2;*/
	background-color:#363636;
	border-color:#5A5A5A;
	color:#CBCBCB;
	/*text-transform:lowercase;
	text-transform:capitalize;*/
}

.calloutBox {
	background-color:#494949;
	color:#DDDDDD;
	border:#C0C0C0 thick solid;
}

.shareBox {
	background-image:url(../images/Share_header.jpg);
	background-repeat:no-repeat;
	background-size:contain;
}

.the-legend {
    border-style: none;
    border-width: 0;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
	color:#D7D7D7;
}
.the-fieldset {
    border: 2px groove threedface #D4D4D4;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

/* SLIDE OUT SHINGLE PANEL START */

#slideout {
  position: fixed;
  top: 164px;
  left: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  /*background-color:#6C6C6C;*/
  background-color:#c0143c;
  padding:10px;
  border-radius: 10px;
  border-top-left-radius:0%;
  border-bottom-left-radius:0%;
  z-index:5;
}
#slideout_no {
  position: fixed;
  top: 164px;
  left: 0;
  /*background-color:#6C6C6C;*/
  background-color:#c0143c;
  padding:10px;
  border-radius: 10px;
  border-top-left-radius:0%;
  border-bottom-left-radius:0%;
  z-index:5;
}
#slideout_inner {
  position: fixed;
  top: 164px;
  left: -190px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  /*background-color:#6C6C6C;*/
  background-color:#c0143c;
  border-bottom-right-radius:10px;
  padding:5px;
}
#slideout:hover {
  left: 190px;
}
#slideout:hover #slideout_inner {
  left: 0;
}

.slideout_content {
	margin:5px;
	color:#E4E4E4;
	width:170px;
}

legal, .legal {
	font-size:8pt;
	font-style:italic;
}

disclaimer, .disclaimer {
	font-size:9pt;
	font-style:italic;
}


/* SLIDE OUT SHINGLE PANEL END */

@media (max-width: 979px) {
	.cartBox {
		right:30px;
	}
}


@media (max-width: 1024px) {
	
	.dropdown-menu {
		font-size:12px !important;
		min-width: 120px;
	}
	
}


@media (max-width: 1024px) {
	
	.no-line-mobile {
		border-top: none !important;
	}
	
}


@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block; /* This is to reset nav dropdowns back to click on mobile devices) */
  }
}

.nav-gfx {
	/*-webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
	-moz-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
	box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);*/
	
}

.product-section {
	position:relative;
	top:-70px;
}

.prod-drop {
	position:relative;
	top:80px;
}

.moveUp {
	position:relative;
	top:-80px;
}

.btn-gry {
  color:#373737;
  background-color:#EDEDED;
  border-color:#9E9E9E;
  transition: all 0.3s ease 0s;
}

.btn-gry:hover {
  color:#373737;
  background-color:#D7D7D7;
  border-color: #ccc;
  /* box-shadow: inset 0 0 0 4px #66b360; */
  box-shadow: inset 0 0 0 4px #0073a5;
}

.btn-red {
  color:#FFFFFF;
  background-color:#A30002;
  border-color:#9E9E9E;
  transition: all 0.3s ease 0s;
}

.btn-xl,
.btn-group-xl > .btn {
  /*padding: 16px 22px;
  font-size: 24px;*/
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-buy {
	font-size:larger;
}

.btn-notify {
	font-size:large;
	padding-bottom:10px;
	padding-top:10px;
}

.btn-enroll {
	font-size:large;
	padding-bottom:10px;
	padding-top:10px;
	transition: all 0.3s ease 0s;
}

.btn-enroll:hover {
  color:#373737;
  background-color:#D7D7D7;
  border-color: #ccc;
  /* box-shadow: inset 0 0 0 4px #66b360; */
  box-shadow: inset 0 0 0 4px #0073a5;
}

.btn-save {
	padding:0px;
}

.photo {
    position: relative;
    margin: 0 auto;
    display: table;
}

@media (max-width: 979px) {
	
	.photo {
   		margin-bottom:40px;
	}

}

.photo-label {
  position: absolute;
  height:35px;      
  bottom: -35px;
  text-align:center;
  vertical-align:central;
  color:#2F2F2F;
  width:100%;
  background: -webkit-linear-gradient(white, #CCCCCC); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, #CCCCCC); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, #CCCCCC); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, #CCCCCC); /* Standard syntax */
  border-bottom:thin solid #333333;
  opacity: 0.9;
  border-radius:0px;
  font-size: 16px;
}

.photo-shadow {
    box-shadow: 4px 4px 10px #888888;
}

.divider {
	margin: 0px 0px 0px 0px; /* Space out the Bootstrap <hr> more */
}

.gray-bar {
	background-color:#CCCCCC;
	padding:30px;	
}

.stats {
	font-style:italic;
	font-weight:normal;	
	line-height:1;
}

.cats {
	line-height:1;	
}

.catNum {
	line-height:.2;	
}

.statLegal {
	font-size:small;
	color:#AFAFAF;
	font-style:italic;
}

.yourPrice {
	font-size:16px;	
	font-weight:bold;
}

.yourPriceNum {
	color:#0073a5;
	font-size:larger;
}

.savings {
	color:#66b360;	
	
}

.upsale {
	margin:20px;	
	margin-bottom:5px;
	font-weight:500;
}

.btn-upsale {
	transition: all 0.3s ease 0s;	
}

/*#socialShareIcons td {
	display: inline-block;
	text-decoration: none;
	float: left;
}

.twitter-share-button[style] { vertical-align: text-bottom !important; }*/

.nextStep {
	margin:20px;	
	margin-bottom:5px;
	font-weight:500;
}

.btn-nextStep {
	transition: all 0.3s ease 0s;	
}

.btn-nextStep:hover, .btn-nextStep:focus, .btn-nextStep:active {
	border-color: #66b360;
  	box-shadow:inset 0 0 0 1px #66b360;
}

.btn-upsale:hover, .btn-upsale:focus, .btn-upsale:active {
	border-color: #66b360;
  	box-shadow:inset 0 0 0 1px #66b360;
}

.btn-expander {
	transition: all 0.3s ease 0s;	
}

.btn-expander:hover, .btn-video:focus, .btn-video:active {
	border-color: #c0143c;
  	box-shadow:inset 0 0 0 1px #c0143c;
}

.btn-video {
	transition: all 0.3s ease 0s;	
}

.btn-video:hover, .btn-video:focus, .btn-video:active {
	border-color: #c0143c;
  	box-shadow:inset 0 0 0 1px #c0143c;
}

.panel-body-video {
	padding:5px;	
}

.top-buffer {
	margin-top:30px;	
}

.panel-heading-pills {
	margin:0px; 
	padding:0px;
}

.pill-gradient {
  background: -webkit-linear-gradient(#C9C9C9, #F1F1F1); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#C9C9C9, #F1F1F1); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#C9C9C9, #F1F1F1); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#C9C9C9, #F1F1F1); /* Standard syntax */
}

.pill-gradient:active {
  background: -webkit-linear-gradient(#7F7F7F, #4D4D4D); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#7F7F7F, #4D4D4D); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#7F7F7F, #4D4D4D); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#7F7F7F, #4D4D4D); /* Standard syntax */
}

.prod-feature-bar {
	background-color:#3E3E3E;
	background-image:url(../images/bg_grad.jpg);
	background-repeat:repeat-y;
	margin:auto;
	padding:15px;
	width:100%;
}

.pack-img {
	border:thin #8353B7 solid;
}

.top-to-bottom {
    background: -webkit-linear-gradient(rgba(255,0,0,0),rgba(255,0,0,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(255,0,0,0),rgba(255,0,0,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(255,0,0,0),rgba(255,0,0,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(255,0,0,0), rgba(255,0,0,1)); /*Standard*/
}

/* Parallax Start */

@media (min-width: 1025px) {
	

[class*="bg__"] {
  height: 20vh;

  text-indent: -9999px;

  /* fix background */
  background-attachment: fixed;

  /* center it */
  background-position: center center;

  /* Scale it nicely to the element */
  background-size:cover;
  
  background-repeat:no-repeat;


  }

.bg__foo {
  background-image: url(../images/bg_goji.jpg);
}

.bg__goji {
  background-image: url(../images/bg_gojiberry.jpg);
}

.bg__event {
  background-image: url(../images/bg_event.jpg);
}

.bg__weightloss {
  background-image: url(../images/bg_weightloss.jpg);
}

.bg__values {
  background-image: url(../images/bg_values.jpg);
}

.bg__TAIGreens {
  background-image: url(../images/bg_TAIGreens.jpg);
}

.bg__jule {
  background-image: url(../images/bg_field.jpg);
}

.para_logo {
	/*background-image: url(../images/FreeLife.png);*/
	background-position:center center;
  	background-repeat:no-repeat;
	padding-top:15vh;
}

.bg__lab {
  background-image: url(../images/lab.jpg);
  /*position:absolute;
  top:200px;*/
}

.bg__social {
  background-image: url(../images/para_social.jpg);
  /*position:absolute;
  top:200px;*/
}

.bg__about {
  background-image: url(../images/para_about.jpg);
  /*position:absolute;
  top:200px;*/
}

.bg__GojiKids {
  background-image: url(../images/Students-in-class_China.jpg);
  /*position:absolute;
  top:200px;*/
}

.bg__knock {
  background-image: url(../images/knockknock.jpg);
  /*position:absolute;
  top:200px;*/
}

.beakers {
  background-image: url(../images/bg_beakers.jpg);
  /*position:absolute;
  top:200px;*/
}

.para-fade {
	-webkit-mask-image: -webkit-gradient(linear, right 70%, right top, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
	-webkit-mask-image: -webkit-gradient(linear, left 70%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
	background-image: linear-gradient(to bottom right,#002f4b,#dc4225);
	opacity: .9; 
}

}

/* Parallax End */



@media (min-width: 1194px) {
.slogan {
	text-align:right;
	margin-top:10px;
}

.product-suite-button {
	float:right; 
	right:180px; 
	top:25px;	
}

.science-float-right-panel {
	float:right; 
	position:relative; 
	right:50px; 
	padding:15px; 
	padding-right:30px; 
	padding-left:30px;	
}

.science-video {
	margin-left:50px;	
}

.footer-logo {
	position:relative; 
	left:20px; 
	bottom:10px;	
}

.footer-top {
	margin-left:70px;
}

}

@media (max-width: 1193px) {
.slogan {
	text-align:center;
}
}

.img-circle {
	border:#E0E0E0 thick solid;
}

.featurette {
	
}

.featurette-image {
	/*background-image:url(../images/opportunity_bg.jpg);*/
}

.footer-logo {
 position:relative;
 bottom:0px;
}

footer {
	background-color:#393939;
	width:100%;	
	margin: 0 auto;
	padding:40px;
	color:#dfdfdf;
	font-size:smaller;
	
	/*width:100%;
    height:80px;
    background-color:#000;
    background-attachment: scroll;
    background-position: 0% 0%;
    position: fixed;
    bottom: 0pt;
    left: 0pt;*/
}

.footer, .push {
    height: 155px; /* .push must be the same height as .footer */
}

footer a, footer a:hover {
	color:#dfdfdf;
}

footer-header {
	background-color:#515151;
	width:100%;	
	margin: 0 auto;
	padding:40px;
	color:#dfdfdf;
}



.footer-bottom {
    background: #25292C;
    color: #888;
    line-height: 30px;
    padding: 15px;
	max-height:85px;
}

.slogans {
	margin-top:10px;
}

.footer-GoChi {
	position:relative;
	top:-60px;	
	right:20px;
}

.social-icons-footer-bottom {
    margin: 6px 0 -10px 0px;

}

.social-icons-footer-bottom li {
    display: inline;
    float: left;
    margin-right: 7px !important;
    list-style: none;
    -webkit-transition: all .2s ease-in-out 0;
    -moz-transition: all .2s ease-in-out 0;
    -o-transition: all .2s ease-in-out 0;
    -ms-transition: all .2s ease-in-out 0;
    transition: all .2s ease-in-out 0;
}
/* Nav Header main title links start */
h4 {;
	display:inline-block;
	font-size:20px;
}

@media (max-width: 1100px) {
	h4 {;
		display:inline-block;
		font-size:14px;
	}
}
/* Nav Header main title links end */

.footer-last {
	background-color:#272727;
	color:#B9B9B9;
	font-size:small;
	width:100%;
	margin-bottom:0px;
	padding-bottom:0px;
}

.footer-legal {
	margin:10px;
	font-size:12px;
	text-align:center;
}

@media (max-width: 780px) {
	
.footer-GoChi {
	display:none;
}

.footer-tagline-2 {
	display:none;
}

.prod-header {
	display:none;
}

.product-section {
	position:relative;
	top:0px;
}

.social-icons-footer {
    margin-left: 0px;
    margin-right: 0px;
}

.social-icons-footer-bottom {
	margin-left: 0px;
    margin-right: 0px;
}

.org-logos {
	margin:20px;
}
	
}

/* Image hover swap */

#cf {
  margin:0 auto;
  position:relative;
  width:42px;
  height:39px;
  display:inline-block;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: max-width opacity .2s ease-in-out;
  -moz-transition: max-width opacity .2s ease-in-out;
  -o-transition: max-width opacity .2s ease-in-out;
  transition: max-width opacity .2s ease-in-out;
}

#cf img.bottom:hover {
  opacity:0;
  max-width:75%;
}

/* End Image hover swap */