body { background: #eeeeee; }

header { background: #fff; padding: 10px 0px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); position: relative; }

.banner_row { margin: 0 auto; max-width: 66rem!important; width: 100%; }

.banner { background: url(../img/banner_bg.jpg) no-repeat; background-size: cover; }

p, ol { font-size: 17px; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #1e1e1e; }

.orderlist { line-height: 32px; }

.orderlist>li { margin: 0; padding: 0 0 0 2em; text-indent: -2em; list-style-type: none; counter-increment: item; }

.orderlist>li:before { display: inline-block; width: 1.5em; padding-right: 0.5em; font-weight: bold; text-align: right; content: counter(item) "."; }

strong { font-weight: 700; }

.main_container { background: #fff; margin: 50px auto; max-width: 62.5em; width: 100%; border: 1px solid #dfdfdf; z-index: 9999; }

.pad0 { padding: 0px; }

.pad10 { padding: 10px; }

.pad20 { padding: 20px; }

.pad30 { padding: 30px 10px; }

.pad40 { padding: 40px; }

.padbot30 { padding-bottom: 30px; }

.hmarbot20 { margin-bottom: 20px; }

.hmarbot30 { margin-bottom: 30px; }

.hmartop20 { margin-top: 20px; }

.hmartop30 { margin-top: 30px; }

.marbot20 { margin-bottom: 20px; }

.marbot30 { margin-bottom: 30px; }

.whitetext { color: #fff; }

.banner h1{font-family: 'Open Sans Condensed', sans-serif; font-size:42px;  margin-top:32px;}

h1 { color: #1d2536; font-weight: 500; font-size: 43px; font-family: 'Raleway', sans-serif; }

h2 { color: #313131; font-weight: 500; font-size: 32px; font-family: 'Raleway', sans-serif; }

h1 strong { text-transform: capitalize; }

.main_container { background: #fff; margin: 50px auto; max-width: 62.5em; width: 100%; z-index: 9999; }

.drkgrybg { background: #0282c7; padding: 25px; text-align: center; }

.bluebg { background: #0282c7; padding: 25px; text-align: center; }

.redbg { background: #d71a21; padding: 25px; text-align: center; }

.greenbg { background: #39b54a; padding: 25px; text-align: center; }

.drkgrybg h2, .bluebg h2, .greenbg h2, .greenbg h1, .redbg h1 { color: #ffffff; }

.redbg h1 {font-size:39px;}

.blu_i p { font-style: italic; font-size: 14px!important; color: #254bc7; margin-top: 25px }

.blugrn_strip { background: url(../img/greenblue_strip.png) top center repeat-x; height: 4px; margin-top: -2px; }

.grybox { background-color: #f6f6f6; padding: 12px; border-left: 5px solid #26c43b; margin-bottom: 25px; padding-left: 20px; font-style: italic; }

.peach_bx { border: 3px solid #f36c58; padding: 20px; margin: 20px 0px!important; }

.peach_bx h2 { background: #f36c58; color: #fff; padding: 8px; margin: 20px 0px 20px -50px; display: inline-block; }

.yellow_bx { border: 3px solid #fecc63; padding: 20px; margin: 20px 0px!important; }

.yellow_bx h2 { background: #fecc63; color: #fff; padding: 8px; margin: 20px 0px 20px -50px; display: inline-block; }

.aqua_bx { border: 3px solid #7bd6f4; padding: 20px; margin: 20px 0px!important; }

.aqua_bx h2 { background: #7bd6f4; color: #fff; padding: 8px; margin: 20px 0px 20px -50px; display: inline-block; }

.blue_bx { border: 3px solid #6893d0; padding: 20px; margin: 20px 0px!important; }

.blue_bx h2 { background: #6893d0; color: #fff; padding: 8px; margin: 20px 0px 20px -50px; display: inline-block; }

.tick_list { margin-top: 10px; margin-left: 0 }

.tick_list li { list-style-type: none; background-image: url(../img/tick.png); background-repeat: no-repeat; background-position: 0px 7px; padding-left: 33px; padding-bottom: 12px; padding-right: 0px; line-height: 1.8em; font-size: 18px; font-family: 'Open Sans', sans-serif; margin-left: 30px; }

.cross_list { margin-top: 10px; margin-left: 0 }

.cross_list li { list-style-type: none; background-image: url(../img/cross_icon.png); background-repeat: no-repeat; background-position: 0px 7px; padding-left: 33px; padding-bottom: 12px; padding-right: 0px; line-height: 1.8em; font-size: 18px; font-family: 'Open Sans', sans-serif; margin-left: 30px;}

.but_i_list { margin: 20px 0px; }

.but_i_list li { list-style-type: none; border-bottom: 1px dashed #ccc; margin-bottom: 8px; padding: 8px; }

.but_i_list li img { padding: 20px 0px 0px 20px; }

.but_i_list li h2 { font-weight: 800; }

.valignmid { display: table; height: 475px; }

.valignmid h2 { display: table-cell; vertical-align: middle; text-align: center; }

.testimonials { background: #ededed; border: 1px solid #e0dfdf; }

.testimonials h2 { font-size: 22px; }

.testimonials .txt { background: url(../img/quote_icon.png) no-repeat right top; padding: 30px; }

.testimonials strong { display: block; margin-top: 10px }

.smtxt_block { border: 3px solid #e5e5e5; padding: 20px; margin: 20px 0px!important; }

.smtxt_block p { font-size: 15px; }

.valign_middle { display: table; }

.valign_middle .columns { display: table-cell; vertical-align: middle; }

.valign_middle .columns, .valign_middle [class*="column"] + [class*="column"]:last-child { float: none; }

.highlighter { background: #fffc00; color: #000; padding: 2px 3px; }

.highlighter_u { background: #fffc00; color: #000; padding: 2px 3px; text-decoration: underline; }

.underline { text-decoration: underline; }

.regular_price { font-family: 'Raleway', sans-serif; font-size: 60px!important; color: #9c9c9c; text-decoration: line-through; }

.offer_price { font-family: 'Raleway', sans-serif; font-size: 60px!important; color: #39b54a; }

.grn_border { border-top: 4px solid #51c13e; }

.bigimg { margin-top: 50px; padding: 3px; border: 1px solid #ccc; }

.fsp-close { font-size: 75px; position: absolute; top: 0em; right: 1em; color: #fff; }

.monthly_diet { display: none; }

.minus_margin { margin-left: -130px!important; }

.rwd-line { display: block; }

.certficate { background: #fffbe8; background: #fffbe8; border: double 4px #e7d375; margin: 30px;padding: 30px;}

.btn_seal { position: absolute; left: -100px; top: -15px; }

.johnson_box {padding: 20px;background: #fefecd;width: 90%;margin: 20px auto;border-top: 4px solid #fce36e;border-bottom: 4px solid #fce36e;}



a.yellow, a.yellow:hover, a.yellow:visited { color: #fff; border-bottom: 4px solid #042a4f; background: #106ff0; /* Old browsers */ background: -moz-linear-gradient(top, #106ff0 0%, #034aaa 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #106ff0 0%, #034aaa 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #106ff0 0%, #034aaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#106ff0', endColorstr='#034aaa', GradientType=0 ); /* IE6-9 */

box-shadow: inset 1px 1px 0 #179fff; font-size: 26px; font-family: 'Raleway', sans-serif; border-radius: 5px; font-weight: 500; margin: 30px 0px 20px 0px; position: relative; }

.btn_lnk { font-size: 17px; font-family: 'Raleway', sans-serif; margin: 30px 0px 50px 0px; display: block; text-decoration: underline; }

.faq li { list-style-type: none; margin: 20px 0px; padding-bottom: 20x; border-bottom: 1px dashed #ccc; }

.faq li h3 { font-family: 'Raleway', sans-serif; font-size: 22px; font-weight: 600; }

.faq a { text-decoration: underline;}

/*~~~~~ Social Icon css Starts from here ~~~~~*/

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

 @media screen and (-webkit-min-device-pixel-ratio:0) {

@font-face { font-family: si; src: url(../fonts/socicon/socicon.svg) format(svg); }

}

.soc { overflow: hidden; margin: 0; padding: 0; list-style: none; margin-top: 20px; }

.soc li { display: inline-block; *display:inline;

zoom: 1; }

.soc li a { font-family: si!important; font-weight: 400; overflow: hidden; text-decoration: none; text-align: center; display: block; position: relative; z-index: 1; width: 28px; height: 28px; line-height: 28px; font-size: 12px; -webkit-border-radius: 85px; -moz-border-radius: 85px; border-radius: 85px; margin-right: 5px; color: #ffffff; background-color: none; }

.soc a:hover { opacity: 0.8; }

.soc-icon-last { margin: 0 !important; }

.soc-twitter { background-color: #4da7de; }

.soc-twitter:before { content: 'a'; }

.soc-facebook { background-color: #3e5b98; }

.soc-facebook:before { content: 'b'; }

.soc-google { background-color: #d93e2d; }

.soc-google:before { content: 'c'; }

.soc-pinterest { background-color: #c92619; }

.soc-pinterest:before { content: 'd'; }

.soc-linkedin { background-color: #3371b7; }

.soc-linkedin:before { content: 'j'; }

.soc-rss { background-color: #f26109; }

.soc-rss:before { content: ','; }





 @media only screen and (min-width: 40.063em) and (max-width: 64em) {

.rwd-line { display: inline; }

.main_container { background: #fff; margin: 30px auto; max-width: 62.5em; width: 100%; border: 1px solid #dfdfdf; z-index: 9999; }

.pad20 { padding: 15px; }

.minus_margin { margin-left: -0px!important; }

p, ol { font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #1e1e1e; }

.blu_i p { font-style: italic; font-size: 14px!important; color: #254bc7; margin-top: 12px }

h1 { color: #1d2536; font-weight: 500; font-size: 34px; font-family: 'Raleway', sans-serif; }

h2 { color: #313131; font-weight: 500; font-size: 26px; font-family: 'Raleway', sans-serif; }

.redbg h1 {font-size:32px;}

}

 @media only screen and (max-width: 40em) {

.rwd-line { display: inline; }

.main_container { background: #fff; margin: 25px auto; max-width: 62.5em; width: 100%; border: 1px solid #dfdfdf; z-index: 9999; }

.pad20 { padding: 12px; }

.minus_margin { margin-left: -0px!important; }

p, ol { font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #1e1e1e; }

.blu_i p { font-style: italic; font-size: 14px!important; color: #254bc7; margin-top: 12px }

h1 { color: #1d2536; font-weight: 500; font-size: 28px; font-family: 'Raleway', sans-serif; }

h2 { color: #313131; font-weight: 500; font-size: 24px; font-family: 'Raleway', sans-serif;

.redbg h1 {font-size:28px;}}

.but_i_list li { text-align: center; }

.btn_seal { display: block; text-align: center; margin-top: -55px; width: 100%; left: 0px; position: relative; }

.btn_seal img { width: 36%; }

a.yellow, a.yellow:hover, a.yellow:visited { color: #fff; border-bottom: 4px solid #042a4f; background: #106ff0; /* Old browsers */ background: -moz-linear-gradient(top, #106ff0 0%, #034aaa 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #106ff0 0%, #034aaa 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #106ff0 0%, #034aaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#106ff0', endColorstr='#034aaa', GradientType=0 ); /* IE6-9 */

box-shadow: inset 1px 1px 0 #179fff; font-size: 18px; font-family: 'Raleway', sans-serif; border-radius: 5px; font-weight: 500; margin: 30px 0px 20px 0px; position: relative; margin-top: 70px; }

.btn_lnk { font-size: 17px; font-family: 'Raleway', sans-serif; margin: 30px 0px 50px 0px; display: block; text-decoration: underline; }

.valign_middle .columns, .valign_middle [class*="column"] + [class*="column"]:last-child { float: right; }

}