.async-hide { opacity: 0 !important}
hr,img{border:0}body,figure{margin:0}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.pre-scrollable{max-height:440px}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
a{background-color:transparent}
h1{margin:.67em 0}
img{vertical-align:middle}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
.btn,.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-warning.active,.btn-warning:active,.btn.active,.btn:active,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover,.form-control,.navbar-toggle,.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-info,.open>.dropdown-toggle.btn-primary,.open>.dropdown-toggle.btn-warning{background-image:none}.img-thumbnail,body{background-color:#fff}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#555}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#158cba;text-decoration:none}
[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:400;line-height:1.1;color:#000000}
.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}
.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}
.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}
.h5,h5{font-size:14px}
p{margin:0 0 10px}
.text-left{text-align:left}
pre code,table{background-color:transparent}
dl,ol,ul{margin-top:0}
ol,ul{margin-bottom:10px}
.btn{display:inline-block;margin-bottom:0;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;border:1px solid transparent;white-space:nowrap;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.collapse{display:none}
.nav>li,.nav>li>a{display:block;position:relative}
.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li>a{padding:10px 15px}
.nav>li>a>img{max-width:none}
.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}
.navbar-header{float:left}.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-left:0;padding-right:0}
.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-top{top:0;border-width:0 0 1px}
.navbar-brand{float:left;padding:15px;font-size:18px;line-height:20px;height:50px}
.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}
.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:11px;margin-bottom:8px;background-color:transparent;border:1px solid transparent;border-radius:4px}
.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}
.navbar-toggle{display:none}.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:22px;padding-bottom:15px}
.navbar-right{float:right!important;margin-right:-15px}
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}
.btn,.navbar{border-width:0 1px 4px}
.btn{padding:9px 12px 7px;font-size:12px;}
.table:not(.table-bordered)>tbody>tr>td,.table:not(.table-bordered)>tbody>tr>th,.table:not(.table-bordered)>tfoot>tr>td,.table:not(.table-bordered)>tfoot>tr>th,.table:not(.table-bordered)>thead>tr>td,.table:not(.table-bordered)>thead>tr>th,table:not(.table-bordered)>tbody>tr>td,table:not(.table-bordered)>tbody>tr>th,table:not(.table-bordered)>tfoot>tr>td,table:not(.table-bordered)>tfoot>tr>th,table:not(.table-bordered)>thead>tr>td,table:not(.table-bordered)>thead>tr>th{border-color:transparent}
.btn,
.btn-large,
a {
    text-decoration: none
}
img,
legend {
    border: 0
}
.row .col,
html,
span.badge {
    box-sizing: border-box
}
.clearfix,
.row:after,
.toast {
    clear: both
}
.btn,
.btn-flat,
.btn-large,
.waves-effect,
a {
    -webkit-tap-highlight-color: transparent
}
.picker__table,
table {
    border-collapse: collapse;
    border-spacing: 0
}
.black-text {
    color: #000!important
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
a {
    background-color: transparent;
    color: #039be5
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
input {
    line-height: normal
}
*,
:after,
:before {
    box-sizing: inherit
}
ul:not(.browser-default) {
    padding-left: 0;
    list-style-type: none
}
ul:not(.browser-default) li {
    list-style-type: none
}
.btn,
.btn-floating,
.btn-large,
.card,
.card-panel,
.collapsible,
.dropdown-content,
.side-nav,
.toast,
.z-depth-1,
nav {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2)
}
i {
    line-height: inherit
}
.hide-on-large-only {
        display: none!important
    }
table,
td,
th {
    border: none
}
table {
    width: 100%;
    display: table
}
td,
th {
    padding: 15px 5px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    border-radius: 2px
}
.row .col.s1,
.row .col.s10,
.row .col.s11,
.row .col.s12,
.row .col.s2,
.row .col.s3,
.row .col.s4,
.row .col.s5,
.row .col.s7,
.row .col.s8,
.row .col.s9 {
    left: auto;
    right: auto
}
.btn,
.btn-floating i,
.btn-large,
.center,
.center-align,
.material-tooltip,
.tabs .tab,
span.badge {
    text-align: center
}
h1,
h2,
h3,
h4,
h5,
h6,
html {
    font-weight: 400
}
.row,
.row .col.s1,
.row .col.s10,
.row .col.s11,
.row .col.s12,
.row .col.s2,
.row .col.s3,
.row .col.s4,
.row .col.s5,
.row .col.s7,
.row .col.s8,
.row .col.s9 {
    margin-left: auto
}
.row {
    margin-right: auto;
    margin-bottom: 20px
}
.row:after {
    content: "";
    display: table
}
.row .col {
    float: left;
    padding: 0 .75rem;
    min-height: 1px
}
.row .col.s12 {
    width: 100%
}
.row .col.m1,
    .row .col.m10,
    .row .col.m11,
    .row .col.m12,
    .row .col.m2,
    .row .col.m3,
    .row .col.m4,
    .row .col.m5,
    .row .col.m7,
    .row .col.m8,
    .row .col.m9 {
        margin-left: auto;
        left: auto;
        right: auto
    }
.row .col.m6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto
    }
