@font-face {
  font-family: "Neue Helvetica eText W01_R4";
  src: url("../fonts/706ec8e5-fe4a-4518-91a6-7aba4d3d333f.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Neue Helvetica eText W01";
  src: url("../fonts/706ec8e5-fe4a-4518-91a6-7aba4d3d333f.eot?#iefix");
  src: url("../fonts/706ec8e5-fe4a-4518-91a6-7aba4d3d333f.eot?#iefix") format("eot"), url("../fonts/ce6f5b38-1cb5-4a27-8182-583aa68b2436.woff") format("woff"), url("../fonts/ff06cde7-e06a-4cf0-af4d-5b2f737bf544.ttf") format("truetype"), url("../fonts/958b12cf-2908-4254-8cb9-9b12c3aa151e.svg#958b12cf-2908-4254-8cb9-9b12c3aa151e") format("svg");
  font-weight: 400;
  font-style: Regular;
}
@font-face {
  font-family: "Neue Helvetica eText W01_R2";
  src: url("../fonts/e0781a75-0ecb-464e-b6e9-85780ddc0921.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Neue Helvetica eText W01";
  src: url("../fonts/e0781a75-0ecb-464e-b6e9-85780ddc0921.eot?#iefix");
  src: url("../fonts/e0781a75-0ecb-464e-b6e9-85780ddc0921.eot?#iefix") format("eot"), url("../fonts/d7d2e6c6-fc3a-41a5-9b52-648e12e215b2.woff") format("woff"), url("../fonts/cb64744b-d0f7-4ef8-a790-b60d6e3e4f21.ttf") format("truetype"), url("../fonts/ccde919e-a712-41ef-b90f-9efc47661659.svg#ccde919e-a712-41ef-b90f-9efc47661659") format("svg");
  font-weight: 200;
  font-style: Regular;
}
@font-face {
  font-family: "Neue Helvetica eText W01_R5";
  src: url("../fonts/a747e1ea-ecdf-4f3d-ad47-3df9cfbee3cc.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Neue Helvetica eText W01";
  src: url("../fonts/a747e1ea-ecdf-4f3d-ad47-3df9cfbee3cc.eot?#iefix");
  src: url("../fonts/a747e1ea-ecdf-4f3d-ad47-3df9cfbee3cc.eot?#iefix") format("eot"), url("../fonts/07173950-fa69-4b65-9c71-0cf2ec00b51d.woff") format("woff"), url("../fonts/aac5a4b8-ffd3-4529-a098-21b91bc86f9a.ttf") format("truetype"), url("../fonts/2379b081-2371-47d9-8be9-4e39d7892ebf.svg#2379b081-2371-47d9-8be9-4e39d7892ebf") format("svg");
  font-weight: 500;
  font-style: Regular;
}
@font-face {
  font-family: "Neue Helvetica eText W01_B7";
  src: url("../fonts/a95d2895-fa71-4ce7-bc1e-631169924be3.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Neue Helvetica eText W01";
  src: url("../fonts/a95d2895-fa71-4ce7-bc1e-631169924be3.eot?#iefix");
  src: url("../fonts/a95d2895-fa71-4ce7-bc1e-631169924be3.eot?#iefix") format("eot"), url("../fonts/588c9ba8-1d28-4ad6-bf18-7128152d84c4.woff") format("woff"), url("../fonts/55334dfb-9c72-4147-8de0-21239f17ff25.ttf") format("truetype"), url("../fonts/62455047-c81f-44f1-8938-7739fa0f0e8d.svg#62455047-c81f-44f1-8938-7739fa0f0e8d") format("svg");
  font-weight: 700;
  font-style: Bold;
}
body {
  font-size: 13px;
  letter-spacing: 0;
}

body, h1, h2, h3, h4, h5, h6 {
  font-family: 'Neue Helvetica eText W01', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style: normal;
}

p {
  color: #fff;
  font-size: 98%;
  line-height: 1.50em;
}

h1, h2 {
  letter-spacing: -2px;
}

h3, h4 {
  letter-spacing: -1px;
}

h5 {
  font-size: 110%;
}

h6 {
  font-size: 105%;
}

legend {
  border-bottom-color: rgba(0, 0, 0, 0.175);
}

hr {
  border-top-color: rgba(0, 0, 0, 0.175);
}

a:hover {
  text-decoration: none;
}

body {
  background: #000 url('../images/runner-bg.jpg?1412346878') top center no-repeat;
}

.default-bg {
  background: #000 url('../images/default-bg.jpg?1412599157') top center no-repeat;
}
.default-bg #header .hexagon-nav {
  left: -146px;
}
.default-bg #header .green {
  left: -245px;
}
.default-bg #header .cyan {
  left: -146px;
}
.default-bg #content .col-lg-2 {
  top: 60px;
}

#page {
  margin-left: 18.87%;
}

