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


.row.no-side-margins{
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.no-side-padding{
	padding-left: 0px;
	padding-right: 0px;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.disclaimer{
	font-size: 12px;
}

/*-----------------------------home page ---------------------------------------------*/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.website-row-home .col-md-4{
	padding-left: 0px;
	padding-right: 0px;
}


/*--------------------------new retail shopping cart ----------------------------------------------*/

.product_category_header{
	font-family: Futura-pt, Helvetica, sans-serif;
	font-size: 38px;
	font-weight: bold;
	margin-top: 30px;
	padding-bottom: 15px;
}

/*.product-row:first-child { 
    margin-top: 60px;
}*/

.product-row:last-child { 
    margin-bottom: 30px;
}


/*.product-row .col-md-4:nth-of-type(odd){
	background: #8A8A8A;	
}*/


.website-row{
	margin-top: 80px;
	margin-bottom: 80px;
}

.website-row.first{
	margin-top: 40px;
}

.website-row-home{
	margin-top: 80px;
	margin-bottom: 80px;
}


.cat_header_line{
	border-top: 2px solid #000000;
}

.cat_header_line.purple{
	border-color: #6e0075;
}

hr.divider.black{
	border-top: 2px solid #000000;
	margin-top: 40px;
	margin-bottom: 40px;
}

hr.divider.footer{
	margin-top: 0px;
	margin-bottom: 80px;
}

hr.divider.black.mgtp-30{
	margin-top: 30px;
}



.product_section{
	font-family: Helvetica, Arial, sans-serif;
}

.product_name{
	margin-top: 30px;
	font-weight: bold;
	font-size: 27px;
	text-transform: uppercase;
	font-family: Futura-pt, Helvetica, sans-serif;
}

.product_name.smaller{
	letter-spacing: -1px; font-size: 27px;
}

.product_subname{
	font-size: 19px;
	padding-top: 15px;
	margin-top: -5px;
	/*min-height: 70px;*/
	line-height: 24px;
}

.product_subname.smaller{
	letter-spacing: -1px;
}

.product_subname_line{
	border-top: 2px solid #909295;
}

.product_description{
	font-size: 15px;
	height: 100px;
}

.product_price{
	font-weight: bold;
	font-size: 24px;
	font-family: Futura-pt, Helvetica, sans-serif;	
}

.product_servings{
	font-weight: normal;
	font-size: 14px;
	color: #909295;
}

.row.price_buttons{
	margin-top: 30px;
}

.btn.sharp {
  border-radius:0;
}

.btn.bold{
	font-weight: bold;
}

.btn-order{
	width: 150px;
	background-color: #00abdf;
	color: #FFFFFF;
	margin-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
}

.btn-product-info{
	width: 150px;
	background-color: #909295;
	color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
}

.btn-long{
	width: 300px;
	color: #FFFFFF;
	margin-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
}

.btn-longer{
	width: 300px;
	color: #FFFFFF;
	margin-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;	
}

.btn-short{
	color: #FFFFFF;
	padding-left: 12px;
	padding-right: 12px;	
}

.btn.blue{
	background-color: #00abdf;
	color: #ffffff;
}

.btn.gray{
	background-color: #787878;
	color: #ffffff;
}

.btn.royal{
	background-color: #2648a3;
	color: #ffffff;
}

.btn.green{
	background-color: #00ab4a;
	color: #ffffff;
}

.btn.purple{
	background-color: #6e0075;
	color: #ffffff;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

.zavita_divider{
	border-top: 1px solid #B3B3B3;
}

/*--------------------weight loss -------------------*/

.dark-blue-caps{
	font-family: Futura-pt, Helvetica, sans-serif;	
	font-size: 34px;
	line-height: 34px;
	color: #2648a3;
	text-transform: uppercase;
}

.ss_benefit_bullets{
	font-size: 20px;
	padding-top: 20px;
	/*min-height: 70px;*/
	line-height: 28px;
	list-style: disc inside;
}

.ss_benefit_bullets li span{
	position: relative;
}

/*-------------------------------------------------*/


.new_disclaimer{
	margin-bottom: 50px;
	color: #807f83;
	font-size: 14px
}
	
.flex-container {
    display: -webkit-flex;
    display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.flex-container-bottom {
    display: -webkit-flex;
    display: flex;
}

.flex-container-column{
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: space-around;
}


.right {
   margin-left: auto;
}

.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand. 
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}


/*-------------------------our company-------------------------------------*/


.our_guiding_principles{
	color: #000000;
	background-image :url("../images/OurGuidingPrinciples.png");
	/*background-color: red;*/
	height: 60px;
	padding-left: 10px;
	
}

 
.dark-purple-caps{
	font-family: Futura-pt, Helvetica, sans-serif;	
	font-size: 34px;
	line-height: 34px;
	color: #300e59;
	text-transform: uppercase;
}

.white-caps{
	font-family: Futura-pt, Helvetica, sans-serif;	
	font-size: 34px;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	line-height: 60px;       /* the same as your div height */
}

.our_guiding_principles .click-here{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	line-height: 60px;
	position: absolute;
	right: 10px; 
}

.med_panel, #pete_coon_panel, #peggy_richardson_panel, #freeman_irby_panel{
	position: absolute;
	left: 0px;
	top: 230px;
	width: 944px;
	height: 106px;
	z-index: 1050;
	background-color: #ffffff;
	padding-left: 15px;
	padding-top: 10px;
	display: none;
}

.med_panel_2, #herman_glass_panel, #phillip_smith_panel, #renee_brooks_panel{
	position: absolute;
	left: 0px;
	top: 500px;
	width: 944px;
	height: 95px;
	z-index: 1050;
	background-color: #ffffff;
	padding-left: 15px;
	padding-top: 10px;
	display: none;
}

.chf_video_title{
	color: #000000;
	margin-bottom: 10px;
}

.health_care_bullets{
	margin-top: 55px;
}

.health_care_bullets li{

	margin-bottom: 35px;
	font-size: 20px;
	font-weight: bold;
	list-style: disc;
	color: #00abdf;
	
}

.health_care_bullets li span{
	position: relative;
	color: #000000;
}


.health_care_bullets_mobile{
	margin-top: 30px;
	color: #000000;
}

.health_care_bullets_mobile li{

	margin-bottom: 35px;
	font-size: 14px;
	font-weight: bold;
	list-style: disc;
	color: #00abdf;
	
}

.health_care_bullets_mobile li span{
	position: relative;
	color: #000000;
}

.health_care_benefits_bullets li{

	margin-bottom: 20px;
	font-size: 22px;
	font-weight: bold;
	list-style: disc inside;
	color: #00abdf;
	
}

.health_care_benefits_bullets li span{
	position: relative;
	left: -10px;
	color: #000000;
}

.health_care_benefits_bullets_mobile li{

	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	list-style: disc inside;
	color: #00abdf;
	
}

.health_care_benefits_bullets_mobile li span{
	position: relative;
	left: -10px;
	color: #000000;
}

/*------------side panel -------------*/

html,body {
    height:100%;
    padding:0;
    margin:0;
}

#side-panel{
	right: -1000px;
	top: 0 !important;
	position:absolute;
    width: 400px;
    z-index:999999;
	overflow-y: scroll;
	height: 100%;
	background-color: #fff;
}

