html, input { -webkit-font-smoothing: antialiased; }
body { background: #edeff1; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin: 0px; -webkit-text-size-adjust: none; }
a, a:hover { color: #003591; }
h2 { color: #17aadf; font-size: 20px; margin: 0px; border-bottom: solid 1px #eaeaeb; }
h3 { color: #231f20; font-size: 15px; }
h2.compliant { color: #86b647; margin-bottom: 10px; padding-bottom: 9px; }
h2.not-compliant { color: #ed4e2b; margin-bottom: 10px; padding-bottom: 9px; }
#calculatorNode.Q20 #calculatorText, #calculatorNode.Q32 #calculatorText { float: left; width: 40%; }
.R4 #calculatorText div.resultCode { font-size: 14px; }
.R4 #calculatorText div.resultCode span.unique { font-size: 14px; display: block; background: url(../_img/short-shadow.png) no-repeat top center; padding-top: 15px; }
.R2 #calculatorText div.resultCode { font-size: 14px; }
.R2 .failReason { font-size: 14px; margin: 6px 0 0 0px; font-weight: normal; line-height: normal; }
.R2 .failReason i { margin-right: 3px; }
.R5 #calculatorText { font-size: 18px; color: #17aadf; float: left; width: 40%; }
.R5 #nutritionResultsTemplate, .R5 #beverageNutritionResultsTemplate, .R5 #noncompliantResultsTemplate { color: #252525; line-height: normal; font-size: 14px; font-weight: normal; }
.R5 #nutritionResultsTemplate span, .R5 #beverageNutritionResultsTemplate span, .R5 #noncompliantResultsTemplate span { font-weight: bold; font-size: 15px; padding-top: 5px; }
.R5 #nutritionResultsTemplate hr, .R5 #beverageNutritionResultsTemplate hr, .R5 #noncompliantResultsTemplate hr { background: url(../_img/short-shadow.png) no-repeat center center; border: none; height: 10px; margin: 10px 0 0; padding: 0px; }
#calculatorNode.Q20 #calculatorAnswers, #calculatorNode.R5 #calculatorAnswers, #calculatorNode.Q32 #calculatorAnswers { float: right; width: 60%; }
#calculatorNode.Q32 #calculatorAnswers .nutrition-facts__header { border-bottom: none; padding-bottom: 0px; }
#calculatorNode.Q20 #calculatorControls, #calculatorNode.R5 #calculatorControls { clear: both; }
#calculator { background: #fff; max-width: 750px; margin: 0px auto; }
#calculatorHeader { background: #f5f5f5 url(../_img/full-width-shadow.png) no-repeat bottom center; height: 40px; padding: 20px; }
#calculatorHeader h1 { margin: 0px; padding: 0px; text-indent: -9999em; background: url(../_img/product-logo.png) no-repeat; width: 259px; height: 35px; float: left; }
#calculatorHeader h2 { margin: -14px -10px 0 0; padding: 0px; text-indent: -9999em; background: url(../_img/company-logo.png) no-repeat; width: 125px; height: 50px; float: right; border: 0; }
#calculatorIntro { padding: 15px 20px 30px; background: url(../_img/full-width-shadow.png) no-repeat bottom center; }
#calculatorIntro h2 { margin-bottom: 10px; padding-bottom: 9px; }
#calculatorIntro p { font-size: 15px; line-height: 24px; margin: 0px; padding: 0px; }
#calculatorIntro.home { background: none; padding-bottom: 0px; }
#calculatorIntro.home p { margin-bottom: 10px; }
#calculatorIntro.home p.small-info { font-size: 12px; line-height: 160%; }
#calculatorText { color: #231f20; font-size: 15px; font-weight: bold; margin-bottom: 10px; }
#calculatorText div.resultCode { font-size: 14px; font-weight: normal; margin: 10px 0; }
#calculatorNode.R5 #calculatorText div.resultCode { font-size: 13px; }
#calculatorNode { background: #fcfcfc; margin: 20px 20px 10px; border: solid 1px #a2ddf2; border-radius: 3px; padding: 20px; }
#R2_fields #noncompliantProductTemplate { padding: 0px; }
#R2_fields #noncompliantProductTemplate input { width: 85%; font-size: 14px; padding: 6px 8px; border: 1px solid #cbcbcb; -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .2); box-shadow: inset 0 0 4px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, .2); border-radius: 3px; }
#R2_fields table { border-collapse: collapse; padding: 0px; width: 100%; }
#R2_fields table td { color: #444; font-weight: bold; padding-top: 12px; width: 50%; }
#R4_fields #brandProductTemplate { padding: 0px; }
#R4_fields #brandProductTemplate input { width: 85%; font-size: 14px; padding: 6px 8px; border: 1px solid #cbcbcb; -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .2); box-shadow: inset 0 0 4px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, .2); border-radius: 3px; }
#R4_fields table { border-collapse: collapse; padding: 0px; width: 100%; }
#R4_fields table td { color: #444; font-weight: bold; padding-top: 12px; width: 50%; }
#R6_fields #beverageBrandProductTemplate { padding: 0px; }
#R6_fields #beverageBrandProductTemplate input { width: 85%; font-size: 14px; padding: 6px 8px; border: 1px solid #cbcbcb; -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .2); box-shadow: inset 0 0 4px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, .2); border-radius: 3px; }
#R6_fields table { border-collapse: collapse; padding: 0px; width: 100%; }
#R6_fields table td { color: #444; font-weight: bold; padding-top: 12px; width: 50%; }
#calculatorAnswers h2.not-compliant, #calculatorAnswers .resultCode { margin-left: 15px; }
#calculatorAnswers>form>div { padding: 5px; }
#calculatorAnswers>form>div label { color: #444; font-weight: bold; margin-left: 0px; }
#calculatorAnswers div.error label, #calculatorAnswers div.error span { color: #f00 !important; }
#calculatorAnswers div.error input, #calculatorAnswers span input.error { border: 1px solid #f00 !important; }
#requiredErrorMsg { color: #f00; background-color: #fff; border: 1px solid #f00; padding: 10px; border-radius: 3px; margin-top: 15px; -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .2); box-shadow: inset 0 0 4px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, .2); }
#calculatorAnswers input[type="text"] { width: 32px; padding: 4px 2px; text-align: center; border: 1px solid #cbcbcb; -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .2); box-shadow: inset 0 0 4px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, .2); }
#calculatorFootnote { color: #888c8f; font-size: 14px; line-height: 18px; padding: 0 20px 20px; }
#calculatorFootnote span { font-size: 19px; color: #ed4e2b; }
#calculatorControls { margin: 0; padding: 0 15px 15px; background: #fff; text-align: center; border-bottom: solid 1px #e6e9eb; }
#calculatorControls input#calculatorReset { background: #fff; border: solid 1px #fb4f14; color: #fb4f14; padding: 9px 20px; font-weight: normal; filter: none; }
#calculatorControls input[type="button"]#calculatorReset:hover { color: #ff845a; }
#calculatorControls input[type="button"] { background: #fb4f14; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-transform: uppercase; padding: 10px 20px; border: 0; cursor: pointer; outline: none; zoom: 1; background: -moz-linear-gradient(top, #fb4f14 0, #fb4f14 88%, #cc391f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb4f14), color-stop(88%, #f24526), color-stop(100%, #cc391f)); background: -webkit-linear-gradient(top, #fb4f14 0, #fb4f14 88%, #cc391f 100%); background: -o-linear-gradient(top, #fb4f14 0, #fb4f14 88%, #cc391f 100%); background: -ms-linear-gradient(top, #fb4f14 0, #fb4f14 88%, #cc391f 100%); background: linear-gradient(to bottom, #fb4f14 0, #fb4f14 88%, #cc391f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb4f14', endColorstr='#cc391f', GradientType=0); -webkit-font-smoothing: antialiased; text-decoration: none; -webkit-transition-property: all; -webkit-transition-duration: .2s; -webkit-transition-timing-function: ease; -webkit-appearance: none; -moz-appearance: none; }
#calculatorControls input[type="button"]:hover { color: #fddbd4; }
#calculatorControls input[disabled], select[disabled], textarea[disabled] { cursor: auto; background: #cdd2d5; background: -moz-linear-gradient(top, #cdd2d5 0, #cdd2d5 88%, #a7acb0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdd2d5), color-stop(88%, #f24526), color-stop(100%, #a7acb0)); background: -webkit-linear-gradient(top, #cdd2d5 0, #cdd2d5 88%, #a7acb0 100%); background: -o-linear-gradient(top, #cdd2d5 0, #cdd2d5 88%, #a7acb0 100%); background: -ms-linear-gradient(top, #cdd2d5 0, #cdd2d5 88%, #a7acb0 100%); background: linear-gradient(to bottom, #cdd2d5 0, #cdd2d5 88%, #a7acb0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdd2d5', endColorstr='#a7acb0', GradientType=0) !important; }
#calculatorControls input[disabled="disabled"], select[disabled="disabled"], textarea[disabled="disabled"] { cursor: auto; background: #cdd2d5; background: -moz-linear-gradient(top, #cdd2d5 0, #cdd2d5 88%, #a7acb0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdd2d5), color-stop(88%, #f24526), color-stop(100%, #a7acb0)); background: -webkit-linear-gradient(top, #cdd2d5 0, #cdd2d5 88%, #a7acb0 100%); background: -o-linear-gradient(top, #cdd2d5 0, #cdd2d5 88%, #a7acb0 100%); background: -ms-linear-gradient(top, #cdd2d5 0, #cdd2d5 88%, #a7acb0 100%); background: linear-gradient(to bottom, #cdd2d5 0, #cdd2d5 88%, #a7acb0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdd2d5', endColorstr='#a7acb0', GradientType=0) !important; }
.nutrition-facts input[disabled="disabled"], .nutrition-facts input[disabled] { background-color: #efefef; opacity: .3 }
#calculatorControls input[type="button"]:disabled:hover { color: #fff; }
#calculatorFooter { background: #edeff1 url(../_img/footer-shadow.png) repeat-x top; color: #a3a8ac; font-size: 10px; font-weight: bold; padding: 20px; }
#calculatorFooter #copy { padding: 0px; margin: 12px 0 0 0; line-height: 16px; }
#calculatorFooter #copy span i { color: #fb4f14 }
#calculatorFooter #copy a, #calculatorFooter #copy a:hover { color: #a3a8ac; }
#calculatorFooter #copy a:hover { color: #fb4f14; }
#calculatorFooter #founded_by { text-transform: uppercase; vertical-align: middle; padding: 0px; margin: 0px; float: right; }
#calculatorFooter #founded_by p { margin-bottom: 18px }
#calculatorFooter #founded_by .american_heart, #calculatorFooter #founded_by .clinton_foundation { display: inline-block; zoom: 1; *display: inline; text-indent: 100%; white-space: nowrap; overflow: hidden; vertical-align: middle }
#calculatorFooter #founded_by .american_heart { width: 90px; height: 35px; background: url(../_img/american_heart_association.png) no-repeat; margin: 0 0 0 15px; padding-bottom: 10px }
#calculatorFooter #founded_by .clinton_foundation { width: 76px; height: 38px; background: url(../_img/clinton_foundation.png) no-repeat; margin: 0 0 0 10px; padding-bottom: 5px }

.share {margin-top:15px}
.share .ssk-group.ssk-round.ssk-xs {margin: 10px 0}
.ssk.ssk-xs, .ssk-xs>.ssk {padding:10px!important; margin-right:4px}
.survey {background: #fcfcfc;margin: 20px 0px 10px;border: solid 1px #a2ddf2;border-radius: 3px;padding: 0px;}
.survey h2 {font-size:18px; padding:20px;}

/* Nutrition Facts */
.nutrition-facts { font-size: 12px; border: 1px solid black; margin-left: 15px; padding: 10px !important; background: #fff; }
.nutrition-facts input[type="text"] { width: 32px; padding: 4px 2px; text-align: center; border: 1px solid #cbcbcb; -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .2); box-shadow: inset 0 0 4px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, .2); border-radius: 3px; }
.nutrition-facts div.nutrition-value { display: inline; padding: 7px 5px; width: 32px; text-align: center; }
.nutrition-facts table { border-collapse: collapse; }
.nutrition-facts__title { font-weight: bold; font-size: 28px; margin: 0 0 5px 0; }
.nutrition-facts__header { border-bottom: 6px solid black; padding: 0 0 5px 0; margin: 0; }
.nutrition-facts__header p { margin: 0; }
.nutrition-facts__table, .nutrition-facts__table--small, .nutrition-facts__table--grid { width: 100%; }
.nutrition-facts__table thead tr th, .nutrition-facts__table--small thead tr th, .nutrition-facts__table--grid thead tr th, .nutrition-facts__table thead tr td, .nutrition-facts__table--small thead tr td, .nutrition-facts__table--grid thead tr td { border: 0; }
.nutrition-facts__table th, .nutrition-facts__table--small th, .nutrition-facts__table--grid th, .nutrition-facts__table td, .nutrition-facts__table--small td, .nutrition-facts__table--grid td { font-weight: normal; text-align: left; padding: 4px 0; border-top: 1px solid black; white-space: nowrap; }
.nutrition-facts__table td:last-child, .nutrition-facts__table--small td:last-child, .nutrition-facts__table--grid td:last-child { text-align: right; }
.nutrition-facts__table .blank-cell, .nutrition-facts__table--small .blank-cell, .nutrition-facts__table--grid .blank-cell { border-top: 0; }
.nutrition-facts__table .thick-row th, .nutrition-facts__table--small .thick-row th, .nutrition-facts__table--grid .thick-row th, .nutrition-facts__table .thick-row td, .nutrition-facts__table--small .thick-row td, .nutrition-facts__table--grid .thick-row td { border-top-width: 5px; }
.small-info { font-size: 11px; }
.nutrition-facts__table--small { border-bottom: 1px solid #999; margin: 0 0 10px 0; }
.nutrition-facts__table--small thead tr { border-bottom: 1px solid black; }
.nutrition-facts__table--small td:last-child { text-align: left; }
.nutrition-facts__table--small th, .nutrition-facts__table--small td { border: 0; padding: 0; }
.nutrition-facts__table--grid td.disabled { color: #ccc; }
.nutrition-facts__table--grid td:last-child { text-align: right; }
.nutrition-facts__table--grid td:last-child::before { font-weight: bold; margin: 0 5px 0 0; }
.text-center { text-align: center; }
.thick-end { border-bottom: 6px solid black; }
.thin-end { border-bottom: 1px solid black; }

/*Related Items Wrapper*/
.relItemsWrap { margin: 20px 20px 10px; background: #fcfcfc; padding: 15px; border: solid 1px #a2ddf2; border-radius: 3px; }
.relItemsWrap h2 { border-bottom: 0px; }
.relItemsWrap .item { width: 49%; margin-right: 1%; float: left; margin-top: 10px; background: rgba(23, 170, 223, 0.03); border-radius: 3px; -webkit-box-shadow: inset 0 0 1px rgba(23, 170, 223, 0.3); box-shadow: inset 0 0 1px rgba(23, 170, 223, 0.3); }
.relItemsWrap .item .inner { padding: 10px; }
.relItemsWrap .item a { text-decoration: none; color: #444; display: block; min-height: 100px; }
.relItemsWrap .item a img.relItemImg { max-height: 90px; margin: 0 8px 5px 0; border: solid 2px #f6f6f6; padding: 0px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); float: left; -webkit-transition-property: all; -webkit-transition-duration: .3s; -webkit-transition-timing-function: ease; }
.relItemsWrap .item a:hover img.relItemImg { border-color: #fa4f14; }
.relItemsWrap .item a h2 { font-weight: normal; font-size: 15px; color: #444; border-bottom: none; line-height: normal; }
.relItemsWrap .item a:hover h2 { text-decoration: underline; }
.clearfix { clear: both; }
.fr { float: right; }
.fl { float: left; }

/* iCheck Overrides */
.icheckbox_square-orange, .iradio_square-orange { float: left; margin-right: 10px; }
.iradio_square-orange, .icheckbox_square-orange { margin-right: 8px !important; }
.printHeader, .printFooter { display: none; }
.info i { color: #17aadf; margin-left: 0px; }

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default { background: #17aadf; color: #fff; border-radius: 3px; }

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; }

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {	/* border-color: ... !important; */ }

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; z-index: 9999999; pointer-events: none; max-width: 300px !important; overflow: visible; border-radius: 3px; }
.tooltipster-base .tooltipster-content { overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; }
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -8px; }
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -8px; }
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -8px; }
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -8px; }
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; }
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; }
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; }
.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; }
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; }
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -8px; }
.tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; }
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -8px; }
.tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; }
.tooltipster-fade-show { opacity: 1; }
.tooltipster-grow { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; }
.tooltipster-grow-show { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); }
.tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; }
.tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); }
.tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); }
.tooltipster-fall-show { }
.tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; }
.tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); }
.tooltipster-slide.tooltipster-slide-show { }
.tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
@media only screen and (max-width:580px) {
	h2 { font-size: 18px; }
	.relItemsWrap .item { width: 100%; margin-right: 0; }
	.relItemsWrap .item a { min-height: inherit; }
	.relItemsWrap .item { }
	#calculatorHeader { height: 30px; }
	#calculatorHeader h1 { background: url(../_img/product-logo@2x.png) no-repeat; background-size: 185px 25px; width: 185px; height: 25px; }
	#calculatorHeader h2 { margin: -12px -10px 0 0; background: url(../_img/company-logo@2x.png) no-repeat; background-size: 90px 36px; width: 90px; height: 36px; }
	#calculatorIntro h2 { margin-bottom: 10px; padding-bottom: 9px; }
	#calculatorIntro p { font-size: 14px; line-height: 20px; margin: 0px; padding: 0px; }
	#calculatorNode { margin: 20px 0px 10px; border: solid 1px #a2ddf2; border-width: 1px 0; border-radius: 0px; }
	#R4_fields table td { display: block; width: 100%; }
	#R4_fields #brandProductTemplate input { width: 94% }
	#calculatorFooter { text-align: center; }
	#calculatorFooter #copy { float: none; margin-bottom: 10px; }
	#calculatorFooter #founded_by { float: none; }
	#calculatorControls input[type="button"] { font-size: 15px; }
	#calculatorNode.Q20 #calculatorText, #calculatorNode.R5 #calculatorText { width: auto; float: none; }
	#calculatorNode.Q20 #calculatorAnswers, #calculatorNode.R5 #calculatorAnswers { float: none; width: auto; }
	#calculatorNode.Q20 #calculatorControls { clear: both; }
	.nutrition-facts { width: 260px; margin-left: 0px; }
	#calculatorFooter #founded_by .american_heart { width: 64px; height: 25px; background: url(../_img/american_heart_association@2x.png) no-repeat; background-size: 64px 25px; }
	#calculatorFooter #founded_by .clinton_foundation { width: 50px; height: 25px; background: url(../_img/clinton_foundation@2x.png) no-repeat; background-size: 50px 25px; }
	.tooltipster-default, .info { display: none !important }
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {
	#calculatorHeader { height: 30px; }
	#calculatorHeader h1 { background: url(../_img/product-logo@2x.png) no-repeat; background-size: 185px 25px; width: 185px; height: 25px; }
	#calculatorHeader h2 { margin: -12px -10px 0 0; background: url(../_img/company-logo@2x.png) no-repeat; background-size: 90px 36px; width: 90px; height: 36px; }
	#calculatorFooter #founded_by .american_heart { width: 90px; height: 35px; background: url(../_img/american_heart_association@2x.png) no-repeat; background-size: 90px 35px; }
	#calculatorFooter #founded_by .clinton_foundation { width: 50px; height: 25px; background: url(../_img/clinton_foundation@2x.png) no-repeat; background-size: 50px 25px; }
}
@media print {
	html, body { background-color: transparent; background: none; margin: .15in; padding: 0px; }
	* { color: #000 !important; }
	input[type="button"], #calculatorControls, #calculatorHeader, #calculatorFooter { display: none }
	#calculatorNode, .relItemsWrap { border-color: #999; background: transparent none; margin: 20px 0; }
	.R5 #nutritionResultsTemplate hr { border-top: solid 1px #ccc; }
	#calculatorHeader, #calculatorFooter { background: transparent none; }
	#calculatorFootnote { padding: 0; }
	#calculatorIntro { background: none; padding: 0px; }
	.printHeader { display: block; margin-bottom: 25px; }
	.printFooter { display: block; font-size: 9px; line-height: 38px; text-transform: uppercase; border-top: solid 1px #eaeaeb; padding-top: 10px; }
	.printFooter .copy { float: left; }
	.printFooter .founded_by { float: right; }
	.printFooter .founded_by img { vertical-align: middle; margin-left: 15px; }
	.relItemsWrap .item { -webkit-box-shadow: none; box-shadow: none; }
}