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

@font-face {
    font-family: 'JosefinSans-SemiBold';
    src: url('../fonts/JosefinSans-SemiBold.eot');
    src: url('../fonts/JosefinSans-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/JosefinSans-SemiBold.woff2') format('woff2'),
         url('../fonts/JosefinSans-SemiBold.woff') format('woff'),
         url('../fonts/JosefinSans-SemiBold.ttf') format('truetype'),
         url('../fonts/JosefinSans-SemiBold.svg#JosefinSans-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MontserratUltraLight';
    src: url('../fonts/MontserratUltraLight.eot');
    src: url('../fonts/MontserratUltraLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MontserratUltraLight.woff2') format('woff2'),
         url('../fonts/MontserratUltraLight.woff') format('woff'),
         url('../fonts/MontserratUltraLight.ttf') format('truetype'),
         url('../fonts/MontserratUltraLight.svg#MontserratUltraLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JosefinSansLight';
    src: url('../fonts/JosefinSansLight.eot');
    src: url('../fonts/JosefinSansLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/JosefinSansLight.woff2') format('woff2'),
         url('../fonts/JosefinSansLight.woff') format('woff'),
         url('../fonts/JosefinSansLight.ttf') format('truetype'),
         url('../fonts/JosefinSansLight.svg#JosefinSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JosefinSansLight';
    src: url('../fonts/JosefinSansLight.eot');
    src: url('../fonts/JosefinSansLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/JosefinSansLight.woff2') format('woff2'),
         url('../fonts/JosefinSansLight.woff') format('woff'),
         url('../fonts/JosefinSansLight.ttf') format('truetype'),
         url('../fonts/JosefinSansLight.svg#JosefinSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MontserratLight';
    src: url('../fonts/MontserratLight.eot');
    src: url('../fonts/MontserratLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MontserratLight.woff2') format('woff2'),
         url('../fonts/MontserratLight.woff') format('woff'),
         url('../fonts/MontserratLight.ttf') format('truetype'),
         url('../fonts/MontserratLight.svg#MontserratLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MontserratRegular';
    src: url('../fonts/MontserratRegular.eot');
    src: url('../fonts/MontserratRegular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MontserratRegular.woff2') format('woff2'),
         url('../fonts/MontserratRegular.woff') format('woff'),
         url('../fonts/MontserratRegular.ttf') format('truetype'),
         url('../fonts/MontserratRegular.svg#MontserratRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MontserratSemiBold';
    src: url('../fonts/MontserratSemiBold.eot');
    src: url('../fonts/MontserratSemiBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MontserratSemiBold.woff2') format('woff2'),
         url('../fonts/MontserratSemiBold.woff') format('woff'),
         url('../fonts/MontserratSemiBold.ttf') format('truetype'),
         url('../fonts/MontserratSemiBold.svg#MontserratSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MontserratHairline';
    src: url('../fonts/MontserratHairline.eot');
    src: url('../fonts/MontserratHairline.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MontserratHairline.woff2') format('woff2'),
         url('../fonts/MontserratHairline.woff') format('woff'),
         url('../fonts/MontserratHairline.ttf') format('truetype'),
         url('../fonts/MontserratHairline.svg#MontserratHairline') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: 'Open Sans', sans-serif;
	background:#fff;
}

ul {
	margin-left:0px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Montserrat', sans-serif;
}

label,p {
	font-family: 'MontserratLight';
}

a {
	
}

span {
	
}

.button {
	font-size:30px;
	background:url(../images/btn.png) repeat-x;
	padding:0px 60px;
	line-height:60px;
	font-family: 'MontserratRegular';
	border-bottom:1px solid #000000;
	border-radius:6px;
	border-top:1px solid #acd1eb;
	background-size:cover;
	margin-bottom:0px;
}

.row {
	max-width:75em;
}

.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

/* Header Style */
#header {
	width:100%;
	float:left;
	padding:11px 0px 0px 0px;
}

.top-bar .toggle-topbar.menu-icon a {
	display:none;
}

#header .top-bar {
	background:none;
	margin-top: -15px;
}

#header .top-bar-section ul {
	margin-top:20px;
}

#header .top-bar-section ul li {
	background:none;
	list-style:none;
	padding:0px;
}

#header .top-bar-section ul li a {
	color:#60574f;
	font-size:18px;
	font-family: 'MontserratUltraLight';
	background:none;
	text-align:center;
	line-height:34px;
	padding:0px 36px;
	font-weight:100;
}

#header .top-bar-section li.active a, #header .top-bar-section li:hover a {
	color:#bfac9c;
}

#header .top-bar-section ul li:last-child a {
	padding-right:0px;
}

