html, body{
    overflow-x: hidden;
    overflow-y: auto;
    /*height: 100%;*/
}

body {
	color: #333333;
	font: 18px/1.6 'Open Sans',sans-serif;
	margin: 0;
	padding: 0;
	width:100%;
}

/*
a:link, a:visited {
	color: #1155cc;
    text-decoration: none;
}
*/

h1 {
	color: #35383d;
	font-size: 32px;
	font-weight: normal;
	margin-top: 5px;
}

h2, h3, h4, h5, h6 {	
    margin-top: 35px;
}

h4 { color:#252525; font-weight:600; line-height: 1.4 }

.content-container { width:100%; }

 .content-wrapper {
	padding: 0 8px;
	max-width: 1000px; /*overall content = menu + site cotent (to make the site-content close to 730px) */
	/*width: 100%;*/
	/*margin: 0;	*/
	position: relative;
	zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.content-wrapper:before,
.content-wrapper:after {
  content:"";
  display:table;
}
.content-wrapper:after {
  clear:both;
}

.label-warning {
    background-color: #ff8c00;
}

.site-header {
	/*background-color: #2f3237;
	border-top: 3px solid #00b4ff;*/
	background: url('../images/site-header-bg.jpg') no-repeat 0 0 #0e65a0;
	border-top: 3px solid #2b9dee;
	/*background-color: #3399ff;*/
	/*border-top: 3px solid #1155cc;*/
	height: 60px;
	position: relative;	
	width: 100%;
}

.site-menu {
	background-color: #ffffff;
	/*float: left;*/
	/*margin-top: 20px;
	margin-right: 20px;*/		
	/* padding: 3px; */
	/*position: absolute;*/
	float: left;
	top: 5px;
	width: 210px;
	position: relative;
	/*margin-right: -240px;*/
	margin-left:-100%;
}

.site-nav {
	background-color: #fcfcfc; /*#f8f8f8;*/
	border: 1px solid #eaeaea;
	/*font-family: 'Roboto', Arial, Helvetica, sans-serif;*/
	font-weight:400;
	font-size: 13px;
	list-style-type: none;	
	margin-top: 0;
	padding: 0;	
}

.site-nav li {	
	border-color: #eeeeee;	
	border-style: none none solid;
	/*border-width: 0 0 1px;*/
	border: 0;
	line-height: 18px;		
}

/* .site-nav li:before {
    content: "■";
    position:absolute;
    font-size:13px;
    left:10px;
    top:6px;
} */

.site-nav li {
    list-style:none;
	position:relative;
	border-bottom:1px solid #eaeaea;
}

.site-nav li a {
	color: #1d1d1d;
	/*color: #1155cc;*/
	display:list-item;
	padding: 7px 10px 7px 0.8em;		
	/*list-style-type: square;*/
	/*list-style-position: outside;*/
	/*margin-left: 25px;*/	
	/*text-indent: -1em;*/    
}

.site-nav li a:hover {
	background-color: #eeeeee;
	color: #000000;
}

.site-nav .group-name {
	background-color: #0f7ac0;	
	/*background-color: #444444;*/	
	/*font-weight: bold;*/	
}

.site-nav .group-name a {
	color: #ffffff;
	list-style-type: none;
	padding: 10px 10px 10px 0;
}

.site-nav .group-name .label-new {
	position:absolute;
	right:0;
}

.site-nav li.group-name:before {
	content:'';
}

.site-nav li.group-name a:hover {
	background-color: #07598f;
	color: #ffffff;
}

.site-nav .fa {
	margin-left: 10px;
	margin-right: 5px;
}

.site-nav .label { display:inline-block; margin-right:5px; padding:0.4em 0.6em 0.5em; }

.site-content {	
	/*margin-left: 240px;	*/
	/*left:240px;*/
	float: left;
	position: relative;
	/*max-width: 800px;*/		
}

.site-content a, .site-content a:link { color:#0053f9; text-decoration:underline; }
.site-content li { margin-bottom:1em; }
.site-content li.list-group-item { margin-bottom:-1px; }
.site-content p { margin-bottom:15px; }



.site-footer {	
	border-top: 1px solid #eeeeee;
	text-align: center;
	font-size: 13px;
    margin: 1em 0; 
	padding: 1em 10px 0 10px;   
}


a.site-logo {
	color: #ffffff;
	font-size: 24px;
	font-weight: normal;
	left: 10px;
	min-width:290px;
	position: absolute;	
	top: 10px;
}

#nav-burger {
	color: #ffffff;
	cursor: pointer;
	float: left;
	margin-top: 10px;
	position: absolute;
	display: none;
}
#nav-burger:before {
	color: #ffffff;
	font-weight: normal;
    content: "\f0c9";
    display: inline-block;
    font: 28px/20px FontAwesome;
    padding: 10px;
    vertical-align: middle;
}

#nav-burger:hover:before {
	color: #add8e6;	
}