/*
#side-panel .close-sidebar {
  margin-right: 0 !important;
  width: 0 !important;
}
*/


#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 9999; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

#hemp_summary{
	padding-bottom: 35px;
}

@media (max-width: 990px) {
    .collapse.in{
        display:block !important;
    }
	
	.sticky-header{
		display: none;
	}
	
	.background-hidden-div{
		display: none;
	}
	
	.profile-info{
		margin-bottom: 15px;
	}

}

@media (max-width: 768px) {
	
	.countdown2 .ClassyCountdown-wrapper > div:first-child {
    margin-left: 0px;
	}
	
}

.ffn-main-menu{
	background-image: url('images/header-background.png');
}

#ffn-main-menu.navbar-default{
  background-image: url('../images/header-background.png');
}

#ffn-main-menu-mobile.navbar-default{
  background-image: url('../images/header-background.png');
  background-size: cover;
}

#ffn-main-menu.navbar{
	border-radius: 0px;
	border: 0px;
}

#ffn-main-menu .nav.navbar-nav{
	margin-left: -30px;
}

#ffn-main-menu.navbar-default .navbar-nav li a {
	color: #fff;
	font-family: 'futura-pt';
	text-transform: uppercase;
	font-size: 15px;
}

#ffn-main-menu-mobile.navbar-default .navbar-nav li a {
	color: #fff;
	font-family: 'futura-pt';
	text-transform: uppercase;
	font-size: 15px;
}

 #ffn-main-menu li.blue{
	 background-color: #00abdf;
 }
 
  #ffn-main-menu-mobile li.blue{
	 background-color: #00abdf;
 }
 
 .navbar-toggle.navbar-left {
  float: left;
  margin-left: 10px;
}

#cart-logo a{
	padding-top: 12px;
	padding-bottom: 0px;
}

#ffn-main-menu.navbar-default .navbar-nav>#cart-logo{
	margin-right: -32px;
}

#ffn-main-menu.navbar-default .navbar-nav>#my-cart-menu{
	margin-right: -10px;
}

#ffn-main-menu.navbar-default .navbar-nav>li.dropdown.open>a {
	color: #202020;
}

#ffn-main-menu-mobile.navbar-default .navbar-nav>li.dropdown.open>a {
	color: #202020;
}