#header h3 {
	font-size:20px;
	color:#c49b76;
}

#header h3 img {
	float:left;
	margin-right:8px;
}

.none {
	padding:0px;
}

#header ul {
	margin-bottom:0px;
}

#header ul li {
	display:inline-block;
	list-style:none;
	padding:0px 10px;
}

#header .rect {
	background:url(../images/rect.png) 50% 100% no-repeat;
}

#header h1 {
	margin-top:-31px;
}

/*Banner*/
#banner {
	float:left;
	width:100%;
	background:url(../images/banner-bg.jpg) 50% 50% no-repeat;
	background-size:cover;
	padding-top:64px;
	padding-bottom:80px;
}

#banner h2 {
	font-size:76px;
	color:#3c2418;
	line-height:100px;
	font-family: 'JosefinSansLight';
	line-height:70px;
}

#banner h2 span {
	font-family: 'JosefinSans-SemiBold';
	font-weight:bold;
}

#banner a.button {
	font-size:30px;
	background:url(../images/btn.png) repeat-x;
	padding:0px 60px;
	line-height:60px;
	border-bottom:1px solid #000000;
	border-radius:6px;
	border-top:1px solid #acd1eb;
	background-size:cover;
	margin-top:360px;
	margin-bottom:0px;
}

/*Logo*/
#logo {
	float:left;
	width:100%;
	padding:40px 0px;
}

#logo ul {
	margin-bottom:0px;
}

#logo ul li {
	list-style:none;
	padding:0px 30px;
}

/*About*/
#about {
	float:left;
	width:100%;
	padding:40px 0px 140px 0px;
	background:url(../images/about-bg.png) 50% 50% no-repeat;
	background-size:cover;
}

#about h2 {
	font-family: 'MontserratUltraLight';
	font-size:70px;
	color:#3d373f;
}

#about h2 span {
	font-family: 'MontserratRegular';
}

#about p {
	font-family: 'MontserratRegular';
	font-size:20px;
	line-height:40px;
	color:#fff;
}

#about img {
	margin-bottom:100px;
}


/*Healtiest*/
#healtiest {
	float:left;
	width:100%;
	background:url(../images/healt.png) left bottom no-repeat;
	padding-top:0px;
	padding-bottom:80px;
	background-size:contain;
}

#healtiest h3 {
	font-size:48px;
	font-family: 'MontserratUltraLight';
	margin-top:40px;
}

#healtiest h3 span {
	font-family: 'MontserratRegular';
}

#healtiest .panel {
	background:none;
	border:none;
	padding:50px 70px;
}

#healtiest h4 {
	font-size:18px;
	color:#545353;
	margin:20px 0px;
}

#healtiest p {
	font-size:15px;
	color:#939191;
	line-height:24px;
	font-family: 'MontserratUltraLight';
}

/*Health-smart*/
#health-smart {
	float:left;
	width:100%;
	background:url(../images/health-smart.jpg) 50% 50% no-repeat;
	background-size:cover;
	padding-top:70px;
}

#health-smart h3 {
	font-size:48px;
	font-family: 'MontserratUltraLight';
	color:#ffffff;
}

#health-smart h3 span {
	font-family: 'MontserratRegular';
}

#health-smart .details {
	float:left;
	width:100%;
	padding:150px 0px;
	position:relative;
}

#health-smart .details .text-1 {
	position:absolute;
	top:14%;
	width:385px;
	left:10%;
	background:url(../images/shap-1.png) 0% 0% no-repeat;
	height:230px;
	padding-top:10px;
	padding-right:92px;
}

#health-smart .details  p {
	font-family: 'MontserratUltraLight';
	color:#ffffff;
	font-size:12px;
	line-height:16px;
}

#health-smart .details .text-2 {
	position:absolute;
	top:22%;
	width:385px;
	right:12%;
	background:url(../images/shap-2.png) 0% 0% no-repeat;
	height:230px;
	padding-top:10px;
	padding-left:65px;
}

#health-smart .details .text-3 {
	position:absolute;
	bottom:14%;
	width:290px;
	left:25%;
	height:230px;
	padding-top:10px;
	padding-left:0px;
}

#health-smart .details .text-3 img {
	margin-bottom:10px;
}

#health-smart .details .text-3 p {
	padding-right:70px;
}

/*Ph-Level*/
#ph-level {
	float:left;
	width:100%;
	background:url(../images/ph-img.jpg) 50% 50% no-repeat;
	background-size:cover;
	padding-top:70px;
	padding-bottom:40px;
}