#nav-burger.active:before {
	color: #add8e6;
}

.breadcrumb {
	background-color: #ffffff;
	border-radius:0;
	box-shadow: 0 0 5px #888888;
	font: 15px/20px sans-serif !important;
    /*margin: 0 -10px;*/
    margin-bottom:0.5em;
    padding: 10px;    
    /*width: 100%;*/
	z-index: 15;
}

.component {
	width: 365px;
}

.component #header {
	display: none;
}

.component #container {
	background-image: none;
	/*background-color: #dddddd;*/
	/*border: 2px solid #888888;*/
	height: auto;
	width: 100%;
	zoom: 1;
}

.component #container.panel-body {
	background-color: #eeeeee;
	border-bottom: 0;
	border-radius: 4px;	
	/*padding-bottom: 1em;*/
}

.component #container:before,
.component #container:after {
  content:"";
  display:table;
}
.component #container:after {
  clear:both;
}

.component input[type="number"] {
    border: 2px solid #888888;
    box-sizing: border-box;
    font-size: 16px;
	height: 28px;
    padding: 4px;
    width: 100%;
}

.component #myForm select, .component #myForm select#activityLevel, .component #myForm SELECT#days {
    border: 2px solid #888888;
    font-size: 16px;
    height: 28px;
    margin: 0;
    padding: 0;
    width: auto;
}


.component input, .component select {
    color: #333333;
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 0.875em;
    font-weight: 300;
}

.component input.errorMessage {
    color: #cc0000;
}


.component #myForm label {
	color: #000000;
	/*font-weight: bold;*/
	text-shadow: none;
	width: 110px;
}

.component #DataEntry {
	border: 0;
	padding-left: 10px;
	width: 94%;
	float: none;
	/*min-width: 415px;*/
}

.component #footer {
	display: none;
}

.component #weightToLoseKg {
	width: 50px !important;
}

.component .weight-to-lose-container {
	background-color: #dddddd;
    border: 2px solid #bbbbbb;
    border-radius: 3px;
    margin-top: 25px;
    padding: 9px;
	width: 318px;
}

#resultsBody { height: auto; }

/*.results-container {
	margin-top: 10px;
	border-top: solid 2px #888888;
	

}*/

#ResultsContainer {	
	/*
	border-top: solid 2px #888888;
	display: none;
	float: none;
	margin-left: 0;
	margin-top: 10px;*/
	/*padding-left: 12px;*/	
	/*width: 100%;	*/
} 

/*#ResultsHeading {
	color: #000000;
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
}
*/

.panel {    
/*    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 4px;*/
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.panel-info {
    border-color: #666666;
}

.panel-info > .panel-heading {
    background-color: #444444;
    border-color: #888888;
	border-bottom: solid 3px #32cd32;
    color: #ffffff;
	
}
.panel-heading {
    /*border-bottom: 1px solid rgba(0, 0, 0, 0);*/
    /*border-top-left-radius: 3px;
    border-top-right-radius: 3px;*/
    padding: 10px 15px;
}

.panel-title {
    color: inherit;
    font-size: 16px;
	font-weight: 500;
    margin-bottom: 0;
    margin-top: 0;
}

.panel-title .fa-heartbeat {
	color: #32cd32;
	font-size: 22px;
	margin-right: 5px;
	vertical-align: text-bottom;
}


/*.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #ffffff;
}
*/

#btnCalculate .fa-spin {
	display: none;
}


#ErrorMessagesContainer {
	/*border: inherit;*/
	/*background-color: inherit;*/
	width: 320px;
	padding: 9px;
}

.results-container-inner {
	margin: 3px 10px 10px 10px;
}

.alert {
    /*border: 1px solid rgba(0, 0, 0, 0) !important;*/
	border-width: 1px;
	border-style: solid;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}

.alert-danger {
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
    color: #a94442 !important;    
}