#header {
  margin-top: 33px;
}
#header .col-lg-offset-2 {
  margin-left: 18.87%;
}
#header .navbar-nav > li {
  float: none;
}
#header .navbar-nav > li > a {
  padding: 0;
}
#header .navbar-nav > li > .hexagon-nav {
  padding-top: 25px;
}
#header .navbar-nav > li > .hexagon-nav.green {
  padding-top: 20px;
}
#header .hexagon-nav {
  display: block;
  width: 132px;
  height: 116px;
  position: absolute;
  top: 24px;
  left: -141px;
  -moz-transition: -moz-transform 0.08s ease-in;
  -o-transition: -o-transform 0.08s ease-in;
  -webkit-transition: -webkit-transform 0.08s ease-in;
  transition: transform 0.08s ease-in;
  background: transparent url('../images/hexagon.png?1412948772') no-repeat;
  background-position: -400px 0px;
}
#header .hexagon-nav p {
  line-height: 1.2em;
  margin-top: 5px;
}
#header .hexagon-nav:hover {
  background-position: -532px -0px;
  -moz-transform: translate(2px, -2px);
  -ms-transform: translate(2px, -2px);
  -webkit-transform: translate(2px, -2px);
  transform: translate(2px, -2px);
}
#header .green {
  background-position: -400px -116px;
  top: 82px;
  left: -240px;
}
#header .green:hover {
  background-position: -532px -116px;
  -moz-transform: translate(-3px, 0px);
  -ms-transform: translate(-3px, 0px);
  -webkit-transform: translate(-3px, 0px);
  transform: translate(-3px, 0px);
}
#header .cyan {
  background-position: -400px -232px;
  top: 140px;
  left: -141px;
}
#header .cyan:hover {
  background-position: -532px -232px;
  -moz-transform: translate(2px, 2px);
  -ms-transform: translate(2px, 2px);
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}
#header .small-icon {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background: transparent url('../images/small-icons.png?1412328156') no-repeat;
  background-position: 0 0;
}
#header .calorie {
  background-position: 0 -40px;
}
#header .recipes {
  background-position: 0 -80px;
}

.modal-dialog #myModalLabel {
  color: #151518;
}
.modal-dialog .modal-body iframe {
  width: 100%;
}
.modal-dialog .modal-body iframe #wistia-video {
  height: auto !important;
}

/* Global elements */
h1 {
  font-weight: 700;
  color: #541a8a;
  text-transform: uppercase;
  font-size: 54px;
  line-height: 0.9em;
  letter-spacing: -1px;
  margin-top: 25px;
  margin-left: -3px;
}

.title-green {
  color: #88bd23;
}

.intro h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  margin-top: 10px;
}
.intro .col-lg-2 {
  top: -24px;
  right: 15px;
}

.btn-main_vid {
  display: inline-block;
  margin-top: 70px;
  margin-bottom: 20px;
  padding: 0 20px;
  color: #fff;
  background:  url('../../../../../../includes/img/video_mic.png') no-repeat;
  background-position: 15px 10px;
  background-color: #5c2684;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.btn-main_vid:hover {
  background-color: #7831ac;
}

