body {
 font-family: "Red Hat Display";
 color: #212529;
 background-image: url(https://images.livegood.com/powerline/survey/results-icon-background2.png);
 background-size:100%;
 font-size:21px;
}
strong {
 font-weight: 700;
}
.container-colored {
 width: 100%;
 position:relative;
 background-color: #F9F9F9;
 padding:10px 0px;
}
.container-colored:before {
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 opacity: 0.5;
 background-size: contain;
 background-repeat: no-repeat;
 background-position: bottom;
}

.container-white {
 width: 100%;
 background-color:#ffffff;
 padding:50px 0px;
}
.box {
 border-radius:10px;
 padding:25px;
 background-color:white;
}
.box-colored {
 border-radius:10px;
 padding:25px;
 background-color:#ebecec;
}
.logo {
}
.results-header-1 {
 font-size:30px;
 font-family: "Red Hat Display";
 display: flex;
 justify-content: center;
 align-items: center;
 height:100%;
}
.results-header-2 {
 font-weight:500;
 text-transform: uppercase;
 font-size:35px;
 font-family: "Roboto Condensed";
}
.results-name {
 font-size:66px;
 line-height:66px;
 color: #ff8a00;
 text-transform:uppercase;
 font-weight:800;
 text-decoration:underline;
 padding:30px 0px;
}
.results-top-stats {
 font-size:29px;
 display:table;
 margin-bottom:40px;
}
.results-top-stats-left,.results-top-stats-right {
 width:45%;
 display:table-cell;
}
.results-top-stats-left span, .results-top-stats-right span {
 font-weight:700;
}
.overall-health-section {
 display:table;
}
.overall-health-box {
 padding: 20px 8px;
 width:200px;
 display:table-cell;
}
.overall-health-box-top {
 display:table;
}
.icon {
 display:table-cell;
 vertical-align:middle;
}
.icon img {
 width:46px;
}
.health-score-title {
 display:table-cell;
 vertical-align:middle;
 text-transform:uppercase;
 font-weight:700;
 font-size:16px;
 line-height:20px;
}
.health-score {
 text-align:center;
 font-size:116px;
 font-weight:800;
 color:#ff8a00;
 line-height:116px;
}
.overall-health-graph {
 display:table-cell;
 width:300px;
 text-align:center;
 vertical-align:top;
}
.overall-health-graph img {
 width:250px;
}
.header-1 {
 font-size:40px;
 line-height:40px;
 border-bottom:3px solid #ff8a00;
 font-weight:700;
}
.header-2 {
 color:#212529;
 font-family: "Roboto Condensed";
 font-size:30px;
 line-height:30px;
 border-bottom:3px solid #ff8a00;
 font-weight:700;
 margin-bottom:25px;
 text-transform: uppercase;
 display:inline-block;
}
.underline-green {
 border-bottom:3px solid #32c500;
}
@media (max-width: 1200px) {
 .results-name {
  font-size:50px;
  line-height:50px;
 }
 .results-top-stats  {
  font-size:22px;
 }
 .health-score-title {
  font-size:14px;
 }
 .icon img {
  width:34px;
 }
}
@media (max-width: 992px) {
 .results-name {
  font-size:66px;
  line-height:66px;
 }
 .results-top-stats  {
  font-size:29px;
 }
 .overall-health-section {
  width:100%;
 }
 .icon {
  padding-right:20px;
 }
 .health-score-title {
  font-size:16px;
 }
 .icon img {
  width:46px;
 }
 .logo {
  padding-bottom:40px;
 }
}
@media (max-width: 768px) {
 .results-header-1 {
  font-size:28px;
  line-height:28px;
 }
 .results-name {
  font-size:40px;
  line-height:40px;
 }
 .header-1 {
  font-size:30px;
  line-height: 30px;
 }
}
@media (max-width: 500px) {
 .results-top-stats-left,.results-top-stats-right {
  width:100%;
  display:block;
 }
}

.sub-header {
 font-size:26px;
 font-weight:700;
}
.overall-health-video-section {
 margin: 70px auto;
}
.overall-health-video {
 padding-top:30px;
}
.icon-bar {
 font-family: "Roboto Condensed";
 font-size:35px;
 border-radius: 10px;
 font-weight:700;
 opacity: 1;
 position:relative;
 display: inline-block;
 margin-bottom:30px;
 color:#212529;
}
.icon-bar-image img {
 height:48px;
 margin-bottom:5px;
 margin-left:10px;
}
@media (max-width: 992px) {
 .icon-bar {
  font-size:25px;
 }
}
@media (max-width: 768px) {
 .icon-bar {
  display:table;
  line-height:25px;
  padding:10px 0px;
 }
 .icon-bar-image {
  display:table-cell;
  vertical-align:middle;
 } 
 .icon-bar-text {
  display:table-cell;
  vertical-align:middle;
 }
}
.container-white .icon-bar {
 background: #ebecec;
}
.result-number {
 font-family: "Roboto Condensed";
 color: #212529;
 margin-right:15px;
 margin-left: 10px;
 border-radius:8px;
 border:1px solid #A9A9A9;
 background-color:#efefef;
 padding:10px 15px;
}
.result-number-box{
 font-family: "Roboto Condensed";
 color: #212529;
 margin: 15px 0px;
 border-radius:8px;
 border:1px solid #A9A9A9;
 background-color:#efefef;
 padding:15px 20px;
}

.bmi-graph {
 margin: 30px auto;
 text-align:center;
 margin-top:0px;
}
.bmi-graph img {
 max-width:90%;
}
.result-paragraph {
 font-size:21px;
 margin: 20px 0px;
}
.result-paragraph-margin {
 margin:20px;
}
.video-bubble {
 background:white;
 border-radius:10px;
 padding:30px;
}
.progress-bar-container {
 margin-bottom:15px;
 text-decoration:uppercase;
}

.progress-bar {
 padding: 0;
 background-color: #e6eaee;
 border-radius: 20px;
}
.progress-bar-start {
 float:left;
}
.progress-bar-end {
 float:right;
}
.small-bar {
 height: 10px;
}
.pb-filler-green {
 margin: 0;
 padding: 0;
 height: 100%;
 background-color: #67b431;
 border-radius: 20px;
 width: 50%;
}
.pb-filler-red {
 margin: 0;
 padding: 0;
 height: 100%;
 background-color: #db0000;
 border-radius: 20px;
 width: 50%;
}
.bubble-green {
 background-color: #e0e8dc;
 border-radius:10px;
 padding: 30px 70px;
 margin: 30px 0px;
}
.bubble-white {
 background-color: #ffffff;
 border-radius:10px;
 padding: 30px 70px;
 margin: 30px 0px;
 position:relative;
}

.dual-section-padding-left {
 padding-left:40px;
}
.dual-section-padding-right {
 padding-right:40px;
}
@media (max-width:992px) {
 .dual-section-padding-left {
  padding-left:0px;
  padding-right:0px;
 }
 .dual-section-padding-right {
  padding-right:0px;
  padding-left:0px;
  padding-bottom:35px;
 }
}


.bubble-none {
 padding: 30px 0px 30px 70px;
 margin: 0px 0px 30px 0px;
}
.no-top-margin {
 margin-top:0px;
}
.no-margin {
 margin:0px;
}
.bubble-grey {
 background-color: #ebecec;
 border-radius:10px;
 padding: 30px 70px;
 margin: 30px 0px;
}
@media (max-width:992px) {
 .bubble-none {
  padding: 30px 30px;
 }
}
@media (max-width:768px) {
 .bubble-grey, .bubble-white, .bubble-green, .bubble-none {
  padding: 30px 30px;
 }
}
.graph-active {
 text-align:center;
}
.graph-active img {
 max-width:90%;
}
.graph-active-text {
 text-transform:uppercase;
 margin-top:-40px;
 font-size:30px;
 font-weight:600;
 line-height:30px;
}
.bubble-small {
 display:table;
 padding:20px 60px;
}
.bubble-small-image {
 display:table-cell;
 padding-right:25px;
 vertical-align:middle;
}
.bubble-small-image img {
 width: 85px;
}
.bubble-small-image-wide img{
 width:250px;
}
.bubble-small-text {
 font-weight:bold;
 display:table-cell;
 vertical-align:middle;
}
.bubble-small-text-wide {
 font-weight:bold;
 padding-bottom:15px;
}
@media (max-width:992px) {
 .bubble-small-image {
  display:block;
  text-align:center;
  margin-bottom:15px;
 }
 .bubble-small-image img {
  width: 160px;
 }
 .bubble-small-text {
  display:block;
 }
}
@media (max-width:768px) {
 .bubble-small {
  padding:20px 20px;
 }
}

.next-steps-section {
 padding: 30px 70px;
 margin: 0px 0px 30px 0px;
}
.next-steps-title {
 font-size:38px;
 line-height:38px;
 padding-bottom:20px;
 font-weight:bold;
}
.results-text-orange {
 color: #ff9000;
}
@media (max-width: 992px) {
 .next-steps-section {
  padding: 20px 20px;
 }
}

.header-container {
 padding: 10px;
}
.top-container {
 width:100%;
 background-color: #F9F9F9;
}

.ryan-top-section-container {
 width:100%;
 text-align:right;
 margin-left:50px;
}

.ryan-top-section {
 text-align:right;
 background-image: url(https://images.livegood.com/powerline/survey/results-ryan-top.png);
 background-size: 126px 140px;
 width: 148px;
 min-height: 200px;
 background-repeat: no-repeat;
 background-position: top right;
 overflow: auto;
}

.ryan-pic-border {
 width: 126px;
 min-height: 126px;
 border-left: 11px solid #66A92F;
 border-bottom: 11px solid #66A92F;
 margin-top: 35px;
}

.ryan-name-section, .results-name-section {
 display: flex;
 justify-content: center;
 align-items: center;
 height:100%;
}
.results-name-section-main {
 width:100%;
}
.ryan-name {
 text-align: left;
 font-family: "Red Hat Display";
 font-weight:500;
 font-size:18px;
}
.ryan-name-sub {
 color:#676868;
 font-size:16px;
 text-align: left;
}

.results-top-left-row {
 border-top: 1px dashed #DADADA;
 padding: 25px 0px 25px 0px;
 margin-right:50px;
}
.results-top-first-row {
/* margin-top:60px; */
}

.results-top-left-field {
 display:inline-block;
 font-family: "Red Hat Display";
 font-size:30px;
 color:#676868;
 font-weight:300;
}
.results-top-left-value {
 display:inline-block;
 font-size:30px;
 font-weight:500;
 color:#212529;
 padding-left:10px;
}

.results-section {
 border-top:1px solid #DFDFDF;
 margin-bottom:30px;
 padding-top:30px;
 color:#676868;
}
.result-section-content-emphasis {
 font-weight: 500;
 color:#212529;
}
.results-section ol {
 padding-left:20px;
 margin-left:0px;
 font-weight: 500;
}
.results-section p {
 margin-bottom:30px;
}
.normal-weight {
 font-weight: 400;
}
.results-section li {
 padding-bottom:15px;
}
.margin-top {
 margin-top:20px;
}
.bubble-section {
 background: rgb(102,169,47,.05);
 border-radius:10px;
 border:1px solid #66A92F;
 padding: 30px 30px;
 margin-bottom: 30px;
}
.bubble-section .header-2 {
 border-bottom:3px solid #66A92F; 
}
.product-recommend {
 border-radius:10px;
 padding: 10px;
 background-color:white;
}
.product-wide {
 text-align:center;
}
.order-now-btn {
 text-transform:uppercase;
}
.results-goal-header {
 font-weight:bold;
 font-size:50px;
 font-family: "Roboto Condensed";
 color:#212529;
 margin-bottom:30px;
}
.results-bottom {
 background-color:#F9F9F9;
 margin-bottom:40px;
}
.results-graph-section {
 margin-bottom:30px;
}
.results-common-graph {
 position:relative;
 width:500px;
 border: 2px solid white;
 background: rgb(216,68,15);
 background: linear-gradient(90deg, rgba(216,68,15,1) 0%, rgba(240,218,19,1) 50%, rgba(102,169,47,1) 100%);
 border-radius: 20px;
 height:40px;
 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25); 
 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
}
.results-common-graph:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border: 1px solid #E4E4E4;
  border-radius: 20px;
}
.results-common-graph-binary {
 background: linear-gradient(90deg, rgba(216,68,15,1) 0%, rgba(102,169,47,1) 100%);
}
.results-common-graph-place {
  position:relative;
}
.results-common-graph-circle {
 position:absolute;
 top:-33px;
 right:0px;
}
.results-common-graph-headings {
 padding-top:7px;
 display:table;
 width:500px;
}
.results-common-graph-heading-row {
 display:table-row;
}
.results-common-graph-heading-heading {
 display:table-cell;
 color: #676868;
 text-transform: uppercase;
 font-family: "Red Hat Display";
 font-size:18px;
 font-weight: bold;
 width:33%;
}
.results-common-graph-heading-4 {
 width: 25%;
}
.align-right {
 text-align:right;
}
.align-center {
 text-align:center;
}
.smaller-header {
 text-transform: none;
 font-size:16px;
}
.graph-sub-header {
 text-transform: none;
 font-size:16px;
 font-weight:normal;
}
.results-common-graph-sleep {
 background: rgb(216,68,15);
 background: linear-gradient(90deg, rgba(216,68,15,1) 0%, rgba(240,218,19,1) 42%, rgba(102,169,47,1) 73%, rgba(216,68,15,1) 100%);
}
.results-common-graph-bmi {
 background: rgb(21,124,220);
 background: linear-gradient(90deg, rgba(21,124,220,1) 0%, rgba(102,169,47,1) 23%, rgba(240,218,19,1) 50%, rgba(233,116,23,1) 76%, rgba(217,78,15,1) 100%);
}
.bmi-cell {
 text-transform: none;
 font-size: 13px;
 width: 20%;
}
.graph-sub-header .bmi-cell {
 font-size:14px;
}
.results-grey-graph-bubble {
 border-radius: 20px;
 background-color:white;
 padding:20px;
 -webkit-box-shadow: 0px 0px 30px 0px rgba(169,169,169,0.15); 
 box-shadow: 0px 0px 30px 0px rgba(169,169,169,0.15);
 width:300px;
 display:inline-block;
}
.results-grey-graph {
 height:45px; 
 margin-bottom:10px;
}
.results-grey-graph-lines {
 background-color: #D9D9D9;
 margin-right:5px;
 height: 35px;
 width:3px;
 display:inline-block;
 vertical-align:top;
}
.no-right-margin {
 margin-right:0px;
}
.results-grey-green {
 background: #66A92F;
 height: 45px;
 width:3px;
}
.results-grey-red {
 background: #F15A24;
 height: 45px;
 width:3px;
}
.results-grey-orange {
 background: #F5A385;
}
.results-grey-light-green {
 background: #A8CD8A;
}