.row .col.m12 {
        width: 100%
    }
.row .col.l1,
    .row .col.l10,
    .row .col.l11,
    .row .col.l12,
    .row .col.l2,
    .row .col.l3,
    .row .col.l4,
    .row .col.l5,
    .row .col.l7,
    .row .col.l8,
    .row .col.l9 {
        margin-left: auto;
        left: auto;
        right: auto
    }
.row .col.l4 {
        width: 33.3333333333%
    }
.row .col.l5 {
        width: 41.6666666667%
    }
.row .col.l6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto
    }
.row .col.l7 {
        width: 58.3333333333%
    }
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 110%
}
html {
    line-height: 1.5;
    font-family: Roboto, sans-serif;
    color: rgba(0, 0, 0, .87)
}
html {
        font-size: 14px
    }
html {
        font-size: 14.5px
    }
html {
        font-size: 15px
    }
h1 {
    font-size: 4.2rem;
    margin: 2.1rem 0 1.68rem
}
h2 {
    font-size: 3.56rem;
    margin: 1.78rem 0 1.424rem
}
h3 {
    font-size: 2.92rem;
    margin: 1.46rem 0 1.168rem
}
h5 {
    font-size: 1.64rem;
    margin: .82rem 0 .656rem
}
.btn,
.btn-flat,
.btn-large {
    border: none;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 2rem;
    /*text-transform: uppercase;*/
    vertical-align: middle
}
.btn,
.btn-flat,
.btn-floating,
.btn-large {
    font-size: 1rem;
    outline: 0
}
.btn,
.btn-large {
    color: #fff;
    background-color: #06038D;
    letter-spacing: .5px;
    transition: .2s ease-out;
    cursor: pointer
}
.hiddendiv {
    display: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding-top: 1.2rem;
    position: absolute;
    top: 0
}
.slider {
    position: relative;
    height: 400px;
    width: 100%
}
.seo-h1 {
    font-size: 2.92rem;
}
.seo-h2 {
    font-size: 1.64rem;
}
.navbar-nav>li>a {
    text-transform: uppercase;
    padding-left: 2px;
    padding-right: 2px;
}
.gender-btn {
    font-size: 20px;
    text-transform: capitalize;
    padding: 20px;
    width: 200px;
    height: auto;
    border-radius: 5px;
}
.purpleFoot {
    color: #9190BD;
}
.footLink {
    padding: 20px;
    line-height: 40px;
    font-size: 20px;
    color: white;
}
.navbar-new {
    transition: all .5s ease-in-out, border-bottom 0s;
    min-height: 60px;
}
.navbar-init-abs {
    margin: 0px;
    height: 80px;
    padding-top: 5px;
    background: transparent;
    border-radius: 2px;
    /*box-shadow: 1px 1px 25px 1px rgba(128, 128, 128, 0.2);*/
}
.foot-container {
  position: absolute;
  right: 0;
  left: 0;
}
.center-info,
.center-txt-btn,
.starter-template {
    text-align: center
}
.social-circle {
    background: #9190BD !important;
    color: #27253A;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 30px !important;
    text-align: center;
}
body,
html {
    height: 100%;
    background: white;
    font-family: Brandon, Lato, Arial, Sans-serif;
    letter-spacing: .5px
}
p {
    font-family: Brandon, Lato, Arial, Sans-serif;
}
.footer {
    padding-bottom: 10px;
    border-top: 1px solid #eee;
    background: #27253A;
}
.top-links {
    color: black;
    font-weight: 500;
    margin-right: 60px
}
@media only screen and (max-width:1400px) {
    .top-links {
        margin-right: 30px !important;
    }
}
@media only screen and (max-width:1200px) {
    .top-links {
        margin-right: 20px !important;
    }
}
@media only screen and (max-width:1100px) {
    .top-links {
        font-size: 11px !important;
        margin-right: 10px !important;
    }
}
.top-links {
        margin-right: 30px;
    }