.btn-main_vid:hover span {
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.btn-main_vid span {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-top: -13px;
  margin-right: 6px;
  vertical-align: middle;
  background: transparent url('../images/small-icons.png?1412328156') no-repeat;
  background-position: 0 -120px;
  -moz-transition: -moz-transform 0.1s ease-in;
  -o-transition: -o-transform 0.1s ease-in;
  -webkit-transition: -webkit-transform 0.1s ease-in;
  transition: transform 0.1s ease-in;
}
.btn-main_vid h4 {
  text-transform: uppercase;
  margin: 7px 0;
  padding-top: 10px;
  padding-left: 25px;
}




.btn-main {
  display: inline-block;
  margin-top: 70px;
  margin-bottom: 20px;
  padding: 0 20px;
  color: #fff;
  background-color: #5c2684;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.btn-main:hover {
  background-color: #7831ac;
}
.btn-main:hover span {
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.btn-main span {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-top: -13px;
  margin-right: 6px;
  vertical-align: middle;
  background: transparent url('../images/small-icons.png?1412328156') no-repeat;
  background-position: 0 -120px;
  -moz-transition: -moz-transform 0.1s ease-in;
  -o-transition: -o-transform 0.1s ease-in;
  -webkit-transition: -webkit-transform 0.1s ease-in;
  transition: transform 0.1s ease-in;
}
.btn-main h4 {
  text-transform: uppercase;
  margin: 7px 0;
  padding-top: 10px;
}

.booklet {
  padding: 12px 23px;
  margin-top: 20px;
}
.booklet h4 {
  margin: 0;
  padding: 0;
  letter-spacing: 0;
}

.f1-booklet {
  background-color: #69921b;
}
.f1-booklet:hover {
  background-color: #79a71f;
}

.f2-booklet {
  background-color: #009eb5;
}
.f2-booklet:hover {
  background-color: #32bcbf;
}

.thumbnails {
  margin-top: 70px;
  margin-bottom: 50px;
}
.thumbnails a {
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  display: block;
}
.thumbnails a:hover {
  -moz-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  -webkit-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
}
.thumbnails a:hover h4 {
  background-color: #151518;
}
.thumbnails img {
  margin: 0 auto;
}
.thumbnails h4 {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0;
  margin: 0 11px 0 10px;
  padding: 15px;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.thumbnails .col-lg-3 h4 {
  margin: 0;
  padding: 13px;
}

.hexagon {
  display: block;
  width: 80px;
  height: 66px;
  position: absolute;
  background: transparent url('../images/hexagon.png?1412948772') no-repeat;
  background-position: -664px 0;
  -moz-transition: -moz-transform 0.2s ease-in;
  -o-transition: -o-transform 0.2s ease-in;
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
}
.hexagon h5 {
  color: #fff;
  font-size: 90%;
  padding-top: 10px;
  padding-top: 16px;
}

.green {
  background-position: -664px -66px;
}

.cyan {
  background-position: -664px -132px;
}

.hexagon-small {
  display: block;
  width: 66px;
  height: 56px;
  background: transparent url('../images/hexagon.png?1412948772') no-repeat;
  background-position: -664px -396px;
  position: relative;
  padding-top: 13px;
}
.hexagon-small p {
  line-height: 1.1em;
  font-size: 11px;
}
.hexagon-small span {
  font-size: 19px;
  font-weight: 700;
}

.beige {
  background-position: -664px -508px;
}

.magenta {
  background-position: -664px -564px;
}

/* End of Global Elements */
.steps-wrapper {
  margin-top: 20px;
}
.steps-wrapper h4 {
  color: #fff;
  letter-spacing: 0px;
}
.steps-wrapper p {
  color: #cccccc;
}
.steps-wrapper .hexagon-small {
  margin-top: 25px;
  padding-top: 8px;
}
.steps-wrapper .hexagon-small span {
  display: block;
  width: 40px;
  height: 40px;
  background: transparent url('../images/small-icons.png?1412328156') no-repeat;
  margin: 0 auto;
}
.steps-wrapper .plus span {
  background-position: 0 -160px;
}
.steps-wrapper .shield {
  padding-top: 8px;
  position: relative;
  top: -50px;
  left: 56px;
}
.steps-wrapper .shield span {
  background-position: 0 -200px;
}
.steps-wrapper .meter {
  margin-top: 100px;
  margin-bottom: 30px;
}
.steps-wrapper .meter span {
  background-position: 0 -240px;
}
.steps-wrapper .rope {
  margin-bottom: 30px;
}
.steps-wrapper .rope span {
  background-position: 0 -280px;
}
.steps-wrapper .steps-links {
  margin-top: 100px;
  position: relative;
}
.steps-wrapper .hexagon-big {
  display: block;
  width: 200px;
  height: 172px;
  position: absolute;
  padding-top: 55px;
  -moz-transition: -moz-transform 0.08s ease-in;
  -o-transition: -o-transform 0.08s ease-in;
  -webkit-transition: -webkit-transform 0.08s ease-in;
  transition: transform 0.08s ease-in;
  background: transparent url('../images/hexagon.png?1412948772') no-repeat;
  background-position: 0 0;
}
.steps-wrapper .hexagon-big:hover {
  background-position: -200px 0;
  -moz-transform: translate(-3px, 0px);
  -ms-transform: translate(-3px, 0px);
  -webkit-transform: translate(-3px, 0px);
  transform: translate(-3px, 0px);
}
.steps-wrapper .hexagon-big span {
  display: block;
  width: 140px;
  height: 67px;
  background: transparent url('../images/steps-intro.png?1411654237') no-repeat;
  margin: 0 auto;
}
.steps-wrapper .c9 span {
  background-position: 0 0;
}
.steps-wrapper .f1 {
  background-position: 0 -172px;
  top: -86px;
  left: 150px;
}
.steps-wrapper .f1:hover {
  background-position: -200px -172px;
  -moz-transform: translate(0px, -3px);
  -ms-transform: translate(0px, -3px);
  -webkit-transform: translate(0px, -3px);
  transform: translate(0px, -3px);
}
.steps-wrapper .f1 span {
  background-position: 0 -67px;
}
.steps-wrapper .f2 {
  background-position: 0 -344px;
  top: 0;
  left: 299px;
}
.steps-wrapper .f2:hover {
  background-position: -200px -344px;
  -moz-transform: translate(3px, 0px);
  -ms-transform: translate(3px, 0px);
  -webkit-transform: translate(3px, 0px);
  transform: translate(3px, 0px);
}
.steps-wrapper .f2 span {
  background-position: 0 -134px;
}
.steps-wrapper .v5 {
  background-position: 0 -516px;
  top: 86px;
  left: 150px;
}
.steps-wrapper .v5:hover {
  background-position: -200px -516px;
  -moz-transform: translate(0px, 3px);
  -ms-transform: translate(0px, 3px);
  -webkit-transform: translate(0px, 3px);
  transform: translate(0px, 3px);
}
.steps-wrapper .v5 span {
  background-position: 0 -201px;
}
.steps-wrapper .grey {
  background-position: 0 -688px;
  padding-top: 40px;
  top: 230px;
  left: -30px;
}
.steps-wrapper .grey:hover {
  background-position: 0px -688px;
  -moz-transform: translate(0px, -3px);
  -ms-transform: translate(0px, -3px);
  -webkit-transform: translate(0px, -3px);
  transform: translate(0px, -3px);
}
.steps-wrapper .grey:hover h4 {
  color: #adde4e;
}
.steps-wrapper .grey span {
  display: block;
  width: 73px;
  height: 60px;
  background: transparent url('../images/medium-icons.png?1411658068') no-repeat;
  background-position: 0 0;
  margin: 0 auto;
}
.steps-wrapper .grey h4 {
  font-size: 17px;
  font-weight: 700;
  color: #828291;
  letter-spacing: -1px;
  -moz-transition: color 0.1s ease-in;
  -o-transition: color 0.1s ease-in;
  -webkit-transition: color 0.1s ease-in;
  transition: color 0.1s ease-in;
}
.steps-wrapper .fitness {
  left: 327px;
}
.steps-wrapper .fitness:hover h4 {
  color: #02dfff;
}
.steps-wrapper .fitness span {
  background-position: 0 -60px;
}
.steps-wrapper .success-link {
  display: block;
  margin-bottom: 50px;
}
.steps-wrapper .success-link h5 {
  font-weight: 700;
  color: #696977;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.steps-wrapper .success-link h5 span {
  display: none;
  vertical-align: middle;
  margin-left: 5px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 7px solid #a3da39;
  border-bottom: 5px solid transparent;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.steps-wrapper .success-link h5:hover {
  color: #a3da39;
}
.steps-wrapper .success-link h5:hover span {
  display: inline-block;
}

.stories-wrapper {
  position: relative;
  background: transparent url('../images/stories-bg.jpg?1411743554') center bottom no-repeat;
  background-size: 100% auto;
}
.stories-wrapper h1 {
  margin-bottom: 48px;
}
.stories-wrapper .stories-links {
  overflow: hidden;
  *zoom: 1;
  padding-top: 9px;
}
.stories-wrapper .stories-links > a {
  display: block;
  float: left;
  width: 33%;
  margin-bottom: -9px;
  position: relative;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.stories-wrapper .stories-links > a img {
  position: relative;
}
.stories-wrapper .stories-links > a:hover {
  -moz-transform: translateY(-9px);
  -ms-transform: translateY(-9px);
  -webkit-transform: translateY(-9px);
  transform: translateY(-9px);
}
.stories-wrapper .hexagon {
  margin-left: -40px;
  margin-top: -33px;
}
.stories-wrapper .ronald .hexagon {
  top: 45%;
  left: 15%;
}
.stories-wrapper .claire .hexagon {
  bottom: 7.5%;
  right: 20%;
}
.stories-wrapper .adam .hexagon {
  bottom: 30%;
  right: 2.5%;
}
.stories-wrapper .claire {
  margin-left: -10%;
  margin-right: -5%;
}
.stories-wrapper .ronald {
  margin-left: 5%;
}

#footer h4 {
  font-weight: 700;
  color: #fff;
  margin-top: 30px;
}
#footer ul {
  padding: 0;
  margin: 0;
}
#footer ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer ul li a {
  color: #b2b2b2;
  font-size: 12px;
}
#footer ul li a:hover {
  color: #fff;
}
#footer .contact-button {
  margin: 10px 0;
}
#footer .contact-button .btn {
  background-color: #5c2684;
  color: #fff;
  border-radius: 0;
}
#footer .contact-button .btn:hover {
  background-color: #7831ac;
}
#footer #contact-modal .modal-content {
  border-radius: 0;
  background-color: #5c2684;
  color: #fff;
}
#footer #contact-modal .modal-header {
  border-bottom: 1px solid #4e2070;
  padding-left: 20px;
}
#footer #contact-modal .modal-footer {
  border-top: 1px solid #4e2070;
}
#footer #contact-modal .modal-title {
  margin: 0;
  color: #fff;
}
#footer #contact-modal .close {
  color: inherit;
}
#footer #contact-modal .modal-body {
  padding-bottom: 0;
}
#footer #contact-modal .modal-footer .btn {
  background-color: #6f2ea0;
  border-radius: 0;
  padding: 7px 20px;
}
#footer #contact-modal .modal-footer .btn:hover {
  background-color: #7831ac;
  color: #fff;
}
#footer #contact-modal .modal-footer .btn:focus {
  color: #fff;
}
#footer #contact-modal .modal-footer .btn:active {
  color: #fff;
}
#footer #contact-modal .form-control {
  border: none;
  border-radius: 0;
  background-color: #4e2070;
  color: #fff;
  font-weight: 700;
}
#footer #contact-modal .form-control:focus {
  background-color: #3b1854;
  border: none;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #6a2c98;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #6a2c98;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #6a2c98;
}
#footer #contact-modal p {
  margin-bottom: 0;
}
#footer .bottom {
  margin-top: 40px;
  margin-bottom: 20px;
}
#footer .bottom li {
  display: inline-block;
  color: #4b4b4b;
}
#footer .icons-sprite {
  display: block;
  width: 25px;
  height: 25px;
  background: #4b4b4b url('../images/footer-icons.png?1413287029') no-repeat;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
