html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*end reset*/
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
/*clearfix hack*/
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
img {
	max-width:100%;
}
.nutrition-icons {
    max-width:25%;
}
body{
background:#fdfdfd;
font-family: 'Open Sans Condensed', sans-serif;
}
header{position:relative;width:100%;background:#FDFDFD;}
.logo{position:fixed;top:0;width:100%;text-align:center;height:130px;background:#FDFDFD;z-index:999;padding-top:10px;}
.logo a, logo a:visited {
	text-decoration:none;
}

.logo h3, h3 {
	font-family: 'notera_personal_use_onlyRg';
	text-align:center;
	color:#333;
    line-height:0.9;
	text-shadow: 0px 2px 2px rgba(150, 150, 150, 1);
}
h3 {
	font-size:54px;
    
}
.logo h3 {
		font-size:94px;
}
.quarter a {
	color:#444;
	text-decoration:none;
}
.quarter a:hover {
	color:#a5b8da;
}
article p a, article p a:visited {
	color:#FDFDFD;
}
article p a:hover {
	color:#FDFDFD;
}
.article-more {
	width:323px;
}
.whitelink:hover {color:#536f9d!important;
text-decoration: underline;}
.whitelink, .whitelink:visited {
    color:#819bcb!important;
    text-decoration: underline;
}
.iconadmin::after {
  content: url(../images/icons/admin.png);
  position: relative;
  top: 5px;
  left: 20px;
 max-height: 20px;
  max-width: 20px;
  pointer-events: none;
}
.iconfitness::after {
  content: url(../images/icons/fitness.png);
  position: relative;
  top: 5px;
  left: 20px;
 max-height: 20px;
  max-width: 20px;
  pointer-events: none;
}
.iconnutrition::after {
  content: url(../images/icons/nutrition.png);
  position: relative;
  top: 5px;
  left: 20px;
 max-height: 20px;
  max-width: 20px;
  pointer-events: none;
}
.nobullet {list-style: none;line-height: 1.5;}
.padtop {margin-top: 30px;}
.logo h4, .footer-logo h4 {font-family:sans-serif;font-size:12px;letter-spacing:20px; text-transform:uppercase; text-align:center;line-height:1.5;}
.footer-logo h4 {margin-bottom: 30px;}
/*.footer-logo h3 {margin-top: 0;}*/
.footer-logo a {text-decoration: none!important;}
.secondevent {margin:2px 0 0 2px;}
.smallsocial {width:24px;position:absolute;}
.fb {top:10px;right:10px;}
.instagram {top:10px;right:45px;}
.linkedin {top:10px;right:80px;}
form {
  display: inline-block;
}
input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
   font-family: 'Open Sans Condensed', sans-serif; 
}
section {width:96%;max-width:1024px;margin:0 auto;}
section.legal ul {max-width:700px; margin:0 auto;}
section.legal ul li {list-style: disc;color:333;line-height: 2.0;}
/*mobile first media queries*/
/*image size 768 wide*/
.home {
	background-image: url(../images/small/cd-background-7.jpg) ;
}
.about {
	background-image: url(../images/small/cd-background-5.jpg) ;
}
.contact {
	background-image: url(../images/small/cd-background-1.jpg) ;
}
.shop {
	background-image: url(../images/small/shop.jpg) ;
}
.services {
	background-image: url(../images/small/services-2.jpg) ;
	background-position: center top!important;
}
.events {
	background-image: url(../images/small/events.jpg) ;
}
.nutrition {
	background-image: url(../images/small/cd-background-8.jpg) ;
    background-position: center bottom!important;
}
.blog {
	background-image: url(../images/small/cd-background-6.jpg) ;
}
.personalized-health {
	background-image: url(../images/small/personalized-health.jpg) ;
}
.health-brands {
	background-image: url(../images/small/health-brands.jpg) ;
}
.blog-fitness {
	background-image: url(../images/small/blog-fitness.jpg) ;
}
.blog-nutrition {
	background-image: url(../images/small/cd-background-1.jpg) ;
}
.blog-health {
	background-image: url(../images/small/blog-health.jpg) ;
}
@media screen and (min-width:768px){
/*image size 1024 wide*/
.home {
	background-image: url(../images/medium/cd-background-7.jpg) ;
}
.about {
	background-image: url(../images/medium/cd-background-5.jpg) ;
}
.contact {
	background-image: url(../images/medium/cd-background-1.jpg) ;
}
.shop {
	background-image: url(../images/medium/shop.jpg) ;
}	
.services {
	background-image: url(../images/medium/services-2.jpg) ;
	background-position: center top!important;
}
.events {
	background-image: url(../images/medium/events.jpg) ;
}
.nutrition {
	background-image: url(../images/medium/cd-background-8.jpg) ;
    background-position: center bottom!important;
}
.blog {
	background-image: url(../images/medium/cd-background-6.jpg) ;
}
.personalized-health {
	background-image: url(../images/medium/personalized-health.jpg) ;
}
.health-brands {
	background-image: url(../images/medium/health-brands.jpg) ;
}
.blog-fitness {
	background-image: url(../images/medium/blog-fitness.jpg) ;
}
.blog-nutrition {
	background-image: url(../images/medium/cd-background-1.jpg) ;
}
.blog-health {
	background-image: url(../images/medium/blog-health.jpg) ;
	background-position: top center!important;
}
}
@media screen and (min-width:1024px){
/*image size 1920 wide*/
.home {
	background-image: url(../images/large/cd-background-7.jpg) ;
}
.about {
	background-image: url(../images/large/cd-background-5.jpg) ;
}
.contact {
	background-image: url(../images/large/cd-background-1.jpg) ;
}
.shop {
	background-image: url(../images/large/shop.jpg) ;
}
.services {
	background-image: url(../images/large/services-2.jpg) ;
	background-position: center top!important;
}
.events {
	background-image: url(../images/large/events.jpg) ;
}
.nutrition {
	background-image: url(../images/large/cd-background-8.jpg) ;
    background-position: center bottom!important;
}
.blog {
	background-image: url(../images/large/cd-background-6.jpg) ;
}
.personalized-health {
	background-image: url(../images/large/personalized-health.jpg) ;
}
.health-brands {
	background-image: url(../images/large/health-brands.jpg) ;
}
.blog-fitness {
	background-image: url(../images/large/blog-fitness.jpg) ;
}
.blog-nutrition {
	background-image: url(../images/large/cd-background-1.jpg) ;
}
.blog-health {
	background-image: url(../images/large/blog-health.jpg) ;
}
}
/*all screens*/
.banner {
background-position: center center;
background-repeat:  no-repeat;
background-size:  cover;
background-color: #FDFDFD;
position:relative;
margin-top:-45px;
z-index:0;
padding-top:50px;
min-height:315px;
/*height to match dropdown menu*/
}
section h1, h1 {
color:#444;
font-family: sans-serif;
line-height:1.3;
    margin-bottom: 20px;
text-transform: uppercase;
font-weight: bold;
font-size:42px;
text-align:left;
text-shadow: 0px 2px 2px rgba(150, 150, 150, 1);
}
section h2 {
text-align:center;
line-height:1.2;
font-size:30px;
margin-top:20px;
margin-bottom: 20px;
}
h3 {
	margin-top:10px;
}

section h3 {
	margin-top:40px;
}
h5 {font-family:sans-serif;font-size:14px;letter-spacing:2px; text-transform:uppercase; text-align:center;line-height:3.0;}

.block h3 {
	line-height:1.0;
}
section p {
font-size:17px;
line-height:1.5;
margin:10px auto 20px;
text-align:justify;
max-width:700px;
}
.twothirds p {
    text-align: center!important;
}
.twothirds ul {
    margin-top:20px;
}
.twothirds ul li:before {
  content: '→';
}
.twothirds ul li {
    font-size:20px;
line-height: 1.5;
}
p a:link, p a:visited {
	color:#FDFDFD;
}
p a:hover {
	color:#333;
}
.event {
	max-width:600px;
	text-align:center;
	margin:10px auto;
}
.center {
	text-align:center;
}
.midwidth {
	max-width:740px;
	margin:0 auto;
}
.narrow {
	max-width:700px;
	margin:0 auto;
}
.textleft {
	text-align:left!important;
}




.third, .half, .twothirds, .quarter, .fifth {
	width:100%;
	float:none;
}
.third {text-align: center;}/*to centre image*/
.third img {
	margin-bottom:20px;
}
footer {
    margin-top:20px;
    background:#ada5a2;
}
footer p {
	color:#FDFDFD;
	line-height:2.0;
}
footer ul li {
    font-family:sans-serif;
    text-decoration: none;
    font-size: 14px;
    line-height: 2;
    text-align: center;
}
footer ul li a:hover {
    color:#FFF!important;
    
}
@media screen and (max-width:600px){
h3 {
	font-size:30px;
	}
.logo h3 {	
    font-size:44px;
}
.logo h4, .footer-logo h4 {
	font-size:10px;
	letter-spacing:3px;
}

.logo {
	height:100px;
}
section h2 {
	font-size:24px;
}
h5 {
	line-height:2.0;
	font-size:12px;
}
.banner {
	margin-top:-40px;
}
}
/*css buttons by http://cssgradientbutton.com*/
.button_example {
margin-top:10px;
border:1px solid #CCCCCC;
-webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px;
font-size:14px;
letter-spacing:1px;
padding: 10px 30px;
text-decoration:none;
display:inline-block; 
color: #FDFDFD;
background-color: #a5b8da; background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3));
background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
background-image: linear-gradient(to bottom, #a5b8da, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);
}
.button_example:hover{
 border:1px solid #ADADAD;
 background-color: #819bcb; background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d));
 background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
 background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
 background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
 background-image: -o-linear-gradient(top, #819bcb, #536f9d);
 background-image: linear-gradient(to bottom, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
}
.button_example2{
margin-top:10px;
border:1px solid #CCCCCC;
-webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px;
font-size:14px;
letter-spacing:1px;
padding: 10px 30px;
text-decoration:none;
display:inline-block; 
color: #FDFDFD;
background-color: #444; background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#555));
background-image: -webkit-linear-gradient(top, #444, #555);
background-image: -moz-linear-gradient(top, #444, #555);
background-image: -ms-linear-gradient(top, #444, #555);
background-image: -o-linear-gradient(top, #444, #555);
background-image: linear-gradient(to bottom, #444, #555);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#444, endColorstr=#555);
}
.button_example2:hover{
 border:1px solid #ADADAD;
 background-color: #666; background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#777));
 background-image: -webkit-linear-gradient(top, #666, #777);
 background-image: -moz-linear-gradient(top, #666, #777);
 background-image: -ms-linear-gradient(top, #666, #777);
 background-image: -o-linear-gradient(top, #666, #777);
 background-image: linear-gradient(to bottom, #666, #777);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#666, endColorstr=#777);
}
hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(50, 50, 50, 0), rgba(50, 50, 50, 0.75), rgba(50, 50, 50, 0));
	margin:20px 0;
}
strong {
	font-weight:bold;
}
.strong {
	font-weight:bold;
}
em { 
font-style:italic;
}
.social {margin-top:2em;
text-align:left;}
.social img {
	margin:1rem 0.5rem 0.5rem;
	opacity:0.8;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   width:32px;}
.social img:hover {opacity:1.0;}

/*larger screens*/

@media screen and (min-width:700px) {
.banner { 	
min-height:500px;
margin-top:-55px;		
}
.block h3 {
	line-height:1.6;
}
.third {
	width:33.33%;
	float:left;
	padding:20px;
}
.twothirds {
	width:66.66%;
	float:left;
	padding:20px;
}
.quarter {
	width:25%;
	float:left;
	padding:20px;
}
.fifth {
	width:20%;
	float:left;
	padding:10px;
}
.half {
	width:50%;
	float:left;
	padding:20px;
}
.nopadtop {
        padding:0 20px 20px 20px;
    }
    footer ul {
        margin-top: 100px;
    }    
footer ul li {
     text-align: right;
}
}
@media screen and (min-width:1024px) {
.banner { 	min-height:650px;		
}
}

/*nav menu style desktop first */
nav{position:relative;width:100%;margin:130px auto 0;z-index:10000;text-align:center;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu ul {display:inline-block;}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;background:rgba(255,255,255,0.7);height:46px;}
#cssmenu > ul > li{float:left;text-align:center;}
#cssmenu > ul > li > a{padding:17px 21px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#333;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#9587a7!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:10px;width:9px;height:1px;display:block;background:#333;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:18px;right:14px;display:block;width:1px;height:9px;background:#333;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:rgba(0,0,0,0.5);transition:all .25s ease;margin-left:-57px;text-align:left;}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto;}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:240px;font-size:12px;text-decoration:none;color:#FDFDFD;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:1px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:1px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
/*mobile styles*/
@media screen and (max-width:600px){
nav{margin-top:55px}	
}
@media screen and (max-width:1024px){

nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444;background:rgba(255,255,255,0.9);}
#cssmenu ul li:hover{color:red;background:black}
#cssmenu ul li.active{color:green!important;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul ul li {margin-left:0;text-align:center;}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;color:#333;}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:rgba(255,255,255,0.1);}
#cssmenu ul ul li:hover{background:#9587a7!important}
#cssmenu ul ul ul li a{padding-left:35px;}
#cssmenu ul ul li a{color:#333;background:rgba(255,255,255,0.1);}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#FFF;background:#9587a7;}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#333;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:16px;right:20px;display:block;height:12px;width:20px;border-top:2px solid #333;border-bottom:2px solid #333;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:21px;right:20px;display:block;height:2px;width:20px;background:#333;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#333;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#333;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #333;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#999}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:18px;width:9px;height:1px;display:block;background:#333;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#333;}
#cssmenu .submenu-button:before{position:absolute;top:18px;right:22px;display:block;width:1px;height:9px;background:#333;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
/*angled edges from https://www.viget.com/articles/angled-edges-with-css-masks-and-transforms*/
/*a reset of * margin:0; padding:0 could break this!*/

.slope {
  background: #ede7e2;
  position: relative;
  z-index: 1;
}
.slope:before, .slope:after {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.slope:before {
  top: 0;
  -webkit-transform: skewY(1.5deg);
          transform: skewY(1.5deg);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.slope:after {
  bottom: 0;
  -webkit-transform: skewY(-1.5deg);
          transform: skewY(-1.5deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
}

.slope {
  margin: 50px 0;
}