.inc-br-custom-hide {
        display: none;
    }
.center-info {
    margin: 40px 0
}
.navbar-toggle {
  border: none;
  background: transparent !important;
}
#start {
    height: 40px;
    border-radius: 5px;
    margin-top: 10px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;

    background-color: #06038D !important;
    color: white !important;
}
.navbar-brand,
.navbar-brand:hover {
    font-weight: 700;
    color: #EAEAEA;
    font-size: 24px
}
.navbar-brand>picture>img, .navbar-brand>img {
    float: left;
    margin-right: 10px;
    max-height: 50px;
    margin-top: -12px;
    margin-bottom: 15px;
}
.btn,
.btn:hover {
    margin-top: 20px;
    background-color: #06038D
}
.btn {
    color: #fff
}
.smaller2 {
    width: 300px;
    height: auto
}
body,
html {
    background: #fff!important;
}
.fading-slides {
    top: 0;
    position:absolute;
    z-index: 0;
    height: 100%;
    min-height: 600px;
    width: 100%;
    transition-property: opacity;
    transition-duration: 0.6s;
    overflow: hidden;
}
.color-filler {
    display: none;
}
.hero-image {
    background-color: #cccccc;
    z-index: 1;
    height: 53vw;
    width: 100vw;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.tagline-container {
    position: relative;
    margin-top: 12vw;
    z-index: 1 !important;
}
.new-tagline {
    z-index: 5;
    width: 100%;
    text-align: center;
    padding-left: 5vw;
}
.slider {
    width: 100%;
    margin: 0 auto;
    /*height: 85%!important;*/
}
.header-tagline {
    max-width: 420px;
    position: relative;
    margin: auto;
}
.info-desc {
    font-size: 16px;
    text-align: center
}
#simple {
    margin-top: 30px;
}
.center-info {
    height: 300px;
}
#info-pic1,
#info-pic2,
#info-pic3,
#info-pic4,
.measurable {
    visibility: hidden
}
.info-card {
    width: 300px;
    height: 300px;
    margin: auto;
    background: white;
    border: solid 1px #ddd;
    padding-top: 50px;
}
.info-pics {
    width: 100px;
}
#purple-blob {
    position: relative; 
    right: -5vw; 
    top: -150px; 
    z-index: -2;
}
.circle-container {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 100px;
}
.circle-divider {
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  border-radius: 50%;
  background: #06038D;
  margin: 0 1em;
  display: inline-block;
  color: white;
  position: relative;
}
.circle-divider::before {
  content: '';
  position: absolute;
  top: .9em;
  left: -4em;
  width: 4em;
  height: 0;
  background: #06038D;
  z-index: -1;
}
#circle-divider-light {
  background: #88DBDF;
}
#circle-divider-light::before {
  background: #88DBDF;
}
.personas {
    max-width: 100%; 
    position: relative;
}
.unique-goals {
    max-width: 800px;
}
#no-best {
    margin: auto;
    margin-top: 50px;
}
#circle-divider-yellow {
  background: #FDD26E;
}
#circle-divider-yellow::before {
  background: #FDD26E;
}
.dietitian-pic {
        max-width: 100%; 
        left: 5%; 
        position: relative;
}
#circle-divider-dark {
  background: #06038D;
}
#circle-divider-dark::before {
  background: #06038D;
}
#circle-divider-green {
  background: #ADDC91;
}
#circle-divider-green::before {
  background: #ADDC91;
}
.ingredients-pic {
        max-width: 100%; 
        right: 5%; 
        position: relative;
    }
.top-line{
	padding-top: 100px;
}
.gray-text{
	font-size: 25pt;
	font-weight: 500;
	transition-property: font-size;
	transition-duration: 0.6s;
}
.black-text{
	font-size:38pt;
	line-height: 1;
	font-weight: 600;
	transition-property: font-size;
	transition-duration: 0.5s;
}