#footer .icons-sprite:hover {
  background-color: #7e7e7e;
}
#footer .icons-icon-1 {
  background-position: 0 0;
}
#footer .icons-icon-2 {
  background-position: 0 -25px;
}
#footer .icons-icon-3 {
  background-position: 0 -50px;
}
#footer .icons-icon-4 {
  background-position: 0 -75px;
}
#footer .icons-icon-5 {
  background-position: 0 -100px;
}
#footer .icons-icon-6 {
  background-position: 0 -125px;
}
#footer .icons-icon-7 {
  background-position: 0 -150px;
}

#content .intro h1 {
  margin-top: 65px;
}
#content .intro h4 {
  color: #fff;
}
#content .intro p {
  color: #cdd0da;
}
#content .intro .col-lg-4, #content .intro .col-lg-6, #content .intro .col-lg-5 {
  padding-left: 0;
}
#content .intro .col-lg-2 {
  right: 20px;
}

/* Calculator Page */
.calculator {
  background: #000 url('../images/calculator-bg.jpg?1412337359') top center no-repeat;
}
.calculator #header .hexagon-nav {
  left: -146px;
  top: 22px;
}
.calculator #header .hexagon-nav .small-icon {
  background-position: 0 -321px;
}
.calculator #header .green {
  top: 80px;
  left: -245px;
}
.calculator #header .green .small-icon {
  background-position: 0 -360px;
}
.calculator #header .cyan {
  top: 138px;
}
.calculator #header .cyan .small-icon {
  background-position: 0 -400px;
}
.calculator #content .col-lg-2 {
  top: 80px;
}
.calculator #content .calculator-wrapper .col-lg-5 {
  width: 39%;
}
.calculator #content .calculator-wrapper .form-horizontal {
  background-color: #5c2684;
  margin-top: 39px;
  margin-bottom: 30px;
  padding: 30px;
}
.calculator #content .calculator-wrapper .form-horizontal .form-group:last-child {
  margin-bottom: 0;
}
.calculator #content .calculator-wrapper .form-horizontal .radio label {
  font-weight: 700;
  color: #fff;
}
.calculator #content .calculator-wrapper .form-horizontal .control-label {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  padding-top: 13px;
}
.calculator #content .calculator-wrapper .form-horizontal .form-control {
  height: 44px;
  border: none;
  border-radius: 0;
  background-color: #4e2070;
  color: #fff;
  font-weight: 700;
}
.calculator #content .calculator-wrapper .form-horizontal .form-control::-webkit-input-placeholder {
  color: #9299af;
  text-align: right;
  margin-right: 15px;
  font-weight: 700;
}
.calculator #content .calculator-wrapper .form-horizontal .form-control:focus {
  background-color: #3b1854;
  border: none;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #6a2c98;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #6a2c98;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #6a2c98;
}
.calculator #content .calculator-wrapper .form-horizontal #HealthyWeight {
  background-color: #2d2d33;
}
.calculator #content .calculator-wrapper .form-horizontal #HealthyWeight::-webkit-input-placeholder {
  color: #fff;
}
.calculator #content .calculator-wrapper .form-horizontal #HealthyWeight:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.calculator #content .calculator-wrapper .form-horizontal #HealthyWeight:hover {
  cursor: default;
}
.calculator #content .calculator-wrapper .form-horizontal #YourBMR, .calculator #content .calculator-wrapper .form-horizontal #YourAMR {
  background-color: #2d2d33;
}
.calculator #content .calculator-wrapper .form-horizontal #YourBMR:hover, .calculator #content .calculator-wrapper .form-horizontal #YourAMR:hover {
  cursor: default;
}
.calculator #content .calculator-wrapper .form-horizontal #YourBMR:focus, .calculator #content .calculator-wrapper .form-horizontal #YourAMR:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.calculator #content .calculator-wrapper .form-horizontal #YourBMR + span, .calculator #content .calculator-wrapper .form-horizontal #YourAMR + span {
  font-weight: 700;
  color: #fff;
  margin-top: 5px;
}
.calculator #content .calculator-wrapper table {
  color: #cdd0da;
  border: none;
}
.calculator #content .calculator-wrapper table tr {
  border-top: none;
  border-bottom: 1px solid #45454e;
}
.calculator #content .calculator-wrapper table tr td {
  border: none;
}
.calculator #content .calculator-wrapper table .heading {
  color: #fff;
  background-color: #5c2684;
  border: none;
}
.calculator #content .calculator-wrapper table .heading td {
  border-top: none;
}
.calculator #content .calculator-wrapper h4 {
  color: #fff;
}
.calculator #content .calculator-wrapper p {
  color: #cdd0da;
}