#ffn-main-menu.navbar-default .navbar-nav>li {
	margin-left: 10px;
	margin-right: 10px;
}
	

#ffn-main-menu .dropdown-toggle:active, .open .dropdown-toggle {
        background: none;
 }
 
 #ffn-main-menu .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }
 
#ffn-main-menu-mobile .dropdown:hover .dropdown-menu {
    display: block;
}

#ffn-main-menu-mobile .navbar-collapse.in{
	overflow-y: visible !important;
}

#ffn-main-menu .dropdown-menu{
	background-color: #404040;
}

 #ffn-main-menu .dropdown-menu>li {
	padding-top: 2px;
	padding-bottom: 2px;
 }

#ffn-main-menu .dropdown-menu>li>a:hover{
	background-color: #303030;
}

#ffn-main-menu .dropdown-menu>li>a{
	color: #fff;
}

#top-menu{
	font-family: 'futura-pt';
	font-size: 14px;
}

#top-menu-mobile{
	font-family: 'futura-pt';
	font-size: 14px;
}

.mobile-login-links{
	margin: 15px 0; 
	color: #a3a3a3;
	font-family: 'futura-pt';
	font-size: 14px;
	text-transform: uppercase;
}

#top-menu.row {
  position: relative;
  margin-bottom: 15px;
}

.vertical-align-bottom {
    display: flex;
    align-items: flex-end;
	/*height: 70px;*/
}

.vertical-align-center {
    display: flex;
    align-items: center;
}

.vertical-align-column {
    display: flex;
    flex-direction: column;
}

.vertical-align-space-between {
    display: flex;
    align-items: stretch;
    flex-direction: column;
}

.horizontal-align-end {
    display: flex;
    justify-content: flex-end;
}

.horizontal-align-space-between {
    display: flex;
    justify-content: space-between;
}

.horizontal-align-center {
    display: flex;
    justify-content: center;
}

.img-profile{
	height: 60px;
	border: 2px solid #00abdf;
}

.profile-name{
	font-weight: bold;
	color: #00abdf;
	font-size: 12px;
}

 .profile-phone{
	text-decoration: none;
	color: #000;
	font-size: 12px;
}

.profile-email{
	color: #00abdf;	
	font-size: 12px;
}

#top-menu-mobile .img-profile{
	height: 60px;
	border: 2px solid #00abdf;
}

#top-menu-mobile .profile-name{
	font-weight: bold;
	color: #00abdf;
	font-size: 12px;
}

#top-menu-mobile .profile-phone{
	text-decoration: none;
	color: #000;
	font-size: 12px;
}

#top-menu-mobile .profile-email{
	color: #00abdf;	
	font-size: 12px;
}

.hamburger-left{
	float: left;
	display: auto;
}

#ffn-main-menu-mobile .navbar-nav.mobile-important-li>li{
	float: left;
}


#ffn-main-menu-mobile .navbar-nav.mobile-important-li{
	margin-right: 10px;
}

#ffn-main-menu-mobile #cart-logo a{
	padding-top: 10px;
}

#ffn-main-menu-mobile .dropdown-menu{
	background-color: #909090;
}

#ffn-main-menu-mobile .dropdown-menu>li>a:hover{
	background-color: #303030;
}

#ffn-main-menu-mobile .dropdown-menu>li>a{
	color: #fff;
}

/*
#ffn-main-menu-mobile{
	height: 50px;
}
*/

.top-links>a{
	
	color: #404040;
	text-transform: uppercase;
		
}

.lang-links>a{
	color: #aeaeae;
}

.lang-links>a.selected_lang{
	color: #404040;
}

.sticky-header{
	position: fixed; top: 0; background-color: #fff; z-index: 98; width: 944px;
}

.background-hidden-div{
	height: 136px;
}

#nivo_slider{
	z-index: 97;
}

.top-links>div>a, .mobile-login-links>div>a{
	color: #404040;
}

.anchor{
    display: block;
    position: relative;
    top: -87px;
    visibility: hidden;
}

@media screen{
.logo-print img{
	display: none;
}

.customer-service-print{
	display: none;
}

}

/*
.dist-next-step-button{
	width: 362px; float: right; padding-left: 32px;
}
*/



.container.dist-signup-container{
	width: 944px; padding-left: 0px;
}


.product-countdown{
	background-image: url('../images/product_launch_countdown_background.png');
	background-size: cover;
	height: 125px;
}

.ClassyCountdown-wrapper>div{

	margin: 0 24px;

}

.product-countdown{
	font-family: 'futura-pt';
	font-weight: 400;
	color: #fff;
	font-size: 20px;
}


/*--------enrollment paks -----------------*/


.value_header{
	color: #fff;
	background-image: url('../images/green_strip.png'); 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 34px;
}

.no_thanks_option{
	font-size: 16px; line-height: 36px; padding-left: 20px;
}