#ph-level h3 {
	font-size:48px;
	font-family: 'MontserratUltraLight';
	color:#3d373f;
	margin-bottom:70px;
}

#ph-level h3 span {
	font-family: 'MontserratRegular';
}

#ph-level .pc {
	float:left;
	width:100%;
	position:relative;
	background:url(../images/pc-img.png) 50% 50% no-repeat;
	height:700px;
}

#ph-level .pc .level {
	float:left;
	width:100%;
	padding: 90px 161px 0px 158px;
	/*
	position:absolute;
	top:0%;
	left:0%;
	width: 72.8%;
	padding-top: 80px;
	margin: 0px 155px 0px 157px;
	*/
}

#ph-level .pc .level ul {
	margin-bottom:46px;
}

#ph-level .pc h6 {
	color:#996350;
	font-family: 'MontserratRegular';
	font-size:18px;
}

#ph-level .pc h5 {
	color:#996350;
	font-family: 'MontserratRegular';
	font-size:20px;
}

#ph-level .pc ul li {
	list-style:none;
	display:inline-block;
	padding:0px 41px;
}

#ph-level .pc h4 {
	font-size:20px;
	color:#fff;
	font-family: 'MontserratRegular';
	background:#015fa2;
	line-height:60px;
	margin:0px;
}

/*People*/
#people {
	float:left;
	width:100%;
	background:url(../images/people-bg.jpg) 50% 50% no-repeat;
	background-size:cover;
	padding:60px 0px;
}

#people h3 {
	font-size:48px;
	font-family: 'MontserratUltraLight';
	color:#f1f1f1;
	margin-bottom:70px;
}

#people h3 span {
	font-family: 'MontserratRegular';
}


#people .white-bg {
	position:relative;
	background:#fff;
	float:left;
	width:94%;
	padding:70px 60px 135px 60px;
	margin:0px 3%;
}

#people .profile {
	float:left;
	width:100%;
	z-index:99999;
	position:relative;
}

#people .profile img {
	margin-top:-125px;
	margin-right:0px;
}

#people .white-bg p {
	font-size:15px;
	color:#737373;
	font-family: 'MontserratUltraLight';
	margin-top:50px;
}


/*Roasting*/
#roasting {
	float:left;
	width:100%;
	padding-top:20px;
	padding-bottom:10px;
}

#roasting p {
	color:#91918f;
	font-size:17px;
	font-family: 'JosefinSansLight';
	margin-top:40px;
	line-height:22px;
}

#roasting img.top {
	margin-top:30px;
}

/*Footer*/
#footer {
	float:left;
	width:100%;
	background:url(../images/footer-bg.png) repeat-x;
	padding:61px 0px;
	background-size:cover;
}

#footer h3 {
	font-size:23px;
	color:#ffffff;
	font-family: 'MontserratRegular';
	letter-spacing:5px;
	margin-bottom:25px;
}

#footer h4 {
	font-size:17px;
	color:#ffffff;
	font-family: 'MontserratUltraLight';
	margin:0px;
}

#footer h2 {
	font-size:30px;
	color:#0281dc;
	text-transform:uppercase;
	font-family: 'MontserratRegular';
	margin:0px;
	letter-spacing:3px;
	margin-bottom:10px;
}

#footer input[type="text"] {
	height:42px;
	background:#fff;
	border:none;
	width:100%;
	float:left;
	font-style:italic;
	margin-bottom:0px;
	padding-left:15px;
}

#footer input[type="submit"] {
	height:42px;
	background:url(../images/btn.png) repeat-x;
	background-size:cover;
	border:none;
	width:100%;
	float:left;
	outline:0;
	font-size:20px;
	font-family: 'MontserratUltraLight';
	text-transform:uppercase;
	color:#ffffff;
	border-radius:0px 4px 4px 0px; 
	border-bottom:1px solid #000000;
	border-top:1px solid #8cbfe4;
	cursor:pointer;
}

#footer input ::-webkit-input-placeholder {
	color:#c9c9c9;
	font-family: 'MontserratUltraLight';
	font-size:15px;
}

#footer h5 {
	font-size:15px;
	font-family: 'MontserratHairline';
	color:#b2b2b2;
	margin-top:20px;
}

#footer a {
	font-size:15px;
	font-family: 'MontserratHairline';
	color:#b2b2b2;
}

#footer h5 span,#footer a span {
	float:left;
	width:30px;
	margin-right:20px;
}

#footer ul {
	margin-bottom:0px;
}

#footer ul li {
	display:inline-block;
	list-style:none;
	padding:0px 10px;
}

/*Copyright*/
#copyright {
	float:left;
	width:100%;
	background:#2f2f2f;
	padding:22px 0px;
}