/*Steps Pages*/
.steps #header .navbar-nav > li > .hexagon-nav {
  padding-top: 34px;
  z-index: 10;
}
.steps #header .hexagon-nav span {
  display: block;
  width: 100px;
  height: 48px;
  background: transparent url('../images/steps-intro.png?1411654237') no-repeat;
  background-size: cover;
  margin: 0 auto;
}
.steps #header .green span {
  background-position: 0 -48px;
}
.steps #header .cyan span {
  background-position: 0 -96px;
}
.steps #header .red {
  top: 198px;
  left: -245px;
  background-position: -400px -348px;
}
.steps #header .red:hover {
  background-position: -532px -348px;
  -moz-transform: translate(-2px, 2px);
  -ms-transform: translate(-2px, 2px);
  -webkit-transform: translate(-2px, 2px);
  transform: translate(-2px, 2px);
}
.steps #header .red span {
  background-position: 0 -144px;
}
.steps #content .intro .col-lg-2 {
  top: 170px;
}
.steps #content .btn-main {
  padding: 0 10px;
  margin-top: 20px;
}
.steps #content .btn-main h4 {
  font-size: 17px;
}
.steps #content .booklet {
  padding: 12px 23px;
}
.steps #content .product-wrapper h2 {
  color: #cdd0da;
  letter-spacing: -1px;
}
.steps #content .product-wrapper h4 {
  color: #cdd0da;
}
.steps #content .product-wrapper .hexagon-wrapper {
  left: 250px;
  top: 80px;
}
.steps #content .product-wrapper img {
  margin: 40px 0 20px;
}
.steps #content .product-wrapper h3 {
  color: #89527a;
}
.steps #content .product-wrapper small {
  color: #cdd0da;
}
.steps #content .product-wrapper .btn-shop:hover h4 {
  color: #fff;
}
.steps #content .product-wrapper .hexagon {
  top: 34px;
  padding: 11px;
  background-position: -664px -264px;
}
.steps #content .product-wrapper .hexagon p {
  line-height: 1.10em;
}
.steps #content .product-wrapper .hexagon:nth-child(2) {
  top: 0;
  left: 80px;
}
.steps #content .product-wrapper .pack {
  left: 145px;
  background-position: -664px -330px;
}

/* Calorie Counter */
.counter-wrapper h4 {
  color: #fff;
  letter-spacing: 0;
}
.counter-wrapper .hexagon-small {
  margin-left: auto;
  margin-right: auto;
}

/* Recipes */
.recipes-wrapper {
  margin-top: 140px;
}
.recipes-wrapper > .row {
  margin-bottom: 30px;
}
.recipes-wrapper h3 {
  color: #fff;
}
.recipes-wrapper .hexagon-small {
  position: absolute;
  top: -40px;
  right: 70px;
}

