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

body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#636363;}
h1, h2, h3, h4, h5, h6, p, a {margin:0; padding:0; font-weight:normal;}
.clr{clear:both;}
img{border:none}
.fl{ float:left}
.fl2{ float:left}
.fr{ float:right}
.left_container{width:750px; float:left;}
*:focus{ outline:none;}
h1, h2, p { margin:0; padding:0; font-weight:normal}
.hidden1 {clear:both; display:none;}
.hidden2 {clear:both; display:none;}
.hidden3 {clear:both; display:none;}
.hidden4 {clear:both; display:none;}
.main_container{width:1000px; margin:0 auto; padding-top:130px;}
.main_container2{width:1000px; margin:0 auto; }
.middle_container{width:1000px; float:left;}

/* start header  */
.header{width:100%; background:url(../images/header-bg.png) left top repeat-x; height:98px; position:absolute }
.header .container{ width:1000px;  margin:0 auto;}
.header .container.gap { position:relative;}
.header .container .desktop {}
.header .container .desktop ul { margin:0; padding:0;  background:#000000} 
.header .container .desktop ul li{ display: inline; list-style:none;}
.header .container .desktop ul li a { float:left; font-size:13px; color:#ffffff; text-decoration:none; font-weight:bold; padding:30px 20px 40px 20px; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s;}
.header .container .desktop ul li a.active {background:url(../images/menu-hover.png) center 74px no-repeat; color:#49433e;} 
.header .container .desktop ul li a:hover { color:#49433e; } 
.header .container .desktop ul li a.logo{padding:0 15px 0 15px; background:none}





.header .container .mobile { display:none}
.header .container .mobile .logo { padding-left:10px; float:left;}
.header .container .mobile .right {width:200px; float:right; padding-top:50px; padding-right:10px;}
.header .container .mobile .right ul{ margin:0; padding:0}
.header .container .mobile .right ul li { display:inline; list-style:none; float:right; height:25px; position:relative; padding-left:3px; cursor:pointer;}

.header .container .mobile .right ul li:hover .mobile_nav { display:block;}
.header .container .mobile .right ul li:hover .search_bar { display:block;}
.header .container .mobile .right ul li:hover .mob_social_icon { display:block;}


.browse_by{width:190px; right:107px; top:77px; position:absolute;   }
.browse_by.about_nav{width:190px; right:78px; top:77px; position:absolute;   }
.browse_by .top{ height:6px; background: url(../images/top.png) no-repeat right top }
.browse_by .content{width:170px;  float:left; padding:10px 10px 10px 10px; background:#f3c97e; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} 


.mobile_nav{width:145px;  right:20px; top:77px; position:absolute; display:none  }
.mobile_nav .top{ height:6px; background: url(../images/top.png) no-repeat right top}
.mobile_nav_content {width:125px;  float:left; padding:5px 10px 5px 10px; background:#f3c97e; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.mobile_nav_content ul { margin:0; padding:0;}
.mobile_nav_content ul li{ list-style:none; display:block; padding-top:5px}
.mobile_nav_content ul li a { padding:10px 0 10px 10px; width:115px;  float:left; text-decoration:none; color:#272727; border-bottom:1px solid #febb21;}



.search_bar{width:160px;  right:82px; top:77px; position:absolute; display:none;  }
.search_bar .top{ height:6px; background: url(../images/top.png) no-repeat right top}
.search_bar_content {width:140px; float:left; padding:10px 10px 5px 10px; background:#f3c97e; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} 
.search_bar_content .search_bg{ width:140px; height:22px; background:url(../images/search_bg.png) no-repeat;}
.search_bar_content .search_bg .search_bg_left{width:118px; float:left; padding-top:2px}
.search_bar_content .search_bg .search_bg_left .search{width:108px; border:none; font-size:11px; padding-top:3px; line-height:12px; background:none; padding:0 0 0 10px}


.mob_social_icon{ right:50px; top:77px; position:absolute;  display:none;}
.mob_social_icon .top{ height:6px; background: url(../images/top.png) no-repeat right top}
.mob_social_icon_content { float:left; padding:10px 10px 5px 15px; background:#f3c97e; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} 
.mob_social_icon_content img { padding-right:5px;}
/* end container  */





/* right container  */
.right_container {width:210px; float:right; padding:0 0 0 40px}
.right_container.aboutus_gap { }
.right_container.aboutus_gap .content { min-height: 270px; }
.right_container.aboutus_gap .content ul li a { border-bottom: 1px solid #FDBA20; border-top:0; }
.right_container.news-gap .content ul li a { border-bottom: 1px solid #FDBA20; border-top:0; }
.right_container.news-gap .content { min-height: 270px; }
.right_container.snack_gap .content { min-height: 270px; }
.right_container.snack_gap .content ul li a { border-bottom: 1px solid #FDBA20; border-top:0; }
.right_container.snack_gap .content ul li:last-child a { border-bottom: 0; border-top:0; }


.right_container .browse {color:#000000; font-size:16px; font-weight:bold; padding-bottom:5px;}
.right_container .content {width:160px; float:left; background:url(../images/white-bg.png) repeat; padding:15px 15px 0 15px;} 
.right_container.fitometr .content { min-height: 261px; } 
.right_container .heading { padding-bottom:5px;}
.right_container .heading2 { padding-bottom:5px; padding:0 0 5px 18px;}
.right_container .content ul { margin:0; padding:0 0 25px 0; width:160px; float:left;}
.right_container .content ul li {display:block; list-style:none;}
.right_container .content ul li a {width:160px; float:left; font-size:15px; color:#272727; text-decoration:none; width:160px; float:left; padding:5px 0; border-top:1px solid #fdba20; }
.right_container .content ul li:first-child a { border-top: 0; }
.right_container .content ul li a.active { color:#00693a;} 
.right_container .content ul li a:hover { padding:5px 0 5px 10px; color:#00693a; width:150px; -webkit-transition: all 0.3s ease 0s;   -moz-transition: all 0.3s ease 0s;   -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s; }
.right_container .search{width:178px; height:29px; float:left; margin:0 0 0 18px; background:url(../images/search-bg.png) }
.right_container .search .left{width:145px; float:left; padding-top:5px;}
.right_container .search .left .searchbrn{width:135px; border:none; background:none; padding:0 0 0 10px; font-size:11px; line-height:12px;}
.right_container .search .right { float:right; width:33px; height:29px;}
.social_icons { text-align:center}
.social_icons img { padding:0 5px; -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;  -o-transition-duration: 0.8s; transition-duration: 0.8s;  -webkit-transition-property: -webkit-transform;  -moz-transition-property: -moz-transform;  -o-transition-property: -o-transform;  transition-property: transform; }
.social_icons img:hover {-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg);}





/* end right container */

/* bradcum */
.bradcum{ height:30px; font-size:11px; color:#414141;}
.bradcum a{color:#414141; text-decoration:none;}
.bradcum span {color:#028b54;}
/* end bradcum */

/* recipe page */
.recipe_bg {background: url(../images/banner-receipe.jpg) right 74px no-repeat;  -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s}
.about_bg {background: url(../images/banner-aboutus.jpg) right 74px no-repeat;  -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s}
.snack_bg {background: url(../images/banner-snack.jpg) right 74px no-repeat;  -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s}
.fitometer_bg {background: url(../images/banner-FitoMeter.jpg) right 74px no-repeat;  -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s}
.news_bg {background: url(../images/banner-news.jpg) right 74px no-repeat;  -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s}




.banner_top {height:315px; width:750px; float:left; }
.banner_top_mobile{ display:none;}
.banner_top_mobile img { width:100%;}
.recipe_content{ background:url(../images/recipe-bg-new.png); width:633px; float:left; margin-top:60px; padding:15px 20px 20px 20px; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s;}
.recipe_content h1 { font-size:45px; margin:0; padding:0; font-family:'HelveticaNeue-Bold'; line-height:45px; padding-bottom:10px; color:#007442;}
.recipe_content p { font-size:17px; color:#414141; font-weight:bold; line-height:23px;}

.features_recipe{ width:750px; float:left; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s}
.features_recipe h1 { font-size:29px; background:#f9c550; color:#ffffff; font-weight:normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-left:15px; margin-bottom:20px; }



.features_recipe .heading_yellow { height:33px; background:#f9c550; color:#ffffff; font-weight:normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-left:15px; margin-bottom:20px; }
.features_recipe .heading_yellow .fl {font-size:29px;}
.features_recipe .heading_yellow .arrow{ float:right; padding:8px 0 5px 5px }
.features_recipe .heading_yellow .arrow img { margin:0; padding:0;}
.features_recipe_content {width:750px; float:left; border-bottom:1px dashed #d9d9d9; padding:0 0 10px 0; margin-bottom:20px;}
.features_recipe_content .desktop{ display:block}
.features_recipe_content .mobile{ display:none}
.features_recipe_content_left { float:left; width:225px; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s}
.features_recipe_content_left img {width:100%;}
.features_recipe_content_right{ float:left; padding-left:20px; width:505px; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s}
.features_recipe_content_right .cooking_image{ display:none; width:80px; padding:10px 10px 10px 0; float:left; }
.features_recipe_content_right h2 { width:275px; float:left; color:#006638; font-size:21px;}
.features_recipe_content_right .share { float:right; padding-top:1px;}
.features_recipe_content_right p { color:#606060; line-height:18px; padding:5px 0;}
.features_recipe_bottom {width:505px; float:left;}
.features_recipe_bottom .view_recipe { width:150px; height:100px; float:left; padding-top:10px; background:url(../images/shadowa.png) right top no-repeat; color:#606060; }
.features_recipe_bottom .view_recipe .green { font-style:italic; font-weight:bold; color:#015f34; padding-bottom:2px;}
.features_recipe_bottom .view_recipe .content { height:30px;}
.features_recipe_bottom .view_recipe a {width:126px; height:20px; background:url(../images/view-receipe-new.png) no-repeat; float:left; text-indent:-10000px; -webkit-transition: all 0.3s ease 0s;   -moz-transition: all 0.3s ease 0s;   -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;}
.features_recipe_bottom .view_recipe a:hover {width:126px; height:20px;  background:url(../images/view-receipe-new.png) left -20px no-repeat; }
.features_recipe_bottom  .preperation_time { width:101px; height:75px; margin:5px 0 0 10px; float:left; background:url(../images/recipe-menu-bg.jpg) left bottom no-repeat; text-align:center}
.features_recipe_bottom  .preperation_time .time {color:#ffffff; font-size:13px; font-weight:bold; padding-top:7px;}


.features_recipe_content_inner{width:750px; float:left;}

.features_recipe_content_inner .left{ float:left; width:280px; }
.features_recipe_content_inner .left img { width:100%;}
.features_recipe_content_inner .right { float:right; width:455px; padding:0 0 0 15px; float:left; }
.features_recipe_content_inner .right .left_inner_container {}
.features_recipe_content_inner .right .product_img{ display:none; float:left; padding:3px 10px 0 0;}
.features_recipe_content_inner .right .social { height:40px; }
.features_recipe_content_inner .right p { color:#606060; font-size:15px; line-height:22px; padding:0 0 10px 0;}
.features_recipe_content_inner .right .prep_time{width:455px; float:left;}
.features_recipe_content_inner .right .prep_time .green {font-size:14px; color:#00592a; font-weight:bold; padding-bottom:3px; }
.features_recipe_content_inner .right .prep_time .gray {color:#adadad; font-size:13px; font-weight:bold;}
.features_recipe_content_inner .right .prep_time .pr_time { float:left; padding-right:35px; background: url(../images/watcha.png) right top no-repeat; padding-top:5px; margin-right:20px;}
.features_recipe_content_inner .right .prep_time .cooking_time { float:left; padding-right:40px; background: url(../images/cooking-timea.png) right top no-repeat; padding-top:5px; margin-right:20px;}
.features_recipe_content_inner .right .prep_time .makes { float:left; padding-right:40px; background: url(../images/timea.png) right top no-repeat; padding-top:5px; }

.features_recipe_content_inner .right .preperation_time_main{width:455px; float:left;}
.features_recipe_content_inner .right .preperation_time { width:101px; height:75px; margin:15px 10px 0 0; float:left; background:url(../images/recipe-menu-bg.jpg) left bottom no-repeat; text-align:center}
.features_recipe_content_inner .right .preperation_time img { padding-bottom:3px;}
.features_recipe_content_inner .right .preperation_time .time {padding-top:9px;}
.features_recipe_content_inner .right .preperation_time .time a {color:#ffffff; font-size:13px; font-weight:bold; text-decoration:none }
.features_recipe_content_inner .right .preperation_time .time a:hover { color:#b13819; -webkit-transition: all 0.3s ease 0s;   -moz-transition: all 0.3s ease 0s;   -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;}
.features_recipe_content_inner .rating {padding:10px 0 30px 0;  float:left;}
.features_recipe_content_inner .rating .star_rating{ padding-left:15px; float:left;}

/* end recipe page */


/* recipe inner page */
.recipe_inner{  padding:0 0 20px 15px; width:735px; float:left;}
.recipe_inner h1 {color:#006638; font-size:21px; background:none; margin:0; padding:0 0 10px 0 ; }
.recipe_inner .list {}
.recipe_inner .list ul { margin:0; padding:0;} 
.recipe_inner .list ul li { display:block; list-style:none; width:320px; padding:3px 0 3px 20px; font-size:13px; color:#606060; float:left; background:url(../images/arrow.png) left 7px no-repeat; } 

.recipe_inner .list2 {}
.recipe_inner .list2 ul { margin:0; padding:0;} 
.recipe_inner .list2 ul li { display:block; list-style:none; padding:3px 0 3px 20px; font-size:13px; color:#606060;  background:url(../images/arrow.png) left 7px no-repeat; } 
.recipe_inner .rating_inner {}
.recipe_inner .rating_inner .top{}
.recipe_inner .rating_inner .top .left { float:left;}
.recipe_inner .rating_inner .top .left  .green { color:#017b4a; font-weight:bold; font-size:14px;}
.recipe_inner .rating_inner .top .left .share { padding-top:4px;}

.recipe_inner .rating_inner .top .left .share a { text-decoration:none;}


.recipe_inner .rating_inner .top .right { float:right; font-size:13px; color:#000000;}
.recipe_inner .rating_inner .top .right span { font-size:19px; padding:3px 5px; float:left; background:#dedede; color:#a0a0a0;}
.recipe_inner .rating_inner p { color:#606060; font-size:13px; padding-top:10px; line-height:18px;}


/* end recipe inner page */

/* start about us*/
.about_us{ width:750px; float:left; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s;}
.about_us h4 { font-size:17px; line-height: 25px; color:#414141; font-weight:normal; margin:0; padding:0 0 20px 0; }
.about_us h2 { font-size:21px; line-height: 34px; background:#f9c550; color:#000; font-weight:normal; -webkit-border-radius: 0px 5px 5px 0; -moz-border-radius: 0px 5px 5px 0; border-radius: 0px 5px 5px 0; padding: 0 0 0 15px; margin:10px 0 10px 0px; }
.about_us p { padding: 0 0 0 10px; color: #606060; font-size: 13px; line-height: 18px; }
/* end about us*/

/* start snack*/
.snack{ width:750px; float:left; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s;}
.snack h4 { font-size:17px; line-height: 25px; color:#414141; font-weight:normal; margin:0; padding:0 0 20px 10px; }
.snack h2 { font-size:21px; line-height: 34px; background:#f9c550; color:#000; font-weight:normal; -webkit-border-radius: 0px 5px 5px 0; -moz-border-radius: 0px 5px 5px 0; border-radius: 0px 5px 5px 0; padding: 0 0 0 15px; margin:10px 0 10px 0px; }
.snack p { padding: 0 0 0 10px; color: #606060; font-size: 13px; line-height: 18px; text-align:justify; }
.snack p img { margin: 0 0 0 15px; border: 1px solid #dadada; }
/* end snack*/


/* start news-media */
.news-media { width:750px; float:left; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s;}
.news-media ul { list-style: none; margin: 0; padding:0; }
.news-media li { margin: 0 0 15px 0; background: url(../images/icon3.png) no-repeat 0 3px; float:left; width: 100%; }
.news-media li span { padding:0 0 0 30px; display: block; color:#05935e; text-decoration: none; font-size: 11px; line-height: 16px; }
.news-media li a { margin:0 0 0 30px; padding: 0 0 15px 0; color:#616161; text-decoration: none; font-size: 14px; line-height: 18px; display: block; font-weight: bold; border-bottom: 1px solid #c9c9c9; }
.news-media li:last-child a { border:0; }
.news-media li a:hover { color: #000; }
.news-media li img { margin: -15px 0 0 0; -webkit-transition: all 0.3s ease 0s;   -moz-transition: all 0.3s ease 0s;   -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s; }
/* end news-media */


/* footer */
.footer {width:100%; float:left; background:#b13819 url(../images/shadow2.png) center top no-repeat; color:#000000; padding:15px 0 10px 0; color:#ffffff; }
.footer_left{width:750px; float:left;}

.footer_left .top{ padding-bottom:10px; width:750px; float:left; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s}
.footer_left .top a{color:#ffffff; text-decoration:none; float:left; padding-right:25px;}
.footer_left .top a:hover { text-decoration:underline}

.footer_left .bottom{ padding-bottom:5px;  width:750px; float:left; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s}
.footer_left .bottom a{color:#cdcdcd; font-size:11px; text-decoration:none; float:left; padding-right:7px;}
.footer_left .bottom a:hover { text-decoration:underline}

.footer_right{width:200px; float:right; font-size:11px; text-align:right; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s}

/* start mobile menu */
.topnav {width:100%; padding:0; }
ul.topnav {padding: 0; margin: 0; font-size: 1em; line-height: 0.5em; list-style: none; }
ul.topnav li {}
ul.topnav li a {line-height: 10px; font-size: 13px;  padding: 10px 5px; color: #008b53;   display: block; text-decoration: none; font-weight: bolder;}
ul.topnav li a:hover {background-color:#b13819; color:white;}
ul.topnav ul {margin: 0; padding: 0; display: none;}
ul.topnav ul li {margin: 0;	padding: 0;	clear: both; list-style:none;}
ul.topnav ul li a {margin-left: 10px; margin-right:10px; width:145px; padding-left:10px; font-size: 12px;	font-weight: normal; outline:0; background:none; color:#000000; border-bottom:1px solid #febb21;  }
ul.topnav ul li a:hover {background-color:#b13819; color:#ffffff;}
ul.topnav ul ul li a {color:silver;	padding-left: 40px;}
ul.topnav ul ul li a:hover {background-color:#6d6b6b; color:#ffffff;}
ul.topnav span{float:right; color:#ffffff; background:#ffb50b; width:12px; height:12px; line-height:10px; text-align:center}

.about_nav ul.topnav li a {line-height: 16px; font-size: 13px;  padding: 10px 8px; color: #272727;   display: block; text-decoration: none; font-weight: normal; border-bottom: 1px solid #FEBB21; }
.about_nav ul.topnav li a:hover { color: #fff; }
/* end mobile menu */


/* paging */
.paging{ width:285px; margin:0 auto;}
.paging ul { margin:0; padding:0;}
.paging ul li {list-style:none; display:inline;}
.paging ul li a { float:left; height:22px;  padding:0 9px; line-height:22px; margin:0 1px; text-decoration:none; color:#595959;   } 
.paging ul li a:hover {background:#f3bf4a}
.paging ul li a.active {background:#f3bf4a}
.paging ul li a.prev{  color:#ffffff; padding:0 9px 0 18px; background:url(../images/prev.png) 7px 6px no-repeat #01864f; margin:0 15px 0 0;}
.paging ul li a.prev:hover {background:url(../images/prev.png) 7px 6px no-repeat #b13819}
.paging ul li a.next{  color:#ffffff; padding:0 18px 0 9px; background:url(../images/next.png) 43px 6px no-repeat #01864f; margin:0 0 0 15px;}
.paging ul li a.next:hover {background:url(../images/next.png) 43px 6px no-repeat #b13819}
/* end paging */

/*fit o meter*/
.fitometer { margin: 0 0 30px 0; width: 795px; float:left; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s  }
.fitometer h2 { padding: 0 0 5px 0; color:#2e9d70; font-size: 30px; line-height: 35px; font-family: 'Conv_HelveticaNeue-Light'; font-weight: normal; float:left; width: 100%; }
.fitometer h2 span { margin: -3px 10px 0 0; float: left; }
.fitometer p { padding: 10px 0 0 0; font-size: 14px; line-height: 20px; color: #747474; }
.fitometer p b { font-weight: normal; }
.fitometer .create { margin: 15px 0 0 0; padding: 20px; width: 280px; min-height: 240px; float: left; border: 1px solid #dddddd; border-radius: 10px; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s; }
.fitometer .create.measurmnt { width: 790px; }
.fitometer h3 { padding:0; margin:0; color: #b03819; font-size: 20px; line-height: 22px; }
.fitometer label { padding: 15px 0 0 0; margin:0; color: #3d3d3d; font-size: 16px; line-height: 22px; display: block; }
.fitometer .create p { overflow: hidden; padding: 5px 0 0 0; }
.fitometer .create p span {  font-size: 13px; line-height: 18px; }
.fitometer .create p span.red { color: #002089; font-size: 13px; line-height: 18px; }
.fitometer .create p img.quest { margin: 0 0 0 7px; }
.fitometer .create .quest1 { margin: 8px 0 0 7px; }
.fitometer .create .txt { margin: 5px 0 0 0; color: #060606; line-height: 23px; }
.fitometer .create .txt1 { padding: 0 3px; margin: 0 5px; width: 45px; font-size: 11px; height: 27px; background: url(../images/txt1.png) no-repeat; border:0; }
.fitometer .review { padding: 20px; margin: 45px 0 0 0; width: 430px; min-height: 180px; float: left; border-radius: 0px 10px 10px 0px; background: #fcbe30; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s }
.fitometer .review h2 { padding: 0 0 20px 0; margin:0;  font-size: 24px; line-height: 35px; color: #fff; font-family: 'Conv_HelveticaNeue-Light'; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s }
.fitometer .review p { overflow: hidden; width: 100%; padding: 0px 0 20px 0; }
.fitometer .review p label { padding:0; color: #80a002; font-size: 18px; line-height: 22px; width: 245px; float:left; font-family: 'Conv_HelveticaNeue-Light'; }
.fitometer .review p label.colorgreen { color: #1f834c; font-size: 18px; line-height: 22px; }
.fitometer .review .reviewbox { padding: 0 10px; float: left; width: 112px; height: 34px; background: #7d9d01; border-radius: 5px; font-size: 16px; line-height: 40px; color: #fff; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s; }
.fitometer .review .reviewbox.green { background: #1a7e47;}
.fitometer .review .reviewbox b { font-size: 30px; line-height: 34px; color: #fff; } 

/*measurement*/
.fitometer .create.measurmnt { width: 790px; overflow:hidden; }
.fitometer .create.measurmnt h3 { margin: 0 0 5px 0; }
.fitometer .create.measurmnt .mears-full { margin: 0 0 20px 0; float: left; width: 100%; }
.fitometer .create.measurmnt label { padding:0 9px 0 0; line-height: 33px; float: left; font-size: 14px; }
.fitometer .create.measurmnt .measur-txt { padding: 0px 14px 0 5px; margin: 5px 0 0; width: 170px; font-size: 11px; height: 27px; border:0; float: left; background: url(../images/measrment-txt.png) no-repeat; }
.fitometer .create.measurmnt .measur-btn { cursor: pointer; width: 37px; height: 32px; border:0; float: left; background: url(../images/btn-go.png) no-repeat 0 0; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s }
.fitometer .create.measurmnt .measur-btn:hover { background: url(../images/btn-go.png) no-repeat 0 -32px; }
.fitometer .create.measurmnt .measur-select { float: left; margin: 0 10px 0 0; padding:0; }

/*BMI calculator*/
.fitometer.bmifull { width: 833px; }
.fitometer .create.bmi { width: 320px; }
.fitometer .review.bmi-review h2 { text-align:center; font-size: 20px; line-height: 24px; color: #fff; font-family:Arial, Helvetica, sans-serif; }
.fitometer .review.bmi-review h3 { text-align:center; font-size: 20px; line-height: 24px; color: #fff; font-family:Arial, Helvetica, sans-serif; }
.fitometer .review.bmi-review h3 span { display: block; text-align:center; font-size: 14px; line-height: 24px; color: #fff; font-family:Arial, Helvetica, sans-serif; }
.fitometer .review .circle { margin: 0 auto; margin-bottom: 10px; width: 62px; height: 62px; font-size: 34px; display: block; line-height: 60px; text-align:center; color: #fff; background: url(../images/circle.png) no-repeat 0 0; clear: both; }

/*fitometer 2*/
.fitometer label.lft { float:left; padding:5px 0 0 0; }
.fitometer label.lft1 { float:left; padding:0px 0 0 0; }
.fitometer label.lft2 { float:left; padding:5px 8px 0 0; width: 77px; }
.fitometer .rdo { float:left; margin:0 8px 0 0; position: static; }
.fitometer.bmifull .box { overflow: hidden; margin: 0 0 10px 0; }
.fitometer.bmifull .box b { padding: 0 10px 0 0; margin:0; }
.fitbtn { width:320px; margin: 0 auto; overflow: hidden; }
.fitbtn .fit-btn { padding: 0 0 3px 0; margin: 10px 0px 0 80px; cursor:pointer; text-transform:uppercase; width: 135px; height: 30px; background: #1a7e47; border:0; border-radius: 13px; font-size: 14px; color:#fff; font-weight: bold; }.fitbtn .fit-btn:hover { background: #b13819; } 
.fitometer .review.fitometer2 { }
.fitometer .review.fitometer2 ul { list-style: none; margin: 50px 0 0px 0; padding:0; position: relative }
.fitometer .review.fitometer2 li { float:left; }
.fitometer .review.fitometer2 li a { padding: 5px 10px; text-decoration: none; color: #fff; font-size: 12px; line-height: 18px; background: #1f834c; display: block; }
.fitometer .review.fitometer2 li span { margin: 0 -10px 0 0; display: block; text-align: right; color: #1f834c; }
.fitometer .review.fitometer2 li a.green { background: #80a002; }
.fitometer .review.fitometer2 li a.darkgreen { padding: 5px 40px 5px 10px; background: #2a996c; }
.fitometer .review.fitometer2 h2 { padding: 0px 0 10px 0; margin:0 0 0 0;  font-size: 16px; line-height: 22px; color: #fff; font-family: Arial, Helvetica, sans-serif; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s; font-weight:bold; }
.fitometer .review.fitometer2 h2.gap { margin-top: 10px; margin-bottom: 13px; }
.fitometer .review.fitometer2 .urhere { position: absolute; right: 116px; top: -20px; }
.fitometer .review.fitometer2 .urhere1 { position: absolute; right: 116px; top: -15px; }
.fitometer .create.fit2 { width: 320px; }
.fitometer .select-fit2 { float: left; }

/*fitometer 2*/

/*signup*/
.signup { float:right; position: absolute; right: 35px; top: 5px; z-index:10; }
.signup ul { list-style: none; margin: 0; padding:0; }
.signup li { float: left; position: relative;}
.signup li a { padding: 2px 20px 4px 10px; margin: 0 10px 0 0; font-size: 12px; color: #fff; text-decoration: none; line-height: 16px; background: #f3a800 url(../images/signup-icon.png) no-repeat right 8px; border-radius:2px; display: block; }
.signup li a:hover { background:#018d56 url(../images/signup-icon1.png) no-repeat right 8px; }
.signup li .register { display: none; padding: 7px; position:absolute; right: 12px; border-radius: 8px; box-shadow: 1px 1px 2px #999; background:url(../images/signup-bg.png) repeat; }
.signup li .register .white { padding: 15px; background:#fdfdfd; border-radius: 8px; float:left; overflow: hidden;  }
.signup li .register .white h2 { color: #c95643; font-size: 25px; line-height: 30px; margin:0; padding:0 0 8px 0; }
.signup li .register .white h3 { color: #333333; font-size: 12px; line-height: 30px; margin:0 0 10px 0; padding:0 0 8px 0; border-bottom: 1px solid #cccccc; }
.signup li .register .white p { width: 100%; overflow: hidden; }
.signup li .register .white label { color: #585858; font-size: 13px; line-height: 18px; margin:0; padding:0 0 5px 5px; display: block; }
.signup li .register .white .regsiter-txt {margin:0; padding:0 10px; float:left; width: 300px; height: 43px; color: #585858; font-size: 12px; line-height: 18px; border:0; background: #f3a800 url(../images/sign-txt.png) no-repeat 0 0; }
.signup li .register .white .btn-box { padding: 10px 0 0 0; float: left; width: 100%; }
.signup li .register .white .btn-box .left { float: left; width: 200px; }
.signup li .register .white .btn-box .left a.remember { background: none; width: auto; height:auto; display: block; color: #c95643; text-decoration: underline; font-size: 12px; line-height: 16px; }
.signup li .register .white .btn-box .left a.remember:hover { text-decoration: none;}
.signup li .register .white .btn-box .left b { margin: 5px 0 0 20px; padding: 0 0px; line-height: 20px; float:left; }
.signup li .register .white .btn-box .left .checkbox { float: left; }
.signup li .register .white .btn-box .right { padding: 10px 0 0 0; float: right; width: 105px; }
.signup li .register .white .btn-box .right .regsiter-btn { float: left; border: 0; width: 104px; height: 31px; cursor: pointer; background:url(../images/sign-btn.png) no-repeat 0 0px; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s; }
.signup li .register .white .btn-box .right .regsiter-btn:hover { background:url(../images/sign-btn.png) no-repeat 0 -31px; }
/*signup*/

/* Select Box */
.custom_select select { margin: 0px 0 0 0; width:160px; background:#fff; }	
.fitometer .create p span.customSelect { color: #000; }
span.customSelect { padding: 0 0 0 10px;font-size:11px; background: url(../images/select-bg.png) no-repeat; color:#060606; width: 149px; height: 27px; line-height: 23px; }
span.customSelect.changed { background-color: #fff; }
.customSelectInner {  }


/* Select bmi */
.custom_selectsmall select { margin: 0px 0 0 0; width:160px; background:#fff; }	
.fitometer .create p span.customSelect { color: #000; }
.custom_selectsmall span.customSelect { padding: 0 0 0 10px;font-size:11px; background: url(../images/select-bg-small.png) no-repeat; color:#060606; width: 56px; height: 27px; line-height: 23px; }
.custom_selectsmall span.customSelect.changed { background-color: #fff; }
.selectheight b{ padding: 0 10px 0 0; }
.customSelectInner {  }
/*fit o meter*/

		/**our range products**/
		.centering { margin: 0 auto; width: 1044px; position: relative; }
		.our-prod { padding: 80px 0 30px 0; width: 100%; float: left; background: #fff url(../images/our-range-bg1.jpg) no-repeat top center; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s;  }
		.our-prod h2 { width: 510px; margin: 81px 0 15px 0; font-family: 'helvetica_neue_bold'; font-size: 45px; line-height: 50px; color: #006638; text-align: left; }
		.our-prod h2 span { text-align: right; display: block; }
		.our-prod .specification { width: 100%; float: left; position: relative; }
		.our-prod .specification img { margin: -150px 0 0 80px; float: right; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s;  }
		.our-prod .specification a.viewrecepe { position: absolute; right: 450px; top: 300px; }
		.our-prod .specification h3 { padding: 50px 0 0 0; font-family: 'helvetica_neue_bold'; font-size: 34px; line-height: 40px; color: #9d64a7; }
		.our-prod .specification h4 { padding: 10px 0 0 0; font-size: 17px; letter-spacing: 1px; line-height: 25px; color: #494848; font-weight: normal; }
		.our-prod .specification p { padding: 5px 0 0 0;  font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.4px; font-size: 13px; line-height: 21px; color: #494848; }
		.our-prod .specification { margin: 0px 0 0 0; float: left; }
		.our-prod .specification ul { margin: 0; padding: 0; list-style: none; list-style-type: none; position: absolute; bottom: 80px; }
		.our-prod .specification li { float: left;}
		.our-prod .specification li a { padding: 0 0 0 10px; margin: 0 10px 0 0; width: 116px; height: 19px; display: block; text-decoration: none; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; background:url(../images/receipe-info.png) no-repeat 0 0; }
		.our-prod .specification li a:hover { background:url(../images/receipe-info.png) no-repeat 0 -19px; }
		
		.our-prod .products { width: 100%; float: left; background: url(../images/shadow.png) no-repeat top center; }
		.our-prod .products ul { margin: 0px; padding: 0px 0 0 0; list-style: none; }
		.our-prod .products li { float: left; }
		.our-prod .products li a { padding: 30px 0 0 0; width: 103px; height: 170px; display: block; }
		.our-prod .products li a img { margin: 0 0 0 -20px; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s;  }
		.our-prod .products li.one a img { margin-left: -25px;  }
		.our-prod .products li.two a img { margin-left: -30px;  }
		.our-prod .products li.three a img { margin: 0; }
		.our-prod .products li.four a img { margin-left: -18px;  }
		.our-prod .products li a:hover, .our-prod .products li.active a { background: url(../images/products-hov.png) no-repeat 0 0; }

		/*tablet 768*/
		.tabblock { display:block; }
		.tabnone { display: none; }
		.tabnone-mobile { display: none; }
		.accordian-tablet {  }
		.accordian-tablet .right { padding: 30px 0 0 0; float: right; width: 300px; position: relative; }
		.accordian-tablet .left { position: relative; padding: 30px 0 0 0; float: left; width: 350px;}
		.accordian-tablet.gap-1 .left { width: 440px; }
		.accordian-tablet.gap-1 .right { width: 250px; }
		.accordian-tablet img { max-width: 100%;  margin: 0px 0 0 0px; float: right; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s;   }
		.accordian-tablet a.viewrecepe { position: absolute; right: 180px; top: 145px; z-index:1; }
		.accordian-tablet.gap-1 a.viewrecepe { top: 115px; right: 120px; }
		.accordian-tablet a.viewrecepe img { width: auto; }
		.accordian-tablet h3 { padding: 10px 0 0 0; font-family: 'helvetica_neue_bold'; font-size: 34px; line-height: 40px; color: #9d64a7; }
		.accordian-tablet h4 { padding: 10px 0 0 0; font-size: 14px; letter-spacing: 1px; line-height: 20px; color: #494848; font-weight: normal; }
		.accordian-tablet p { padding: 5px 75px 0 0;  font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.4px; font-size: 13px; line-height: 21px; color: #494848;  }

		.accordian-tablet ul { margin: 20px 0 0 0; padding: 0px; list-style: none; list-style-type: none; }
		.accordian-tablet li { float: left; margin: 0 20px 20px 0;}
		.accordian-tablet li a { padding: 0 0 0 10px; margin: 0 10px 0 0; width: 116px; height: 19px; display: block; text-decoration: none; color: #fff; font-family: "Myriad Pro"; font-size: 13px; line-height: 15px; background:url(../images/receipe-info.png) no-repeat 0 0; }
		.accordian-tablet li a:hover { background:url(../images/receipe-info.png) no-repeat 0 -19px; }
		
		/*light box*/
		.light-with {  }			
		.light-with .left { padding: 0 0 0 25px; float: left; width: 375px;}
		.light-with .left img { margin-right: 10px; }
		.light-with .right { float: right; width: 350px;}
		.light-with .right img { max-width: 100%; float:right; border-radius: 0 5px 5px 0; border:0;}
		.light-with h2 { padding: 10px 0 10px 0; font-weight:bold; font-size: 28px; line-height: 38px; text-transform: uppercase; border-bottom: 1px solid #c1a159; }
		.light-with h2 span { display: block; font-size: 15px; line-height: 16px; font-style:italic; font-weight:normal;} 
		.light-with h3 { padding: 10px 0 0 0; font-weight:bold; font-size: 15px; text-transform:uppercase; line-height: 22px; }
		.light-with ul { margin:0; list-style:none; padding: 10px 0 10px 0; font-size: 13px; line-height: 20px; overflow: hidden; }
		.light-with li { display:block; float: left; width: 100%; padding: 0 0 20px 0;}
		.light-with ul.bullets li { background:url(../images/bullets.png) no-repeat 0 4px; padding: 0 0 3px 18px; }
		.light-with li span { float: left; width: 255px; padding: 0px 0 0 0px; }
		.light-with li img { float: left; margin: 0 0 0 0px; max-width: 100%; border:0; }


		/**our range**/
		.our-range { padding: 0pxpx 0 0 0; width: 100%; min-height: 825px; float: left; background: #fff url(../images/our-range-bg.jpg) no-repeat top center; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s;  }
		.our-range h2 { margin: 155px 0 15px 0; font-family: 'helvetica_neue_bold'; font-size: 53px; line-height: 55px; color: #006638; text-align: center; }
		.our-range h3 { padding: 0 0 20px 0; font-family: 'helvetica_neue_bold'; font-size: 25px; line-height: 30px; color: #767676; text-align: center; }
		.our-range p { padding: 0 20%;  font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; color: #494848; text-align: center; }
				
		/**iteams**/
		.iteams { margin: 0 auto; width: 100%;}		.iteams ul { margin: 0; padding: 40px 0 0 0; list-style: none; list-style-type: none; text-align:center; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s;  }
		.iteams li { display:inline-block; *display:inline; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s;  }
		.iteams li a { }
		.iteams li img { width: 106px; max-width: 100%; max-width: none\9; transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s;   -moz-transition: all 0.7s ease 0s;   -o-transition: all 0.7s ease 0s;    transition: all 0.7s ease 0s;  }
		.iteams .iteamdesktop { display: block; }
		.iteams .iteammob { display: none; }





@font-face {
	font-family: 'HelveticaNeue-Bold';
	src: url('../fonts/HelveticaNeue-Bold.eot?') format('eot'), 
	     url('../fonts/HelveticaNeue-Bold.woff') format('woff'), 
	     url('../fonts/HelveticaNeue-Bold.ttf')  format('truetype'),
	     url('../fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
}

@font-face {
	font-family: 'Conv_HelveticaNeue-Light';
	src: url('../fonts/HelveticaNeue-Light.eot');
	src: url('../fonts/HelveticaNeue-Light.woff') format('woff'), url('../fonts/HelveticaNeue-Light.ttf') format('truetype'), url('../fonts/HelveticaNeue-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}