#copyright p {
	margin-bottom:0px;
	font-size:21px;
	font-family: 'MontserratHairline';
	color:#f6f6f6;
}

/* Small Screens*//* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width:40em) {

#header .columns {
	padding:0px;
}

.top-bar .toggle-topbar.menu-icon a {
	height:40px;
}

.top-bar-section ul {
}

.top-bar.expanded .title-area {
	background:none;
}


ul li h1 {
	margin-top:0px;
	margin-left:15px;
}

#header h3 img {
	float:none;
}

#header h1 {
	margin-top:0px;
}

#header .top-bar {
	margin-top:0px;
}

#header ul {
	padding:10px 0px;
}

#header h1 img {
	height:45px;
}

.top-bar .toggle-topbar.menu-icon {
	margin-top:-25px;
}

#header .rect {
	background:none;
}

#banner h2 {
	font-size:42px;
	line-height:52px;
}

#banner a.button {
	margin-top:20px;
}

#header .top-bar-section ul li {
	width:100%;
}

#header .top-bar-section ul li a {
	text-align:center;
}

#header .top-bar-section ul li:last-child a {
	padding-right:36px;
}

#about h2 {
	font-size:48px;
}

#about p {
	font-size:16px;
	line-height:32px;
}

#healtiest h3 {
	font-size:40px;
}

#healtiest .panel {
	padding:20px 20px;
}

#health-smart h3 {
	font-size:36px;
}

#health-smart .details .text-1,#health-smart .details .text-2,#health-smart .details .text-3 {
	position:relative;
	background:none;
	padding:0px 30px;
	height:auto;
	float:left;
	float:left;
	left:0%;
	right:0%;
	width:100%;
}

#health-smart .details .text-3 img {
	display:none;
}

#health-smart .details {
	padding:50px 0px;
}

#ph-level h3 {
	font-size:40px;
}

#ph-level .pc {
	background:none;
	height:auto;
}

#ph-level .pc .level {
	padding:20px 0px;
}

#ph-level .pc ul li {
	width:150px;
	padding:0px;
}

#ph-level .pc h4 {
	font-size:16px;
	line-height:40px;
	padding:0px 10px;
}

#people h3 {
	font-size:40px;
}

#people .white-bg {
	padding:20px 20px;
}

.bx-wrapper .bx-prev {
	left:0% !important;
}

.bx-wrapper .bx-next {
	right:0% !important;
}

.bx-wrapper .bx-controls-direction a {
	top:100% !important;
	margin-top:0px !important;
}

.button {
	font-size:28px;
}

.top-bar .toggle-topbar.menu-icon a {
	display:block;
} 

}

/* Medium Screens *//* min-width 641px, medium screens */
@media only screen and (min-width:40.0625em) and (max-width:64em) {

#header ul li {
	padding:0px 5px;
}

#header h3 {
	font-size:16px;
}

#header .top-bar {
	margin-top:20px;
}

#header .top-bar-section ul li a {
	font-size:16px;
	padding:0px 10px;
}

#header h1 {
	margin-top:0px;
}

#banner h2 {
	font-size:42px;
	line-height:50px;
}

#healtiest .panel {
	padding:30px 20px;
}

#health-smart .details .text-1,#health-smart .details .text-3 {
	left:0%;
}

#health-smart .details .text-2 {
	right:0%;
}

#ph-level .pc {
	background:none;
}

#ph-level .pc .level {
	padding:0px 20px;
}

#ph-level .pc ul li {
	padding:0px 10px;
}

.bx-wrapper .bx-prev {
	left:0% !important;
}

.bx-wrapper .bx-next {
	right:0% !important;
}

.bx-wrapper .bx-controls-direction a {
	top:100% !important;
	margin-top:0px !important;
}

#footer h3 {
	font-size:13px;
}

#footer h2 {
	font-size:20px;
}

#footer input[type="text"],#footer input[type="submit"] {
	font-size:10px;
}

#footer a,#footer h5 {
	font-size:11px;
}

#footer h5 span, #footer a span {
	margin-right:4px;
}

#copyright p {
	font-size:16px;
}
	
}

/* Large Screens *//* min-width 1025px, large screens */
@media only screen and (min-width:64.0625em) and (max-width:90em) {
	
}

/* XLarge Screens *//* min-width 1441px, xlarge screens */
@media only screen and (min-width:90.0625em) and (max-width:120em) {
	
}

/* XXLarge screens *//* min-width 1921px, xxlarge screens */
@media only screen and (min-width:120.063em) and (max-width:120em) {
	
}