/* Success Stories */
.stories {
  /* #google_translate_element {
    top: -80px;
    position: absolute;
  } */
}
.stories #header .navbar-nav > li > .hexagon-nav {
  padding-top: 45px;
}
.stories #header .navbar-nav > li > .hexagon-nav.green {
  padding-top: 45px;
}
.stories #header .hexagon-nav p {
  font-size: 110%;
  font-weight: 500;
}
.stories #content .intro {
  position: relative;
  width: 85%;
}
.stories #content .intro h1 {
  margin-bottom: 50px;
}
.stories #content .intro .programme-review {
  position: absolute;
  right: 140px;
  top: 90px;
}
.stories #content .intro .col-lg-4 img {
  max-width: 105px;
  margin: 0 auto;
  display: block;
  margin-bottom: 7px;
}
.stories #content .intro .col-lg-4:last-child {
  margin-left: 100px;
}
.stories #content .story-wrapper .programme-review img {
  display: block;
  margin: 0 auto;
}
.stories #content .story-wrapper .programme-review p {
  font-size: 11px;
  margin-top: 5px;
}
.stories #content .story-wrapper .col-lg-6:first-child .row:nth-child(2) {
  position: relative;
}
.stories #content .story-wrapper .col-lg-6:first-child .row:nth-child(2) .col-lg-5 img {
  position: absolute;
  top: -317px;
  right: -40px;
  z-index: -1;
  max-width: 181px;
}
.stories #content .story-wrapper #google_translate_element {
  margin-top: 50px;
}
.stories #content .story-wrapper > .col-lg-6 + .col-lg-6 {
  margin-top: 136px;
}
.stories #content .story-wrapper h4 {
  color: #fff;
  letter-spacing: 0;
  margin-top: 30px;
}
.stories #content .story-wrapper h5 {
  margin: 0;
}
.stories #content .story-wrapper p {
  margin-top: 20px;
  margin-bottom: 60px;
}
.stories #content .story-wrapper .box {
  padding: 12px 15px;
  color: #fff;
  font-weight: 500;
  font-size: 13px;
  display: block;
}
.stories #content .story-wrapper .box strong {
  white-space: nowrap;
}
.stories #content .story-wrapper .height-fix {
  padding: 10px 15px;
}
.stories #content .story-wrapper .box-wrapper {
  padding: 0 5px;
}
.stories #content .story-wrapper .box-wide {
  margin: 0 4px;
  padding: 12px 18px;
  color: #fff;
  font-weight: 500;
  font-size: 13px;
  width: 100%;
  margin: 0 auto;
  display: block;
}
.stories #content .story-wrapper .plus-sign {
  color: #fff;
  font-weight: 700;
  padding-top: 10px;
  display: block;
}
.stories #content .story-wrapper .purple-bg {
  background-color: #5c2684;
}
.stories #content .story-wrapper .beige-bg {
  background-color: #736262;
}
.stories #content .story-wrapper .green-bg {
  background-color: #88bd23;
}
.stories #content .claire > .col-lg-6 + .col-lg-6 {
  margin-top: 165px;
}
.stories #content .adam > .col-lg-6 + .col-lg-6 {
  margin-top: 203px;
}