.alert-danger li {
	margin-bottom:0;
}

.alert-warning {
    background-color: #fcf8e3 !important;
    border-color: #faebcc !important;
    color: #8a6d3b !important;
}

#suggested-weights-container a {
	font-size: 13px;
}


/* Remove shadows from inputs */
input[type="number"], input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none; /* mobile firefox too! */
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type="number"] {
    -moz-appearance: textfield;
}

.calc-ad {
	/*padding: 1px;*/
	/*margin-bottom: -4px;*/
	margin: 0;
	margin-bottom: 1em;
	/*max-width: 699px;*/
}

.text-ad {
	border: solid 1px #e1e1e8;
	margin-bottom: 1em;	
	padding: 0;	
}

.text-ad2 {
	margin-bottom: 1em;	
	padding: 0;	
}

.text-ad-right { float:right; }

.adspacing {margin-bottom: 2em;}

.visible-google-ad-mobile {
	display:none;
}

.visible-google-ad-tablet {
	display:none;
}

.caption {
	color:#888888;	
    display: block;
    font-size: 0.9em;
    line-height: 16px;
    margin-top: 5px;
}

 .table-content th { background-color:#e0e0e0 !important; color:#000; border-color:#cbcbcb !important; border-bottom-width:1px !important; }
 .table-content thead th { border: 1px #cbcbcb solid !important; }
 .table-content-dark th { background-color:#777 !important; border-bottom:0 !important; border-color:#989898 !important; color:#fff !important; font-weight:normal; }
  
.tablescroll_wrapper {
	overflow-y: scroll;	
	-webkit-overflow-scrolling: touch;
}

.container .jumbotron {  border-radius:0; padding:1em;}

.feature { 
	background: url('../images/feature-header-bg.png') no-repeat 0 0 #0e65a0; 
	background-size:cover;
	color:#fcfcfc;
}
.feature h3 { margin-top:0;}
.feature-image { float:left; margin-right:1em; }
.feature-text { font-size:0.9em !important; margin:0; }
.feature-calculators { margin: 1em 15px 1em 15px; }
.feature-calculators .col-md-4 a, .feature-calculators .col-md-4  a:link { color:#fff; }
.feature a, .feature a:link { color:#fff; }
.feature-calculators h2 { font-size:23px; }
.feature-calculators .col-md-4 { background-color:#fcfcfc; border:solid 1px #eeeeee; padding-top:15px; text-align:center; }
.feature-calculators .col-md-4 .fa { font-size:48px; }		
.feature-calculators .col-md-12 { border:solid 1px #eeeeee; background-color:#efefef; }
.feature-calculators .col-md-12 p { margin-top:10px; }
.feature-calculators .fa-cutlery { color:#1faeff; }	
.feature-calculators .fa-apple { color:#339933; }	
.feature-calculators .fa-dot-circle-o { color:#ae0c61; }	
.feature-calculators .fa-cutlery1 { color:#2572eb; }	
	
.feature-links { margin-top: 0; }	
/*.feature-links .media { border-bottom:solid 1px #eeeeee; cursor:pointer; padding-bottom:1em; margin-bottom:1em; position:relative; }*/
.feature-links .media { border-bottom:solid 1px #eeeeee; cursor:pointer; padding:1.2em 0; margin:0; position:relative; }
.feature-links .media.active { background-color:#d1d1d1; }
/*.feature-links .media:hover .media-heading a:link, .feature-links .media:hover .media-heading a:visited { color:#337ab7; text-decoration:underline; }*/
.feature-links .media.none { margin-bottom:0; }
.feature-links .media-heading a:link, .feature-links .media-heading a:visited { color:#000000; }
.feature-links .media-heading a:hover, .feature-links .media-heading a:active { color:#337ab7; }
.feature-links .media img { height:67px; width:100px; }
.feature-links .col-md-12 p { margin-top: 10px; }
.feature-links .col-md-12 { border:solid 1px #eeeeee; background-color:#efefef; }

.feature-heading { border-bottom:solid 1px #eeeeee; color:#0f7ac0; font-size:24px; margin-bottom:0; margin-top:1.5em; }

/* Main default.asp page Stories */
.feature-story { 
	margin-bottom:1em;
}

.feature-story:after {
	content: "";
	display: table;
	clear: both;
}

.feature-story img {    
	background-color: transparent;
	/* max-height:225px;
	min-height:225px; */
	width: 100%;
}

.feature-story .row, .feature-story .feature-story-image, .feature-story .feature-story-content {
	padding: 0;
	background-color: #FFFFFF;
}

.feature-story .feature-story-row {
	padding: 0 20px 0 20px;
}

.feature-story .feature-story-header {
	background-color: #FFFFFF;    
	font-size: 20px;
	padding: 10px 0 0 0;
	line-height:normal;    
}

.feature-story .feature-story-header a, .feature-story .feature-story-headerr a:link, .feature-story .feature-story-header a:visited {
	color:#0053f9;
	display:inline-block;
	line-height: 24px;    
	text-decoration: none;
}

.feature-story .feature-story-header a:hover {
	text-decoration: underline;    
}

.feature-story .feature-story-header .feature-story-header-separator {
	height: 2px;
	width: 26px;
	background-color: #d9d9d9;
	margin: 7px 0 7px 0;
}

.feature-story .feature-story-desc {
	position: relative;
	height: 100%;
	display: block;
	font-size: 14px;
	line-height: normal;
}

.feature-story .feature-story-desc a{
	display:block;
	margin-top:10px;
	/* position: absolute;
	width: 100%;
	bottom: 10px;
	left: 20px; */
}

.feature-story .feature-story-desc p {
	margin-top:10px;
	margin-bottom:0;
}

.feature-story a.more-link::before {
	content: "\f054";
	font: normal normal normal 14px/1 FontAwesome;
	vertical-align: middle;
}

.feature-story a.more-link, .feature-story a.more-link:link, .feature-story a.more-link:visited {
	color: #ea1b35;
	display:inline-block;
	font-size: 14px;        
	margin-bottom:1em;
	margin-top:1em;
}
.feature-story a.more-link {
	color: #222;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 2px;
	text-decoration:none;
	text-transform: uppercase;    
}

.feature-story .box-shadow {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
}

.feature-top-10-diets .fa-star, .feature-top-10-diets .fa-star-o, .feature-top-10-diets .fa-star-half-o {
	color:#ffbf0d; 
} 

.feature-top-10-diets .table {
	font-size:14px;
}

.feature-top-10-diets .table td {
	vertical-align: middle;
}

.feature-top-10-diets .table td.rank {
	font-weight:bold;
	text-align:center;	
}

.feature-top-10-diets .table td.rating {
	text-align:center;
}

.feature-top-10-diets .table td.rating a {
	display:block;	
}

.feature-top-10-diets .btn-responsive, .feature-top-10-diets .btn-responsive:link, .feature-top-10-diets .btn-responsive:visited {
	color:#fff;
	text-decoration: none;
}

.feature-top-10-diets .highlight {
	box-shadow: 0 1px 11px 1px rgba(0, 0, 0, 0.28);
	position:relative;
}

.feature-top-10-diets .highlight td {
	border:0;
	padding: 15px;	
}

.feature-top-10-diets .label-warning {
	display:inline-block;
	margin-bottom:3px;	
}

/* .feature-top-10-diets .table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color:#fff;
}

.feature-top-10-diets .table-striped > tbody > tr:nth-of-type(2n) {
	background-color:#f9f9f9;
} */

.table-striped tbody tr:nth-of-type(2n) {
	background-color:#f9f9f9;
}

.table-striped tbody tr:nth-of-type(2n+1) {
	background-color:#fff;
}

/* .feature .table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color:#f9f9f9;
} */

.feature-top-10-diets th { background-color: #f9f9f9; }


/* Calculator CSS */
#component-calculator, #component-calculator-2 { background-color:#eeeeee; border-radius: 5px ; border:solid 1px #444444; margin:1em auto; /*overflow:hidden;*/ }
.component-header { background-color: #383838; color: #ffffff; font-size: 20px; height: 40px; line-height: 40px; padding-left: 8px; }
.component-header fa { line-height:normal; }
#component-container, #component-container-2, .component-container  { margin:0; }
#input-stone-pounds small, #inchesPanel small { display:none; }
#calculate-progress, #calculate-progress-2 { margin-top:10px; }
#printArea, #printArea-2 { display: none; }
.component-footer { border-radius: 0 0 5px 5px; clear: both; color: #ffffff; display:none; height: 40px; line-height: 40px; padding: 0; text-align: center; }
/*
#component-calculator h4 { color:inherit; }
#component-calculator h4#ResultsHeading { color:#fff; }
*/

.component-heading { color: #000000; }
.component-inputs input[type="number"] { /*border: 2px solid #888888;*/ box-sizing: border-box; font-size: 16px; height: 28px; padding: 0 4px; width: 100%; }
.component-inputs input[type="number"], .component-inputs input[type="text"], .component-inputs select { border:solid 1px #cccccc; color: #333333; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-size:16px; font-weight: 300; height: 28px; margin: 0; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; }
.component-inputs input[type="number"]:focus, .component-inputs input[type="text"]:focus, .component-inputs select:focus { border: 1px solid #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); outline: 0 none; }
.component-inputs input[type="number"].error-message:focus, .component-inputs select.error-message:focus { border: solid 1px #843534; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #ce8483; }
.component-inputs .error-message { border: solid 1px #a94442 !important; }
.component-inputs input[type="number"].disabled { 
  -webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important; }

	
.component-inputs label { font-weight:normal; width:60px; }
.component-inputs input[type="number"] { width: 70px; }

.component-inputs .optional-container { background-color: #dddddd; border: 1px solid #bbbbbb; border-radius: 3px; margin-top: 1em; padding: 9px; }
.component-inputs .optional-container label { display:block; font-size:0.85em; width:auto; }
.component-inputs .optional-container label span { font-weight:bold; }

#component-calculator #calculate-progress, #component-calculator-2 #calculate-progress-2 { margin-bottom:1em; }
#component-calculator #ResultsSuccess, #component-calculator-2 #ResultsSuccess-2 { display:none; }

.component-results .component-heading { display:none; }
#component-calculator .component-errors, #component-calculator-2 .component-errors { display:none; /*min-width:285px;*/ padding:0; width:100%; }
.component-errors ul { font-family:Arial; font-size:13px; }

#component-calculator .alert-info, #component-calculator-2 .alert-info { background-color: #e0eeee; border: 1px solid #add8e6; }


/* Social Buttons */
.social-share { list-style: outside none none; margin-bottom:1.3em; margin-top:15px; padding:0; min-height:40px; }
/*.social-share:before, .social-share:after { content:""; display:table; }
.social-share:after { clear:both; }
.social-share .total-shares {  line-height: 0.8em; margin-right: 0.5em; text-align:left; }
.social-share h5 { font-size:1.2em; font-weight:bold; margin-bottom:0; margin-top:0; }
.social-share li { float:left; }
.social-share small { color:#a5a5a5; font-size:0.7em; font-weight:bold; text-transform:uppercase; }*/

.at4-count-container { padding-right:8px !important; min-width: 0 !important; }
.at4-jumboshare .at4-share-container { padding-left:8px !important; display:block; }
.at4-jumboshare .at4-count { font-family:inherit !important; font-size:18px !important; line-height:18px !important; text-align:left; }
.at4-jumboshare .at4-title { color: #a5a5a5 !important; font-weight:bold !important; }

@media only screen and (max-width : 320px) {
	.at4-jumboshare .at4-count-container { border-right:0 !important; float:left !important; }
	.at4-jumboshare .at4-share-container { clear:both !important; display:block !important; padding-left:0 !important; padding-top:5px !important; }	
}

/* 2016 calculator style */
/* Buttons */
.btn.btn-circle {
	padding: 0;
	border-radius: 50%;
}

.btn-circle {
	width: 56px;
	height: 56px;
	min-width: 56px;
}
.btn-circle span {
	line-height: 56px;
}
.btn-circle.btn-xl {
	width: 90px;
	height: 90px;
	min-width: 90px;
}
.btn-circle.btn-xl span {
	line-height: 90px;
}

.btn-circle.btn-lg {
	width: 78px;
	height: 78px;
	min-width: 78px;
}
.btn-circle.btn-lg span {
	line-height: 78px;
}
.btn-circle.btn-sm {
	width: 40px;
	height: 40px;
	min-width: 40px;
}
.btn-circle.btn-sm span {
	line-height: 40px;
}

.btn-circle.btn-xs-2 {
	width: 30px;
	height: 30px;
	min-width: 30px;
}
.btn-circle.btn-xs-2 span {
	line-height: 24px;
}

.btn-circle.btn-xs {
	width: 20px;
	height: 20px;
	min-width: 20px;
}
.btn-circle.btn-xs span {
	line-height: 18px;
}

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

.btn.active, .btn.active:link, .btn.active:active, .btn.active.active.focus, .btn.active.active:focus, .btn.active.active:hover, .btn.active.focus:active, .btn.active:active:focus, .btn.active:active:hover {
	background-color:#f17128;
	border-color:#e86013;  
	color:#ffffff;
	font-weight:normal;
	box-shadow:none;

}

.btn.active:focus, .btn.active:visited, .btn.active:hover { 
	background-color:#f17128;
	border-color:#e86013;  
	color:#ffffff;
	font-weight:normal;
}

.btn-circle-outline {
	width: 32px;
	height: 32px;
	text-align: center;
	padding: 3px 0;  
	/*line-height: 1.428571429;*/
	line-height:22px;
	border-radius: 15px;
	color:#cccccc;
	border: 2px solid #cccccc;
	background-color:#ffffff;

	/*width: 13px;*/  
	/*font-family: 'Avenir-Heavy';*/
	font-size: 24px;
	letter-spacing: 0.4px;
	color: #cccccc;  
}

/* Desktop classes (Ipad and up)*/
/* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px), only screen and (min-width : 768px) */
@media only screen and (min-width:769px) {				
						
	html, body { overflow-x:auto; }				
	.content-container { overflow-x:initial; }
								
	.site-logo {		
		position:relative !important;
	}

	.site-content { 		
		-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	left:0;
		margin-left:0 !important;
    	padding-left: 222px;
    	width: 100% !important;         
    	/*padding-right:100px;*/
    	/*width: calc(100% - 240px) !important;*/
	}					

	.content-wrapper { max-width:1280px !important; }
		
	.show-nav .site-content-trans-js { left:0 !important; }
			
	.site-menu-trans-js { 
		left:0 !important;
	}
							
	.site-content-trans-css, .site-menu-trans-css { 
	  -webkit-transition: none !important;
	  -moz-transition: none !important;
	  -o-transition: none !important;
	  -ms-transition: none !important;
	  transition: none !important;
	}		
}

/* Google ads */
/*@media only screen and (max-width:375px) {
	.visible-google-ad-mobile {
		display:block;
	}
}

@media only screen and (min-width:376px) and (max-width:991px)  {
	.visible-google-ad-tablet {
		display:block;
	}
}*/


@media only screen and (min-width:1025px) {
	/* Desktop Bigger header */
	.site-header {
		height: 100px;
		background-size: cover;
	}

	.site-logo {
		top:26px !important;		
	}	
}

@media only screen and (min-width:769px) {		

	.site-content {
		padding-right:0;
	}

	.center-content { 
		float:left; 
		padding-left:0px; 
		padding-right:10px; 		
		width:calc(100% - 300px)
	}

	.right-sidebar {		
		float:left;
		height:100vh;
		margin-top:5px; 
		min-width:300px;
		max-width:300px;
		will-change: min-height;
	}

	.right-sidebar__inner{
		transform: translate(0, 0); /* For browsers don't support translate3d. */
		transform: translate3d(0, 0, 0);
		will-change: position, transform;
	}

	.success-story {
		/*background: #f5f5f5 none repeat scroll 0 0;*/
		*background: #ffffff none repeat scroll 0 0;
		border: medium none;
		color: #666;
		display: block;
		font-size: 14px;
		line-height: 20px;
		/*margin-bottom:1em;*/
		padding: 0;
		position: relative;		
	}

	.success-story::before {
		width: 0; 
		height: 0;
		right: 0;
		bottom: 0;
		content: " "; 
		display: block; 
		position: absolute;
		border-bottom: 20px solid #fff;    
		border-right: 0 solid transparent;
		border-left: 15px solid transparent;
		border-left-style: inset; /*FF fixes*/
		border-bottom-style: inset; /*FF fixes*/
	}
	.success-story::after {
		width: 0;
		height: 0;
		right: 0;
		bottom: 0;
		content: " ";
		display: block;
		position: absolute;
		border-style: solid;
		border-width: 20px 20px 0 0;
		border-color: #e63f0c transparent transparent transparent;
	}

	.success-story .media {
		display:inline-block;
		/*margin:10px;*/
		margin:0px;
		text-align: center;
	}

	.success-story .media.v2 { 
		text-align: left;
	}

	.success-story .media-body {
		color:#777;
		margin-top:10px;		
	}

	.success-story .media-body img {
		display:block;
		margin:10px 0;
	}

	.success-story .media-heading {
		font-size:16px;
		font-weight:700;
		line-height: 20px;
		margin-top:0;
		text-transform: uppercase;
	}

	.success-story .media.v2 .media-heading {
		margin-bottom:1em;
	}

	.success-story .media-body small {
		display:block;
		font-weight:500;
		color:#099f96;
	}

	.success-story .media-left img { 
		border:solid 1px #ccc;
		border-radius: 50%;		
		width:50px;
		height:50px;
	}

	.success-story .fa-quote-left, .success-story .fa-quote-right {
		color:#aaa;
	}

	.success-story .media a, .success-story .media a:link, .success-story .media a:visited {
		color:#333;
		text-decoration:none;
	}

	.success-story .media a:hover {
		color:#0053f9;		
	}

	/* .success-story .text:before, .success-story .text:after {
		display: block;
		
		content: "\201C";
		
		font-size: 80px;
		
		position: absolute;
		
		left: -20px;
		
		top: -20px;
		
		color: #7a7a7a;
	} */

}

/*
WW zero point foods styling
*/

/*
WW myWW Colored Plans
*/

.icon-blue {color:blue;}
.icon-green {color:green;}
.icon-purple {color:purple;}

.table-zero-points .s1 {
	background-color: #6c757d; 	
	display:inline-block;
	margin-right:3px;
	width: 80px;
}

.table-zero-points .s2 {
	background-color: #28a745;   	
	display:inline-block;
	width: 90px;
}

.table-zero-points tr td:first-child {
	border-right:0; 	
}

.table-zero-points tr td:nth-child(2) {
	border-left:0; 
	text-align:right;
	width:55%;
}

.table-zero-points .group {
	padding-left: 2em;
}

.table-zero-points .serving {
    color: #999;
}

@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {	
	.table-zero-points tr td:first-child {
		font-size:14px; 	
		width:45%;
	}

	.table-zero-points .serving {
		display:block;
	}
}



/*@media only screen and (min-device-width:768px) {
	html, body{ overflow-x:hidden; }
}
*/
	
/* Ipad and Below */
@media only screen and (max-device-width: 1024px), only screen and (max-width: 1024px) {
	
	.img-responsive {
        width:100%;
	}
	
	.feature-story img {
		max-height:inherit;
		min-height:auto;
	}

	.feature-story .feature-story-row {
		padding-bottom:15px;
	}

	a.site-logo { left: 60px; }
	#nav-burger { display: block; }
		
	/*.site-menu { display: none; left:-220px; }*/
	.site-menu-trans-css {
		-moz-transform: translateX(-230px);
		-ms-transform: translateX(-230px);
		-o-transform: translateX(-230px);
		-webkit-transform: translateX(-230px);
		transform: translateX(-230px);
		
		-moz-transform: translateZ(0) translateX(-230px);
		-ms-transform: translateZ(0) translateX(-230px);
		-o-transform: translateZ(0) translateX(-230px);
		-webkit-transform: translateZ(0) translateX(-230px);
		transform: translateZ(0) translateX(-230px);
		
		-moz-transform: translate3d(-230px, 0, 0);
		-ms-transform: translate3d(-230px, 0, 0);
		-o-transform: translate3d(-230px, 0, 0);
		-webkit-transform: translate3d(-230px, 0, 0);
		transform: translate3d(-230px, 0, 0);
		
		-moz-transition: 300ms ease all;
		-ms-transition: 300ms ease all;
		-o-transition: 300ms ease all;
		-webkit-transition: 300ms ease all;
		transition: 300ms ease all;
		
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	} 

	.show-nav .site-menu-trans-css { 
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
		
		-moz-transform: translateZ(0) translateX(0);
		-ms-transform: translateZ(0) translateX(0);
		-o-transform: translateZ(0) translateX(0);
		-webkit-transform: translateZ(0) translateX(0);
		transform: translateZ(0) translateX(0);
		
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
		
	/* .site-content-trans-css {
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
		
		-moz-transform: translateZ(0) translateX(0);
		-ms-transform: translateZ(0) translateX(0);
		-o-transform: translateZ(0) translateX(0);
		-webkit-transform: translateZ(0) translateX(0);
		transform: translateZ(0) translateX(0);
		
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		
		-moz-transition: 300ms ease all;
		-ms-transition: 300ms ease all;
		-o-transition: 300ms ease all;
		-webkit-transition: 300ms ease all;
		transition: 300ms ease all;
		
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}  */

	.show-nav .site-content-trans-css { 
		-moz-transform: translateX(230px);
		-ms-transform: translateX(230px);
		-o-transform: translateX(230px);
		-webkit-transform: translateX(230px);
		transform: translateX(230px);
		
		-moz-transform: translateZ(0) translateX(230px);
		-ms-transform: translateZ(0) translateX(230px);
		-o-transform: translateZ(0) translateX(230px);
		-webkit-transform: translateZ(0) translateX(230px);
		transform: translateZ(0) translateX(230px);
		
		-moz-transform: translate3d(230px, 0, 0);
		-ms-transform: translate3d(230px, 0, 0);
		-o-transform: translate3d(230px, 0, 0);
		-webkit-transform: translate3d(230px, 0, 0);
		transform: translate3d(230px, 0, 0);
	}
	
	.site-menu-trans-js {
		left:-230px;
	}
			
	/*.show-nav .site-menu-trans-js {
		left:0;
	}
	*/
		
		
	.site-content-trans-js, .site-menu-trans-js { 
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
		transform: none !important;
	}
											
	/* Fixed header version for mobiles just uncomment below) */	
	.content-container { position:absolute; top:109px; overflow-x:hidden; }
	.content-container.no-breadcrumb { position:absolute; top:60px; }
	.site-header { position:fixed; z-index:2; }
	.breadcrumb { margin-top:60px; width:100%; }	
	
	.site-content { margin-left:0; left:0; max-width:100%; padding:0 5px; /*padding-left:inherit;*/  }			
	.site-content h1 { line-height: 1em; }


	/* Calculator specific */
	.component #myForm label {
		width: 56px;
	}

	.component #myForm input {
		text-align: left;
		cursor: text;
		width: 65px;
	}
	#myForm INPUT#rF, #myForm INPUT#rM {
		margin-left: 0;
	}

	/*#myForm #days {
		width: 110px !important;
	}*/

	.component {
		width: 302px;	
	}
	.component .weight-to-lose-container, #ErrorMessagesContainer {
		width: 258px;
	}

	.component #weightToLoseKg {
		width: 45px !important;
	}
	
}

@media screen and (max-width: 767px) {
	.table-responsive>.table>tbody>tr>td:first-child {
    	white-space:normal !important;	
	} 		

	.site-content-trans-css {
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
		
		-moz-transform: translateZ(0) translateX(0);
		-ms-transform: translateZ(0) translateX(0);
		-o-transform: translateZ(0) translateX(0);
		-webkit-transform: translateZ(0) translateX(0);
		transform: translateZ(0) translateX(0);
		
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		
		-moz-transition: 300ms ease all;
		-ms-transition: 300ms ease all;
		-o-transition: 300ms ease all;
		-webkit-transition: 300ms ease all;
		transition: 300ms ease all;
		
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	} 

 }

/* Phones and Below */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {							
	#component-calculator .component-header, #component-calculator-2 .component-header { font-size:17px; }	
	#component-calculator .component-header span, #component-calculator-2 .component-header span { display:none; }		
	a.site-logo { font-size:22px; }
	.breadcrumb { font-size:14px !important; }
	.breadcrumb strong { display:none; }
	.component-inputs input[type="number"] { width: 62px; }
	.feature { background-position:-250px 0; }
	.feature-text { font-size:0.8em !important; }
	.feature-links .media-body { font-size:13px; }
	.feature-links .media-heading { font-size:16px; }
	.feature-links img { height:53px; width:80px; }
	.feature-calculators .col-md-12 p { margin:5px 0; }
	.feature-links .col-md-12 p { margin:5px 0; }	
}

/* Devices - */
@media only screen and (max-device-width: 479px), only screen and (max-width: 479px) {
	.site-content { padding:0 8px; }
	#component-calculator, #component-calculator2 { margin-left: -8px !important; margin-right:-8px !important; max-width:none !important; width:auto !important;  }
	h1 { font-size:28px; }
}

@media only screen and (max-device-width: 479px), only screen and (max-width: 479px) {

}

/* Devices - Landscape (can use chrome to test) */ 
@media only screen  and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape)  {	
	#component-calculator, #component-calculator2 { max-width:none !important; margin-left: -8px !important; margin-right:-8px !important; width:auto !important; }
}