.results-grey-graph-bubble {
 font-family: "Red Hat Display";
 color:#676868;
 font-weight: 300;
 font-size:30px;
}
.results-grey-graph-bubble span {
 font-weight: 500;
 padding: 20px;
}
.ibw-version {
 font-size:22px;
 -webkit-box-shadow: 0px 0px 30px 0px rgba(169,169,169,0.25);
 box-shadow: 0px 0px 30px 0px rgba(169,169,169,0.25);
}
.ibw-version .results-grey-graph-lines {
 margin-right: 7px;
}
.ibw-version-spacing {
 height:15px;
}
.weight-headings-1 {
 float:left;
}
.weight-headings-2 {
 float:right;
 padding-right:20px;
}
.yellow-box {
 background-color: rgba(240, 218, 19, .2);
 border: 1px solid rgb(240, 218, 19);
}
.red-box {
 background-color: rgba(216, 68, 15, .2);
 border: 1px solid rgb(216, 68, 15);
}
.green-box {
 background-color: rgba(102, 169, 47, .2);
 border: 1px solid rgb(102, 169, 47);
}
.blue-box {
 background-color: rgba(21, 124, 220, .2);
 border: 1px solid rgb(21, 124, 220);
}
.orange-box {
 background-color: rgba(255, 172, 28, .2);
 border: 1px solid rgb(255, 172, 28);
}
.top-section-button {
 text-decoration: none;
 color: white;
 font-weight: bold;
 font-size: 35px;
 background-color: #f75e2c;
 padding: 10px 30px;
 border-radius: 35px;
 display: inline-block;
 margin: 20px 0px;
 line-height: 52px;
}
.top-section-button a{
 color: white;
}
@media (max-width: 992px) {
 .logo {
  max-width:90%;
  margin: 0px auto;
 }
 .logo img {
  max-width: 100%;
 }
 .results-top-first-row {
  margin-top:0px;
 }
 .ryan-top-section-container {
  margin:25px auto;
  width:100%;
 }
 .ryan-top-section {
  margin: 0px auto;
  text-align: center;
 }
}
@media (max-width: 768px) {
 .icon-bar {
  font-size: 22px;
 }
}
@media (max-width: 600px) {
 .icon-bar {
  font-size: 20px;
 }
 .results-common-graph {
  width:100%;
 }
 .results-common-graph-headings {
  width:100%;
 }
 .result-number {
  margin-left:0px;
  display:inline-block;
 }
}