/* Responsive States */
@media (max-width: 1500px) {
  .steps-wrapper .hexagon-big {
    width: 132px;
    height: 116px;
    background-position: -400px 0px;
    padding-top: 36px;
  }
  .steps-wrapper .hexagon-big:hover {
    background-position: -532px 0px;
  }
  .steps-wrapper .hexagon-big span {
    width: 100px;
    height: 48px;
    background-size: cover;
  }
  .steps-wrapper .f1 {
    background-position: -400px -116px;
    top: -58px;
    left: 100px;
  }
  .steps-wrapper .f1:hover {
    background-position: -532px -116px;
  }
  .steps-wrapper .f1 span {
    background-position: 0 -48px;
  }
  .steps-wrapper .f2 {
    background-position: -400px -232px;
    top: 0;
    left: 199px;
  }
  .steps-wrapper .f2:hover {
    background-position: -532px -232px;
  }
  .steps-wrapper .f2 span {
    background-position: 0 -96px;
  }
  .steps-wrapper .v5 {
    top: 58px;
    left: 100px;
    background-position: -400px -348px;
  }
  .steps-wrapper .v5:hover {
    background-position: -532px -348px;
  }
  .steps-wrapper .v5 span {
    background-position: 0 -145px;
  }
  .steps-wrapper .grey {
    left: 0;
    background-position: -400px -464px;
    padding-top: 23px;
  }
  .steps-wrapper .grey:hover {
    background-position: -400px -464px;
  }
  .steps-wrapper .grey span {
    width: 55px;
    height: 43px;
  }
  .steps-wrapper .grey h4 {
    margin-top: 6px;
    font-size: 15px;
  }
  .steps-wrapper .fitness {
    left: 200px;
  }
  .steps-wrapper .fitness span {
    background-position: 0 -44px;
    height: 46px;
  }
}
@media (min-width: 1520px) and (max-width: 1680px) {
  #content .intro h1 {
    font-size: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 1680px) {
  .stories #content .story-wrapper > .col-lg-6 + .col-lg-6 {
    margin-top: 157px;
  }
  .stories #content .claire > .col-lg-6 + .col-lg-6 {
    margin-top: 160px;
  }
  .stories #content .adam > .col-lg-6 + .col-lg-6 {
    margin-top: 141px;
  }
}
/* Notebook with HiDPI screen */
@media (max-width: 1440px) {
  .stories #content .story-wrapper p {
    margin-bottom: 10px;
  }
  .stories #content .story-wrapper .col-lg-6:first-child .row:nth-child(2) .col-lg-5 img {
    max-width: 150px;
    top: -254px;
  }
  .stories #content .story-wrapper > .col-lg-6 + .col-lg-6 {
    margin-top: 165px;
  }
  .stories #content .claire > .col-lg-6 + .col-lg-6 {
    margin-top: 184px;
  }
  .stories #content .adam .col-lg-6:first-child .row:nth-child(2) .col-lg-5 img {
    top: -253px;
    right: -30px;
  }
  .stories #content .adam > .col-lg-6 + .col-lg-6 {
    margin-top: 184px;
  }
}
@media (min-width: 1200px) and (max-width: 1575px) {
  body {
    background: #000 url('../images/runner-bg-2.jpg?1413443751') top center no-repeat;
  }
}
@media (min-width: 1200px) and (max-width: 1520px) {
  .steps-wrapper .col-lg-7 {
    width: 49%;
  }
  .steps-wrapper .col-lg-2 {
    width: 26%;
  }
  .steps-wrapper .meter {
    margin-top: 42px;
  }

  #content .intro h1 {
    font-size: 36px;
  }
  #content .intro .col-lg-6 + .col-lg-6 {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .counter-wrapper .col-lg-4 {
    width: 27%;
  }
}
@media (max-width: 1420px) {
  .stories #content .intro h1 {
    font-size: 44px;
  }
}
@media (max-width: 1280px) {
  .stories #content .story-wrapper > .col-lg-6 + .col-lg-6 {
    margin-top: 164px;
  }
  .stories #content .claire > .col-lg-6 + .col-lg-6 {
    margin-top: 201px;
  }
  .stories #content .adam .box {
    padding: 12px 5px;
  }
  .stories #content .adam .height-fix {
    padding: 10px 5px;
  }
  .stories #content .adam > .col-lg-6 + .col-lg-6 {
    margin-top: 201px;
  }
}
@media (min-width: 767px) and (max-width: 1280px) {
  .stories #content .story-wrapper .col-lg-6:first-child > .row > .col-lg-7 {
    width: 71%;
  }
}
@media (max-width: 1200px) {
  #page {
    margin-left: 6%;
  }

  #header .navbar-nav > li > .hexagon-nav {
    padding-top: 18px;
  }
  #header .navbar-nav > li > .hexagon-nav.green p {
    line-height: 1em;
    margin-top: 3px;
  }
  #header .hexagon-nav p {
    margin-left: -2px;
  }
  #header .green p {
    margin-left: 0;
  }
  #header .cyan p {
    margin-left: 0;
  }

  h1 {
    font-size: 42px;
  }

  .intro h3 {
    font-size: 17px;
  }

  .steps-wrapper .steps-links {
    margin-top: 62px;
  }
  .steps-wrapper .meter {
    margin-top: 4px;
  }
  .steps-wrapper .col-md-3 p {
    margin-bottom: 5px;
  }
  .steps-wrapper .success-link {
    margin-bottom: 20px;
  }
  .steps-wrapper .success-link h5 {
    margin-top: 5px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .steps-wrapper .col-md-6 {
    width: 40%;
  }
}
@media (max-width: 1060px) {
  .steps-wrapper .steps-links {
    margin-left: -35px;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .stories #content .story-wrapper .col-lg-6:first-child > .row > .col-lg-7 {
    width: 58.33333333%;
  }
  .stories #content .story-wrapper > .col-lg-6 + .col-lg-6 {
    margin-top: 202px;
  }
  .stories #content .claire .col-lg-6:first-child > .row > .col-lg-7 {
    width: 71%;
  }
  .stories #content .claire > .col-lg-6 + .col-lg-6 {
    margin-top: 183px;
  }
  .stories #content .adam > .col-lg-6 + .col-lg-6 {
    margin-top: 240px;
  }
}
@media (min-width: 767px) and (max-width: 966px) {
  .stories #content .story-wrapper > .col-lg-6 + .col-lg-6 {
    margin-top: 157px;
  }
  .stories #content .claire > .col-lg-6 + .col-lg-6 {
    margin-top: 194px;
  }
  .stories #content .adam > .col-lg-6 + .col-lg-6 {
    margin-top: 175px;
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #content .intro p {
    max-width: 250px;
  }
}
@media (max-width: 992px) {
  #page {
    margin-left: 3%;
  }

  .calculator #content .calculator-wrapper .form-horizontal {
    margin-left: 0;
  }
}
@media (max-width: 876px) {
  .steps #content .intro h1 {
    max-width: 350px;
  }

  .stories #content .intro h1 {
    max-width: 350px;
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  .steps-wrapper .col-sm-5 {
    width: 46%;
  }
  .steps-wrapper .col-sm-3 {
    width: 20%;
  }
}
@media (min-width: 767px) {
  #content .counter-wrapper .calorie-mobile {
    display: none;
  }
  #content .counter-wrapper .calorie-desktop {
    display: block;
    margin-top: 10px;
    margin-bottom: 60px;
  }

  .recipes-wrapper > .row {
    margin-bottom: 70px;
  }
}
@media (max-width: 767px) {
  #content .steps-wrapper .steps-link {
    transform: scale(0.9);
  }
  #content .counter-wrapper .calorie-mobile {
    display: block;
  }
  #content .counter-wrapper .calorie-desktop {
    display: none;
  }

  #header .navbar-header .logo img {
    background-color: rgba(0, 0, 0, 0.19);
    padding: 7px 10px;
  }

  #page #content .intro h1 + h3 {
    background-color: rgba(0, 0, 0, 0.19);
    padding: 7px 10px;
  }

  .stories #content .story-wrapper h1 {
    font-size: 38px;
  }
  .stories #content .story-wrapper #google_translate_element {
    margin-bottom: 15px;
  }
  .stories #content .story-wrapper > .col-lg-6 + .col-lg-6 {
    margin-top: 35px;
  }
  .stories #content .story-wrapper .programme-review p {
    margin-bottom: 0;
  }
  .stories #content .story-wrapper .box {
    padding: 12px 5px;
  }
  .stories #content .story-wrapper .height-fix {
    padding: 10px 15px;
  }
  .stories #content .story-wrapper .col-lg-5 + .col-lg-1 {
    padding: 0 8px;
  }
  .stories #content .story-wrapper .col-lg-6:first-child .row:nth-child(2) .col-lg-5 img {
    position: static;
    max-width: 120px;
  }

  .steps-wrapper .col-lg-3 {
    margin: 0 -15px;
  }

  .calculator #content .intro h4 {
    margin-top: 40px;
  }

  .counter-wrapper .hexagon-small {
    margin-bottom: 30px;
  }

  .recipes-wrapper .col-lg-4 h3 {
    max-width: 180px;
  }
  .recipes-wrapper .col-lg-4 .hexagon-small {
    top: 24px;
  }

  .calculator #content .calculator-wrapper .amr {
    margin-left: 0;
  }

  #page {
    margin-left: 0;
  }

  #header .navbar-nav > li > .hexagon-nav {
    padding-top: 7px;
  }

  #header .navbar-nav > li > .hexagon-nav.green {
    padding-top: 7px;
  }

  #header .navbar-toggle {
    background-color: #5c2684;
    border: none;
    border-radius: 0;
    margin: 0 10px 0 0;
  }
  #header .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  #header .navbar-collapse.collapsing {
    border: none;
  }
  #header .navbar-collapse.collapsing .navbar-nav {
    border: none;
  }
  #header .navbar-collapse.collapsing .navbar-nav:focus {
    border: none;
  }
  #header .navbar-collapse.collapsing .navbar-nav:active {
    border: none;
  }
  #header .navbar-collapse.in {
    overflow-y: visible;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #header .navbar-nav {
    float: none !important;
    border: none;
  }
  #header .navbar-nav .hexagon-nav {
    width: 100%;
    height: auto;
    background: none;
    background-color: #5c2684;
    position: static;
    padding: 7px 0;
    text-align: center;
  }
  #header .navbar-nav .hexagon-nav:hover {
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
  #header .navbar-nav .hexagon-nav:active {
    background-color: #5D3389;
  }
  #header .navbar-nav .hexagon-nav span {
    display: inline-block;
    vertical-align: middle;
  }
  #header .navbar-nav .hexagon-nav p {
    display: inline-block;
  }
  #header .navbar-nav .hexagon-nav p br {
    display: none;
  }
  #header .navbar-nav .green {
    background-color: #88bd23;
  }
  #header .navbar-nav .green:active {
    background-color: #A2C640;
  }
  #header .navbar-nav .cyan {
    background-color: #009eb5;
  }
  #header .navbar-nav .cyan:active {
    background-color: #32BCBF;
  }

  #content .intro h1 {
    margin-top: 20px;
  }
  #content .intro .btn-main {
    margin-top: 30px;
  }
  #content .intro .col-lg-2 {
    right: 0;
    top: 20px;
  }
  #content .steps-wrapper {
    margin: 20px 0 0;
  }
  #content .steps-wrapper .steps-links {
    margin-top: 30px;
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  #content .steps-wrapper .steps-links .hexagon-big:active {
    background-position: -532px 0px;
    -moz-transform: translate(-3px, 0px);
    -ms-transform: translate(-3px, 0px);
    -webkit-transform: translate(-3px, 0px);
    transform: translate(-3px, 0px);
  }
  #content .steps-wrapper .steps-links .f1:active {
    background-position: -532px -116px;
    -moz-transform: translate(0px, -3px);
    -ms-transform: translate(0px, -3px);
    -webkit-transform: translate(0px, -3px);
    transform: translate(0px, -3px);
  }
  #content .steps-wrapper .steps-links .f2:active {
    background-position: -532px -232px;
    -moz-transform: translate(3px, 0px);
    -ms-transform: translate(3px, 0px);
    -webkit-transform: translate(3px, 0px);
    transform: translate(3px, 0px);
  }
  #content .steps-wrapper .steps-links .v5:active {
    background-position: -400px -348px;
    -moz-transform: translate(0px, 3px);
    -ms-transform: translate(0px, 3px);
    -webkit-transform: translate(0px, 3px);
    transform: translate(0px, 3px);
  }
  #content .steps-wrapper .steps-links .grey {
    top: 180px;
  }
  #content .steps-wrapper .steps-links .grey:active {
    background-position: -400px -464px;
  }
  #content .steps-wrapper .col-lg-2 {
    margin-top: 330px;
  }
  #content .steps-wrapper .meter {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  #content .steps-wrapper .rope {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .counter-wrapper .col-xs-12 {
    width: 100%;
  }

  .stories #header .navbar-nav > li > .hexagon-nav {
    padding-top: 15px;
  }

  .stories #header .navbar-nav > li > .hexagon-nav.green {
    padding-top: 15px;
  }

  #footer .col-lg-6 {
    float: none !important;
  }
  #footer .col-lg-4 {
    float: none !important;
    margin-top: 30px;
  }
  #footer img {
    float: none !important;
  }
  #footer .bottom {
    margin-top: 30px;
  }
  #footer .bottom .col-lg-4 {
    margin-top: 0;
  }
  #footer ul {
    float: none !important;
  }

  .calculator .intro > .col-lg-4 p {
    margin-top: 40px;
    background-color: rgba(0, 0, 0, 0.42);
    padding: 4px 7px;
  }
  .calculator #content .calculator-wrapper .col-lg-5 {
    width: 100%;
  }
  .calculator #content .calculator-wrapper .col-lg-5 .form-horizontal {
    margin-left: 0;
    margin-top: 19px;
    padding-top: 20px;
  }
  .calculator #content .calculator-wrapper .col-lg-5 .form-horizontal .control-label {
    margin-bottom: 5px;
  }

  .thumbnails {
    margin-top: 30px;
  }
  .thumbnails a {
    margin-bottom: 20px;
  }
  .thumbnails .col-lg-3 h4 {
    margin: 0 auto;
    max-width: 286px;
  }
  .thumbnails .col-lg-4 h4 {
    margin: 0 auto;
    max-width: 286px;
  }

  .counter-wrapper > .row {
    margin-bottom: 0;
  }
  .counter-wrapper .col-lg-12 > h4 {
    margin-top: 40px;
  }
  .counter-wrapper .col-lg-4 {
    margin-bottom: 20px;
  }

  .recipes-wrapper .hexagon-small {
    right: 20px;
  }
  .recipes-wrapper .col-lg-4 {
    margin-bottom: 30px;
  }

  .steps #header .navbar-nav > li > .hexagon-nav {
    padding: 14px 0;
  }

  .stories-wrapper a .hexagon {
    background: none;
  }
  .stories-wrapper .claire .hexagon {
    bottom: 1%;
  }
  .stories-wrapper .adam .hexagon {
    bottom: 10%;
  }
}