body {
    font-family: lato,Arial,Helvetica,sans-serif;
    background: #eee;
    color: #2a2929;
    overflow: auto!important
}

a {
    text-decoration: none;
    color: #1176BC
}

p {
    font-size: 14px;
    line-height: 1.45em
}

.vimeoplay {
    position: relative;
    display: block;
}

h4 .vimeoplay{
    min-height: 50px;
    display: block;
}

.vimeoplay.thumb:after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    border-style: solid;
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent #ffffff;
    transform: translate(-50%, -50%);
}

.vimeoplay.thumb:before{
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #cc0000d4;
    border: none;
    border-radius: 100%;
    cursor: pointer;
}

.otpanel ol,.otpanel ul {
    font-size: 14px;
    padding-left: 1rem
}

#lifestyle-mpu {
    margin-bottom: 1rem
}

.widget_home [class*=column]+[class*=column]:last-child {
    float: left!important
}

#rte-header-leaderboard tr {
    border: none
}

.masthead,#footer-container {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.weather-widget {
    display: none!important
}

#searchterm {
    display: inline-block;
    height: 30px
}

.btn-social-green-gov {
    background-color: #004d43;
}

#searchbox button {
    height: 41px
}

.callout.alert {
    background-color: #f7e4e1;
    color: #0a0a0a
}

.callout {
    position: relative;
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid rgba(10,10,10,.25);
    border-radius: 0;
    background-color: #fff;
    color: #0a0a0a
}

h1,h2,h3,h4,h5 {
    font-family: raleway,Arial,Helvetica,sans-serif
}

.clearfix {
    clear: both
}

span.red {
    color: #1176BC
}

h1 a,h2 a,h3 a,h4 a {
    color: #121212
}

.category-panel h3.large-12 a {
    text-decoration: underline;
    color: #1176BC
}

.nlsignup {
    display: block;
    margin-top: 2rem;
    width: 100%;
    max-width: 331px;
    margin: auto;
    clear: both
}

#hero.homepage .apply p {
    text-align: left;
    font-size: 1.1em
}

#hero a.button {
    clear: both;
    width: 100%
}

#hero.homepage .apply .text {
    padding: 2rem;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 2rem
}

#hero.homepage {
    padding-bottom: 0
}

#hero.homepage .apply .text p:last-child {
    font-size: small
}

#hero.homepage .apply .text p:first-child {
    font-weight: 700
}

.buttonwrp {
    background-color: rgba(0,0,0,.82);
    position: absolute;
    bottom: 0;
    width: 100%
}

.tempbackground {
    position: relative
}

.buttonwrp {
    background-color: rgba(0,0,0,.82);
    position: absolute;
    bottom: 0;
    width: 100%
}

#hero .buttonwrp a.button {
    max-width: 345px;
    margin-top: 20px;
    font-size: 24px
}

.arrow_box {
    position: relative;
    background: #fbfbfb;
    border: 4px solid #dedede;
    padding: 10px;
    margin-top: -20px
}

.arrow_box:after,.arrow_box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.arrow_box:after {
    border-color: transparent;
    border-bottom-color: #fbfbfb;
    border-width: 30px;
    margin-left: -30px
}

.arrow_box:before {
    border-color: transparent;
    border-bottom-color: #dedede;
    border-width: 36px;
    margin-left: -36px
}

.container {
    max-width: 1000px;
    margin: 0 auto
}

#branding h1 {
    background: url(/wp-content/themes/ot8/ot_dev/img/logo-long.png) no-repeat;
    width: 100%;
    height: 81px;
    text-indent: -9999px;
    text-align: center;
    margin: 1.4rem auto;
    background-size: 100%
}

#branding .logo img {
    margin: 1.4rem auto
}

.sponsor .columns {
    background: #fff
}

#branding .rteone {
    height: 58px;
    width: 100%;
    text-indent: -9999px;
    background: url(/wp-content/themes/ot8/ot_dev/img/rteone_med.png) no-repeat #0776df;
    display: block
}

.show-for-small-only .sponsor {
    background: #fff
}


.mainmenu {
}

.mainmenu nav {
    background: #1176BC;
    color: #fff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}
@media (min-width:600px){
    .top-bar-section ul.left{
    display: flex;
    justify-content: space-between;
    }
    .top-bar-section ul.left li{
        white-space: nowrap;
    }
}
inmenu .top-bar-section ul li a.home {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px
}

.last .otpanel {
    background: #fff
}

.last a.button {
    clear: both
}

.last img {
    display: block;
    margin: 0 auto
}

.top-bar-section ul li {
    background: 0 0
    white-space:nowrap;
}

.mainmenu .top-bar-section ul li>a {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    text-shadow: 1px 1px 1px #000;
    font-family: lato,Arial,Helvetica,sans-serif
}

.mainmenu .top-bar-section li:not(.has-form) a:not(.button) {
    color: #fff;
    text-decoration: none;
    background: #1176BC;
    padding: 0 1.5rem
}

.mainmenu .top-bar-section ul li:hover:not(.has-form)>a {
    background-color: #212121
}

.mainmenu ul {
    margin: 0
}

.mainmenu .top-bar ul {
    padding-left: 0
}

.mainmenu .top-bar-section .dropdown li.title h5 a:hover,.top-bar-section .dropdown li.parent-link a:hover {
    background: #212121
}

.mainmenu .dropdown li a {
    text-align: left!important
}

#hero {
    background: #fff;
    position: relative;
    padding-bottom: 1.5rem
}

#hero.homepage {
    background: url(/wp-content/themes/ot8/ot_dev/img/clockbg.png) no-repeat center center #fff
}

#hero h2 {
    font-weight: 600;
    font-size: 2.2rem;
    margin-bottom: 0;
    margin-top: 1rem
}

#hero.homepage p {
    text-align: center;
    margin: 0;
    font-size: 14px;
    margin-bottom: 10px
}

#hero.homepage {
    text-align: center
}

#hero.leaderprof {
    padding-bottom: 0;
    background: #fff
}

#hero.leaderprof img {
    margin-top: .5rem
}

.leader {
    text-align: center
}

.leader a.image {
    display: block;
    height: 350px;
    background-position: 0 0;
    width: 140px;
    margin: 0 auto
}

.leader a.stats {
    background: #fff;
    text-align: center;
    color: #2a2929;
    display: block;
    width: 100%;
    padding: .5rem;
    border: 1px solid #ddd;
    font-size: 13px
}

.leader a.stats span.name {
    font-weight: 700;
    font-size: 14px
}

.leader a.stats span.weight {
    clear: both;
    display: block;
    margin-top: 5px
}

.leader a.stats span.height {
    clear: both;
    display: block;
    margin-top: 5px
}

#hero.homepage .leader a.image {
    width: 150px;
    background-size: 500%;
    background-repeat: no-repeat
}

#hero.homepage .leader a.image {
    background-image: url(/wp-content/themes/ot8/ot_dev/img/leaders/leaders-sprite-2022_v2.png)
}

#hero.homepage .leader #leader_1 {
    background-position: -6px 0
}

#hero.homepage .leader #leader_2 {
    background-position: 26% 0
}

#hero.homepage .leader #leader_3 {
    background-position: 51% 0
}

#hero.homepage .leader #leader_4 {
    background-position: 75% 0
}

#hero.homepage .leader #leader_5 {
    background-position: 99% 0
}

.leader:nth-child(even) #silhoutte {
    background: url(/wp-content/themes/ot8/ot_dev/img/leaders/silhouette.png) no-repeat!important;
    background-position: 15px 25px!important
}

.leader:nth-child(odd) #silhoutte {
    background: url(/wp-content/themes/ot8/ot_dev/img/leaders/silhoutte2.png) no-repeat!important;
    background-position: 0 15px!important
}

#hero.homepage.keepingwellapart {
  padding-bottom: 20px;  
}

#hero.homepage.keepingwellapart p{
    font-size: 23px;
    color: #d24036;
}

#hero.homepage.keepingwellapart h2{
font-size: 1.9rem;
}

#hero.homepage.keepingwellapart .leader  a.image{
    background-image: none;
    width: 100%;
    height: auto!important;
}



#hero.homepage.keepingwellapart .leader a.stats span.name{
    font-size: 22px;
}



@media only screen and (max-width: 40em) {

    #hero.homepage.keepingwellapart .leader  img{
        height: 156px;
    }

    #hero.homepage.keepingwellapart .leader{
        height: 243px;
    }

    #hero.homepage.keepingwellapart h2 {
        font-size: 1.2rem;
        padding: 10px;
    }

    #hero.homepage.keepingwellapart p {
        font-size: 19px;
    }

    #hero.homepage.keepingwellapart .leader a.stats span.name {
    font-size: 18px;
    }

}

#main {
    background: #eee;
    padding: 1.5rem 0
}

.otpanel {
    margin-bottom: 2rem;
    position: relative;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px
}

.otpanel .inner {
    background: #fff;
    padding: 1rem;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px
}

.otpanel h3 {
    background: #1176BC;
    color: #000;
    margin: 0;
    padding: .5rem 1rem;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    font-weight: 400
}

.otpanel.red h3 {
    background: #1176BC
}

.caret {
    background: url(/wp-content/themes/ot8/ot_dev/img/sprite_v3.png) no-repeat 1rem 0;
    width: 100%;
    height: 9px;
    position: absolute;
    z-index: 100;
    background-position: 0 -122px
}

.red .caret {
    background-position: 0 -132px
}

.otpanel p:first-child {
    margin-top: 0
}

.otpanel img.top_image {
    width: 55%;
    height: auto;
    top: 15px;
    position: relative;
}

.otpanel.tracker {
    background: #fff
}

.otpanel.tracker p:first-child {
    padding-top: 1rem
}

.otpanel.vid {
    background: #fff
}

.rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.float-left {
    float: left
}

.followplan .inner {
    background: #fff;
    padding: 1rem;
    margin-bottom: 2rem
}

.followplan h3 {
    margin-top: 0;
    margin-bottom: 0
}

.newslist h4 {
    padding-top: .5rem;
    margin-bottom: 0
}

.fullpanel {
    background: #fff;
    padding: 1rem
}

.fullpanel h3 {
    margin-top: 0
}

.fullpanel h4 {
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: center
}

.fullpanel p {
    margin-top: .5rem
}

.fullpanel .expert img {
    display: block;
    margin: 0 auto
}

.fullpanel .expert:nth-child(even) {
    background: #eee
}

dd,dl {
    margin: 0
}

dd {
    margin-right: .1rem
}

dl {
    margin-bottom: 1rem
}

.tabs dd.active a,.tabs .tab-title.active a {
    background: #1176BC;
    color: #fff
}

.tabs dd.active a:hover,.tabs .tab-title.active a:hover {
    background: #1176BC
}

.tabs dd a .caret,.tabs .tab-title a .caret {
    display: none
}

.tabs dd.active a .caret,.tabs .tab-title.active a .caret {
    display: block
}

.tabs dd>a,.tabs .tab-title>a {
    padding: .5rem 1rem;
    background: #212121;
    color: #fff
}

.tabs dd>a:hover,.tabs .tab-title>a:hover {
    background-color: #444
}

.tabs {
    margin: 0 1rem
}

.tabs-content>.content {
    padding: 0
}

.tabs-content {
    padding: 1rem
}

a.button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #1176BC
}

button:hover,button:focus,.button:hover,.button:focus {
    background: #d60008
}

.howto a.button {
    margin-bottom: 0;
    width: 100%
}

.howto {
    background: #fff
}

.howto img {
    margin-top: -15px;
    margin-left: 20%
}

.single .large-8 .inner {
    background: #fff;
    padding: 2rem
}

.single #hero * {
    text-align: left
}

.single .inner.title {
    padding-bottom: 1rem;
    padding-top: 1rem;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.single .inner.blog {
    padding-top: 1rem;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.single h2 {
    margin: 0;
    font-size: 2rem
}

p.news-date {
    margin: 0;
    visibility: hidden
}

.single .blog {
    margin-bottom: 2rem
}

img.featimage,.content-list img,.featured img {
    background: #fff;
    width: 100%;
    height: auto;
    margin-bottom: 1rem
}

img.featimage {
    margin: 0
}

.vimeoplay i{
    position: relative;
    top:-220px;
    left: 280px;
    color: white;
    font-size: 60px;
    background: none;
}

.page.single .inner.title {
    padding-bottom: 0
}

.page-title h2 {
    margin-top: 0;
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 1rem
}

.page-title p {
    margin-top: 0;
    margin-bottom: 1rem
}

.category .featured {
    background: #fff;
    padding: 2rem 1rem
}

.category .featured h3,.category .featured h3 a {
    margin-top: 0;
    color: #212121
}

.category .featured a.button {
    margin-top: 1rem
}

.category .large-8 {
    margin-bottom: 2rem
}

.content-list {
    background: #fff;
    padding: 1rem;
    border-top: 1px solid #eee;
    margin-bottom: 2rem
}

.content-list .entry {
    border-bottom: 1px solid #eee;
    margin-bottom: 2rem
}

.content-list .entry h4,.content-list .entry h4 a {
    margin: 0;
    color: #212121
}

.category .content-list .entry:first-child {
    padding-top: 1rem
}

.category .content-list .entry:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.food .content-list h3 {
    margin-top: .5rem
}

.food .content-list .entry {
    border: 0 solid #000;
    min-height: 180px;
    overflow: hidden
}

.food .content-list .entry h4 {
    margin: 0
}

.food .content-list img {
    margin-bottom: .5rem
}

#main .slick-prev:before,#main .slick-next:before {
    color: #1176BC!important;
    content: none
}

#main .slick-prev,#main .slick-next {
    background: url(/wp-content/themes/ot8/ot_dev/img/pager.png) no-repeat
}

#main .slick-prev {
    background-position: -27px -26px
}

#main .slick-next {
    background-position: -6px -26px
}

#main .slick-prev,#main .slick-next {
    top: 10px
}

#main .slick-prev {
    left: 0
}

#main .slick-next {
    left: 25px
}

#main .slick-slider {
    padding-top: 1.5rem
}

#main .slick-slide {
    margin-right: .5rem
}

#main .slick-slide ol li,#main .slick-slide ul li {
    list-style: none
}

#main .slick-slide ol,#main .slick-slide ul {
    margin: 0;
    padding: 0
}

#main .slick-slide h4 {
    margin: 0;
    margin-bottom: .5rem
}

#shopping-list-link {
    display: block;
    padding-left: 1rem;
    padding-bottom: 1rem
}

.content {
    display: block!important;
    height: 0;
    overflow-y: hidden
}

.content.active {
    display: block!important;
    height: auto
}

.otpanel.news a.button {
    margin-top: 1rem;
    margin-bottom: 0
}

ul.news-events-list {
    padding: 0;
    margin: 0
}

ul.news-events-list li {
    list-style: none;
    margin-bottom: 1rem;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #eee
}

ul.news-events-list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.item-date {
    width: 50px;
    height: 50px;
    background: #212121;
    padding: .1rem .5rem;
    color: #fff;
    font-size: 1.4rem!important;
    text-align: center;
    margin-right: 15px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px
}

.item-date span {
    font-size: 12px;
    margin-top: -7px;
    display: block
}

ul.news-events-list h4 {
    margin: 0;
    margin-left: 65px
}

ul.news-events-list h4 a {
    color: #000
}

ul.news-events-list p {
    margin-top: .2rem;
    font-size: .8rem;
    margin-left: 65px
}

#leader-stats {
    font-weight: 700;
    font-size: 12px
}

#leader-stats h3 {
    margin-bottom: 6px
}

#leader-stats .columns {
    margin-bottom: 1rem
}

.leaderprof .large-8 .otpanel h3 {
    background: #1176BC;
    color: #fff;
    font-size: 1.7rem
}
.leaderprof .large-8 .otpanel h3.checkbox_title{
    background: none;
    color: #000;
}

.leaderprof .large-8 .otpanel .caret {
    display: none
}

.leaderprof .large-8 .inner {
    padding-top: 0
}

.leaderprof .leaderage {
    font-size: 1.2rem;
    clear: both;
    display: block;
    margin-bottom: .5rem
}
.white{
    background-color: #fff;
}

.ingredients .recipe-ingredients {
    background: #eee;
    padding: .5rem 1rem;
    margin: 1rem 0
}

.ingredients .recipe-ingredients ul,.recipe-method ol {
    padding-left: 1rem
}

.ingredients .recipe-ingredients ul {
    list-style: none;
    padding-left: 0
}

.ingredients .recipe-ingredients ul li {
    padding-bottom: .5rem
}

.ingredients .recipe-ingredients h5 {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 10px
}

.recipe-method h5 {
    font-size: 18px;
    margin-top: 1.6rem;
    margin-bottom: 0
}

.leader_hero_profile img {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.leader_hero_profile {
    border-bottom: 5px solid #222
}

#leader-events {
}

#leader-events .featimage {
    margin-bottom: 1rem
}

#leader-events .entry {
    margin-bottom: 2rem;
    border-bottom: 1px solid #eee
}

#leader-events .entry:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.leaderfood {
    background: #fff
}

.leaderfood a.button {
    margin-bottom: 0
}

.leaderfood .inner {
    padding-top: 0
}

/*.dayheading {
    font-size: 18px
}*/

iframe {
    max-width: 100%
}

.otpanel .flex-video {
    margin-bottom: 0;
    padding-bottom: 220px;
    padding-top: 0
}

.single .flex-video {
    margin-bottom: 0;
    background-color:white;
}

.foodoption {
    min-height: 170px
}

.foodoption h4 {
    margin: 0;
    font-size: 14px
}

.recipeslider [class*=column]+[class*=column]:last-child {
    float: left
}

.content-list .tabs-content {
    padding: 0
}

.content-list .tabs {
    margin-bottom: 1.5rem!important
}

.food .tabs-content a.button {
    margin-left: 1rem;
    margin-top: 1rem
}

.food_pdf_button {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.recipeslider img {
    width: 100%;
    height: auto
}

#leader-days-slider {
    clear: both;
    width: 100%;
    position: relative;
    background: #212121;
    font-family: lato,Arial,Helvetica,sans-serif;
    padding: .5rem
}

#leader-days-slider .slick-prev:before,#leader-days-slider .slick-next:before {
    color: #fff!important;
    content: none
}

#leader-days-slider div {
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    line-height: 20px
}

#leader-days-slider div .day {
    font-size: 14px;
    padding: 4px 0 12px;
    display: block
}

#leader-days-slider div a {
    display: block;
    color: #fff;
    height: 81px
}

#leader-days-slider div a:hover {
    color: #FAF323;
    text-decoration: none
}

#leader-days-slider div.current a {
    color: #FAF323
}

#leader-days-slider div.current a:hover {
    color: #fff
}

.bigb img {
    display: block;
    margin: 0 auto
}

.bigb {
    padding-bottom: 1rem
}

.safefoodbmi object {
    display: block;
    margin: 0 auto 2rem
}

.safefoodbmi {
    margin-top: .5rem
}

.tracker #hero {
    background: #fff
}

.tracker #hero h2 {
    text-align: center
}

.tracker #hero a.button {
    padding: .5rem 1rem;
    width: 100%;
    text-align: left;
    background: #444
}

.tracker #hero p {
    text-align: left;
    font-weight: 700
}

.tracker #hero ul.legend li {
    list-style: none;
    padding-bottom: 1rem
}

.tracker #hero ul.legend {
    margin: 0;
    padding: 0;
    margin-top: 1rem
}

.tracker #hero ul.legend li span {
    height: 12px;
    width: 12px;
    display: inline-block;
    background: #eee;
    border-radius: 6px;
    margin-right: .5rem;
    margin-top: .5rem
}

.tracker #hero ul.legend li.yourweight span {
    background: #1176BC
}

.tracker #hero ul.legend li.goalweight span {
    background: #666
}

.tracker #hero ul.legend li.leaderweight span {
    background: #ffce14
}

.tracker .weightpanel {
    background: #fff;
    padding: 1rem 2rem
}

.reveal-modal.rteid {
    display: block!important
}

.switch label {
    top: .5rem
}

span.measure {
    font-size: 1rem;
    margin: 0 .1rem
}

span.measure:first-child {
    margin-left: 1rem
}

.leader-sidebar-panel-photo {
    float: right;
    position: absolute;
    bottom: 0;
    right: 1rem
}

.btn {
    margin: 0;
    width: 100%;
    margin-bottom: .5rem;
    font-size: 11px;
    text-align: left;
    padding: 12px 50px
}

.btn-1 {
    border-color: #333;
    color: #fff;
    background: #333;
    overflow: hidden
}

.btn-1b:hover,.btn-1b:active {
    color: #fff
}

.btn-1::after {
    background: url(/wp-content/themes/ot8/ot_dev/img/sprite_v3.png) no-repeat;
    width: 24px;
    height: 24px;
    z-index: 1;
    top: 8px;
    left: 10px
}

.buttongroup {
    margin-bottom: 1rem
}

.buttongroup .btn:last-child {
    margin-bottom: 0
}

.buttongroup .flex-container {
    margin-bottom: 5px
}

.buttongroup .btn.btn-1.jm {
    padding: 9px 50px;
    margin: 0
}

.buttongroup .btn.btn-1.jm:after {
    background-position: -114px -90px
}

.buttongroup .btn-social {
    margin-bottom: 5px
}

.mpu {
    margin-bottom: .5rem!important
}

.btn:before,.icon-heart:after,.icon-star:after,.icon-plus:after,.icon-file:before {
    text-align: center
}

.btn-1.fb {
    background-color: #365b98;
    border-color: #365b98
}

.btn-1.fb::after {
    background-position: 8px -88px
}

.btn-1.jm {
    background-color: #56a0d5;
    border-color: #56a0d5;
    text-indent: 0
}

.btn-1.jm::after {
    background-position: -114px -88px;
    width: 89px
}

.btn-1.ae {
    background-color: #fdc800;
    border-color: #fdc800;
    color: #212121
}

.btn-1.ae::after {
    background-position: -62px -88px
}

.btn-1.twofm {
    background-color: #f67f00;
    border-color: #f67f00
}

.btn-1.twofm::after {
    background-position: -88px -88px;
    width: 24px
}

.btn-1.yt {
    background-color: #1176BC;
    border-color: #1176BC
}

.btn-1.yt::after {
    background-position: -16px -88px
}

.btn-1.rp::after {
    background-position: -40px -88px
}

.btn-1b:hover {
    border-color: #000!important;
    background-color: #000!important;
    color: #fff!important
}

.exercisevid h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    margin-top: 3px
}

.exercisevid img {
    width: 100%;
    max-height: 104px;
}

.exercisevid {
    position: relative;
    min-height: 124px;
    float: left!important
}

.ex-overlay {
    width: 428px;
    height: 313px;
    background: rgba(0,0,0,.8);
    position: fixed;
    z-index: 99999;
    opacity: 0;
    right: -100%;
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
}

.ex-video-container {
    width: 100%;
    max-width: 660px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%)
}

.excercise-desc strong {
    margin-top: 10px;
    display: block
}

.ex-video-container iframe {
    width: 100%;
    min-height: 378px
}

.ex-close {
    width: 20px;
    fill: #fff;
    position: absolute;
    right: 0;
    top: 43px;
}

.ex-close:hover {
    fill: rgba(255,255,255,.5);
    cursor: pointer
}

.ex-show {
    opacity: 1;
    right: 0!important;
    bottom: 0;
}

.allvids .exercisevid {
    min-height: 158px
}

.allvids .exercisevid h4 {
    font-size: 17px
}

.list {
    background: #fff
}

.list .columns {
    padding: 0;
    background: #fff;
    border-top: 5px solid #fff
}

.veg-list {
    display: none
}

.list a {
    background: #1176BC;
    color: #fff;
    width: 100%;
    padding: .5rem;
    display: inline-block;
    text-align: center
}

.list a:hover {
    background: #d60008
}

.list .green a {
    background-color: #048e0f
}

.list .green a:hover {
    background-color: #048e0f
}

.list img {
    margin-top: -30px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.list .inner {
    margin-top: -50px
}

.emptylist {
    background: #eee;
    width: 100%;
    height: 40px
}

.social-share .fb-share,.social-share .twitter-share,.social-share .google-share {
    float: left;
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 1rem
}

.social-share .service-name {
    float: left;
    width: 32px;
    height: 32px;
    background: url(/wp-content/themes/ot8/ot_dev/img/sprite_v3.png) no-repeat;
    text-indent: -9999px
}

.social-share .counter {
    float: left;
    margin: 5px 0 0 5px
}

.social-share .service-name.twitter {
    background-position: -32px 0
}

.social-share .service-name.fb {
    background-position: -64px 0
}

.social-share .service-name.print {
    background-position: -128px 0
}

.social-share .service-name.email {
    background-position: -96px 0;
    margin-right: 1.3rem
}

.social-share a {
    display: block;
    height: 100%;
    width: 100%
}

.social-share .service-name:hover {
    color: #1176BC;
    cursor: pointer
}

.social-share .service-name.google:hover {
    background-position: 0 -32px
}

.social-share .service-name.twitter:hover {
    background-position: -32px -32px
}

.social-share .service-name.fb:hover {
    background-position: -64px -32px
}

.single .social-share {
    margin-top: 1rem
}

.leaderlist .inner.blog img,.leader-panel {
    float: left
}

.leaderlist .content-panel {
    background: #fff;
    padding: 2rem;
    margin-bottom: 2rem
}

a.mpu img {
    display: block;
    margin: 0 auto 2rem
}

.mpu {
    display: block;
    margin: 0 auto 2rem;
    max-width: 100%;
    overflow: hidden
}

#rte-header-leaderboard *,#rte-header-leaderboard {
    float: none!important;
    line-height: 0!important;
    display: block;
    text-align: center;
    margin: 0 auto!important;
    padding: 1px 0 2px;
    background: #222!important
}

#rte-header-leaderboard {
    width: auto!important;
    height: auto!important;
    background: #222!important;
    background-color: #222!important
}

#rte-header-leaderboard table td {
    background: #fff
}

#rte-header-leaderboard script {
    display: none!important
}

#gpt-mpu_ad_container * {
    display: block!important;
    margin: 0 auto!important;
    text-align: center!important
}

#gpt-mpu_ad_container script {
    display: none!important
}

.pagination span,.pagination a {
    display: inline-block;
    padding: 1rem
}

.pagination a {
    background: #1176BC;
    color: #fff;
    border-radius: 3px
}

.pagination a:hover {
    background: #d60008
}

.rte-header nav,.rte-footer .footer-sections {
    max-width: 1000px
}

.nopaddingleft {
    padding-left: 0
}

.nopadding {
    padding: 0
}

.nopaddingright {
    padding-right: 0
}

.marginleft {
    margin-left: 1rem
}

.alignright {
    float: right
}

.parent-link.show-for-small {
    display: none!important
}

.leader_p_box {
    position: relative
}

.leader_p_box img.leader_profile_desktop {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    max-width: 316px;
}

.leader_p_box img.leader_profile_mob {
    display: none
}

.cssShape {
    float: right;
    clear: right;
    width: 0;
    height: 0;
    margin: 0;
}
/*default css shape*/
.cssShape.s_01 {
    height: 86px;
    width: 153px
}

.cssShape.s_02 {
    height: 35px;
    width: 162px;
}

 .cssShape.s_03 {
    height: 130px;
    width: 240px;
}

 .cssShape.s_04 {
    height: 103px;
    width: 241px
}

.cssShape.s_05 {
    height: 44px;
    width: 252px
}


/*body.Marie .leaderfood{
    
} 
body.Marie .leaderfood::after{
    content: 'Maries plan has been specially devised, if you would like more information on Maries plan please email optransrte@gmail.com';
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    display:block;

}
*/
.sidebar.leader_biog
{
    color: white;
    background: #1176BC;
    border-radius: 5px;
    padding: 20px;

}
@media (min-width: 600px) {
.leader_hero_profile img{
    height: 400px;
    width: auto;
}
}
sidebar.leader_biog h3
{
    color: white;

}
body.Marie .leaderfood .tabs-content .content.active, body.Marie .leaderfood .tabs, body.Marie .leaderfood #shopping-list-link,body.Marie .leaderfood h3{
    display: none;
}
body.Marie .leaderfood .tabs-content .content.active{
    display: none !important;
}
body.Marie .leaderfood .button-group{
    display: none;
}

body.Marie .red.list{
    display: none;
}
body.Marie #leader-days-slider, body.Marie .leaderfood{
    display: none;
}
body.Marie .leaderexercise h3{
        display:none;
}
body.Marie .leaderexercise .excercise-desc{
    width: 100%;
}
body.Marie .leaderexercise .video{
    display: none;
}
body.Marie .leaderexercise .video .exercisevid{
    margin-top: 10px;
        width: 80%;
}
body.Marie .leaderexercise .video .exlabel {
        display: none;
}
body.Marie .leaderexercise .exercisevid img{
    max-height: none;
    height: auto;
}

.leader_p_box.Stephanie{

}
.leader_p_box.Stephanie img{
    height: 454px;
}
.leader_p_box.Lorraine img{
    height: 420px;
}
.leader_p_box.Andrea img{
    height: 420px;
}

.leader_p_box.Marie img{
    height: 453px;
}
.leader_p_box.Marie .cssShape.s_03 {
   width: 131px;
}
.leader_p_box.Marie .cssShape.s_04 {
   width: 182px;
}

.leader_p_box.Thomas .cssShape.s_03 {
   width: 131px;
}
.leader_p_box.Thomas .cssShape.s_04 {
   width: 182px;
}

/*.leader_p_box.Kathleen .cssShape.s_01 {
    height: 142px;
    width: 151px;
}

.leader_p_box.Kathleen .cssShape.s_02 {
    height: 36px;
    width: 194px;
}

.leader_p_box.Kathleen .cssShape.s_03 {
    height: 59px;
    width: 227px;
}

.leader_p_box.Kathleen .cssShape.s_04 {
    height: 82px;
    width: 257px;
}

.leader_p_box.Kathleen .cssShape.s_05 {
    height: 111px;
    width: 198px;
}
.leader_profile_desktop{
    height: 430px;
}





.leader_p_box.Stefano .cssShape.s_01 {
    height: 142px;
    width: 143px;
}

.leader_p_box.Stefano .cssShape.s_02 {
    height: 39px;
    width: 223px;
}

.leader_p_box.Stefano .cssShape.s_03 {
    height: 251px;
    width: 251px;
}

.leader_p_box.Stefano .cssShape.s_04 {
    height: 0;
    width: 0;
}

.leader_p_box.Stefano .cssShape.s_05 {
    height: 0;
    width: 0;
}




.leader_p_box.Sarah .cssShape.s_01 {
    height: 138px;
    width: 153px;
}

.leader_p_box.Sarah .cssShape.s_02 {
    height: 36px;
    width: 196px;
}

.leader_p_box.Sarah .cssShape.s_03 {
    height: 50px;
    width: 227px;
}

.leader_p_box.Sarah .cssShape.s_04 {
    height: 147px;
    width: 263px;
}

.leader_p_box.Sarah .cssShape.s_05 {
    height: 63px;
    width: 186px;
}






.leader_p_box.John .cssShape.s_01 {
    height: 146px;
    width: 158px;
}

.leader_p_box.John .cssShape.s_02 {
    height: 35px;
    width: 197px;
}

.leader_p_box.John .cssShape.s_03 {
    height: 130px;
    width: 246px;
}

.leader_p_box.John .cssShape.s_04 {
    height: 119px;
    width: 246px;
}

.leader_p_box.John .cssShape.s_05 {
    height: 0;
    width: 252px;
}






.leader_p_box.Katie .cssShape.s_01 {
    height: 172px;
    width: 142px;
}

.leader_p_box.Katie .cssShape.s_02 {
    height: 35px;
    width: 248px;
}

.leader_p_box.Katie .cssShape.s_03 {
    height: 130px;
    width: 245px;
}

.leader_p_box.Katie .cssShape.s_04 {
    height: 103px;
    width: 205px;
}

.leader_p_box.Katie .cssShape.s_05 {
    height: 0;
    width: 252px;
}



.leader_p_box.leader_13153 .cssShape.s_01 {
    height: 161px;
    width: 149px;
}

.leader_p_box.leader_13153 .cssShape.s_02 {
    height: 114px;
    width: 209px;
}

.leader_p_box.leader_13153 .cssShape.s_03 {
    height: 0;
    width: 0;
}

.leader_p_box.leader_13153 .cssShape.s_04 {
    height: 122px;
    width: 205px;
}

.leader_p_box.leader_13153 .cssShape.s_05 {
    height: 0;
    width: 252px;
}

*/






.forks {
    overflow: hidden
}

@media only screen and (max-width: 40em) {
    .leader_profile_desktop {
        display:none
    }

    .leader_p_box .nopaddingleft {
        padding: 0
    }

    .cssShape {
        display: none
    }

    .leader_p_box img.leader_profile_mob {
        display: block
    }

    .leader_p_box h2 {
        border-top: #eee 1px solid;
        padding-top: 20px
    }

    .buttonwrp {
        background-color: #000;
        position: relative;
        bottom: 0;
        width: 100%
    }

    #hero .buttonwrp a.button {
        clear: both;
        width: 100%;
        max-width: 260px;
        margin-top: 20px;
        font-size: 18px
    }

    #branding .sponsor {
        margin-bottom: 1rem
    }

    .leader a.image {
        height: 170px
    }

    #hero.leaderprof.new .leader_hero_profile {
        height:35vh!important;
        overflow: hidden
    }


    .mainmenu .large-12.columns {
        background: #1176BC
    }

    .top-bar {
        height: 55px;
        border-radius: 0!important
    }

    .top-bar * {
        border-radius: 0!important
    }

    #branding {
        background: #0776df
    }

    #branding .logo img {
        display: none
    }

    #branding .sponsor {
        display: none
    }

    .mainmenu ul li a {
        border-radius: none!important
    }

    .show-for-small-only .sponsor {
            padding-top: .5rem;
            border-bottom: 1px solid #eee;
            padding-bottom: .5rem;
    }

    .mainmenu .large-12.columns {
        padding: 0
    }

    .tabs dd.active a .caret,.tabs .tab-title.active a .caret {
        display: none!important
    }

    span.toggle {
        clear: both;
        display: block
    }

    .tabs dd {
        width: 100%
    }

    .leaderprof .large-8 .vid .inner {
        padding-top: 1rem
    }

    #leader-events .columns {
        padding: 0
    }

    .leader {
        height: 250px
    }

    #hero.homepage .leader a.image {
        width: 140px
    }

    .uservideospanel {
        padding-left: 0;
        padding-right: 1rem
    }

    #odometer {
        font-size: 2em
    }

    .mpclogo {
        float: none
    }

    #leader-stats {
        font-weight: 700;
        font-size: 12px;
        margin-top: 0!important
    }

    #hero_image_celeb {
        overflow: hidden
    }

    #hero_image_celeb .imgcontainer {
        width: 100%;
        height: auto;
        overflow: hidden
    }

    #hero_image_celeb .imgcontainer div {
        margin: 0 -10% 0 -7%;
        position: relative;
        max-width: none;
        height: auto
    }

    #hero_image_celeb .imgcontainer div img {
        width: 100%;
        max-width: 100%;
        height: auto;
        -ms-interpolation-mode: bicubic
    }
}

@media only screen and (min-width: 40.063em) {
    #odometer {
        font-size:4em
    }

    #branding .sponsor {
        margin-bottom: 1rem
    }

    .leader a.image {
        height: 200px
    }

    .leader_hero_profile {
        height: 400px;
        overflow: hidden
    }

    #hero.leaderprof.new img {
        margin-top: .5rem;
        width: 431px;
    }

    .leader_hero_profile {
        border-bottom: 5px solid #222
    }

    .mainmenu ul.left {
        background: #1176BC
    }

    .medium-4 {
        overflow: hidden
    }

    .medium-4 img {
        max-width: 100%
    }

    .medium-4 .mpu,.medium-4 .safefood {
        overflow-x: hidden
    }

    #branding .logo img {
        margin: 1.3rem auto .5;
        display: block
    }

    .logo {
        margin-bottom: 1rem
    }

    #branding .sponsor {
        margin-top: 2.2rem;
        background: 0 0;
        overflow: hidden
    }

    #branding .safefood {
        float: right
    }

    #hero.leaderprof .title {
        float: left;
        margin-bottom: 6px;
    }

    #hero.leaderprof a.button {
        float: right;
        margin-top: 1rem
    }

    #leader-days-slider {
        margin-bottom: 0
    }

    .mainmenu li.fb a {
        width: 60px;
        height: 100%;
        text-indent: -9999px;
        background: url(/wp-content/themes/ot8/ot_dev/img/facebook-nav-bg.png) no-repeat center center #212121!important;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px
    }

    .leaderfood h4,.leaderevents h4 {
        margin: 0
    }

    ul.title-area {
        display: none
    }

    .mpu {
        display: block;
        width: 300px;
        height: auto
    }

    .tracker #hero ul.legend li {
        display: inline-block;
        margin-right: 1rem
    }

    .list div:nth-child(odd) {
        padding-right: .25rem
    }

    .list div:nth-child(even) {
        padding-right: .5rem
    }

    .fullpanel .expert {
        min-height: 500px;
        position: relative
    }

    .fullpanel .expert .button {
        position: absolute;
        bottom: 0
    }

    .food .content-list .entry {
        height: 280px;
        overflow: visible
    }

    .mainmenu .large-12.columns {
        background: #1176BC
    }

    .sponsor img {
        float: right
    }

    ; }

@media only screen and (min-width: 62em) {
    #branding .sponsor {
        margin-top:2.2rem;
        background: 0 0
    }

    #branding .safefood {
        float: right
    }

    .leader a.image {
        height: 360px
    }

    .leader_hero_profile {
        border-bottom: none
    }

    .leader_hero a.button {
        margin-top: 1.2rem;
        float: right;
        margin-bottom: 0
    }

    .leader_hero .title {
        float: left;
        margin-bottom: 0
    }

    #hero.leaderprof {
        height: 390px;
        overflow: hidden
    }

    #hero.leaderprof .container {
        height: 390px;
        overflow: hidden
    }
    #hero.leaderprof.new {
        height: 260px;
        overflow: hidden
    }

    #hero.leaderprof.new .container {
        height: 260px;
        overflow: hidden
    }
    #hero.leaderprof.new p{
        font-size: 18px;
        font-weight: 300;
        margin: 0;
    }
    .top-bar-section .left li .dropdown {
        border-top: 2px solid #212121
    }

    .leader_hero_profile {
        margin-top: .5rem
    }

    .leader-day-slider {
        position: absolute;
        bottom: 0;
        width: 96%
    }

    .leader_hero {
        height: 100%
    }

    .slider_container {
        width: 100%;
        position: relative
    }

    .mainmenu ul.right {
        width: 60px
    }

    .mainmenu li a {
        font-size: 14px!important
    }

    .mainmenu li.fb a {
        width: 60px;
        height: 100%;
        text-indent: -9999px;
        background: url(/wp-content/themes/ot8/ot_dev/img/facebook-nav-bg.png) no-repeat center center #212121!important;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px
    }

    .logo {
        margin-bottom: 1rem
    }

    .mainmenu nav ul {
        height: 45px
    }

    .mainmenu .large-12.columns {
        background: 0 0
    }

    .mainmenu .top-bar-section li:not(.has-form) a:not(.button) {
        text-align: center
    }

    .mainmenu ul.left {
        background: 0 0
    }

    .tracker #hero {
        height: 430px
    }

    .mainmenu .large-12.columns {
        border-bottom: 2px solid #1176BC
    }

    .tracker #hero ul.legend li {
        margin-right: 0
    }

    .mpu {
        margin-bottom: .5rem
    }

    .list div:nth-child(odd) {
        padding-right: .25rem
    }

    .list div:nth-child(even) {
        padding-right: .5rem
    }

    .tabs dd a,.tabs .tab-title a {
        -webkit-border-top-right-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-topleft: 3px;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px
    }

    .tabs dd.active a .caret,.tabs .tab-title.active a .caret {
        display: block!important
    }

    #leader-events .columns {
        padding: .5rem
    }

    .expert img.alignright {
        margin-top: -180px
    }

    .fullpanel .expert {
        min-height: 500px;
        position: relative
    }

    .fullpanel .expert .button {
        position: absolute;
        bottom: 0
    }

    .list {
        min-height: 405px
    }

    .forks img {
        margin-top: 2rem
    }

    .forks.leader img {
        margin-top: 3rem
    }

    .howto a.button {
        margin-bottom: 0;
        width: 100%;
        background-image: url(/wp-content/themes/ot8/ot_dev/img/sprite_v3.png);
        background-position: 18px -208px
    }

    .food .content-list .entry {
        height: auto
    }

    .mainmenu .large-12.columns {
        background: 0 0
    }

    .tracker #main .large-8 {
        min-height: 1200px
    }

    #odometer {
        font-size: 6em
    }
}

@media print {
    body {
        font-family: lato,Arial,Helvetica,sans-serif
    }

    .sidebar,.mainmenu,.rte-header,.rte-footer,.social-share,.button,.columns img,#branding,.single .tracker,.flex-video,#gpt-top-leaderboard_ad_container,.mpu {
        display: none
    }
}

::selection {
    background: #1176BC;
    color: #fff
}

::-moz-selection {
    background: #1176BC;
    color: #fff
}

.ticker {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #ddd
}

.ticker p {
    font-weight: 400;
    font-size: 1.5em;
    text-align: center
}

.ticker p:first-of-type {
    margin-top: 0
}

.ticker a {
    margin: auto;
    display: block;
    max-width: 300px
}

@import "https://fonts.googleapis.com/css?family=Economica";.odometer.odometer-auto-theme,.odometer.odometer-theme-train-station {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    position: relative
}

.odometer.odometer-auto-theme,.odometer.odometer-theme-train-station {
    *display: inline
}

.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-train-station .odometer-digit {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    position: relative
}

.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-train-station .odometer-digit {
    *display: inline
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-train-station .odometer-digit .odometer-digit-spacer {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-train-station .odometer-digit .odometer-digit-spacer {
    *display: inline
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-train-station .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-train-station .odometer-digit .odometer-ribbon {
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-train-station .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-train-station .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-train-station .odometer-digit .odometer-value.odometer-last-value {
    position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-train-station.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-train-station.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-train-station.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-train-station.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.odometer.odometer-auto-theme,.odometer.odometer-theme-train-station {
    font-family: economica,sans-serif
}

.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-train-station .odometer-digit {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    -moz-border-radius: .1em;
    -webkit-border-radius: .1em;
    -o-border-radius: .1em;
    -ms-border-radius: .1em;
    -khtml-border-radius: .1em;
    border-radius: .1em;
    background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#111111),color-stop(35%,#111111),color-stop(55%,#333333),color-stop(55%,#111111),color-stop(100%,#111111));
    background-image: -webkit-linear-gradient(top,#111111 0%,#111111 35%,#333333 55%,#111111 55%,#111111 100%);
    background-image: -moz-linear-gradient(top,#111111 0%,#111111 35%,#333333 55%,#111111 55%,#111111 100%);
    background-image: -o-linear-gradient(top,#111111 0%,#111111 35%,#333333 55%,#111111 55%,#111111 100%);
    background-image: -ms-linear-gradient(top,#111111 0%,#111111 35%,#333333 55%,#111111 55%,#111111 100%);
    background-image: linear-gradient(top,#111111 0%,#111111 35%,#333333 55%,#111111 55%,#111111 100%);
    background-color: #222;
    padding: 0 .15em;
    color: #fff
}

.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-train-station .odometer-digit {
    *display: inline
}

.odometer.odometer-auto-theme .odometer-digit+.odometer-digit,.odometer.odometer-theme-train-station .odometer-digit+.odometer-digit {
    margin-left: .1em
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-train-station .odometer-digit .odometer-digit-inner {
    left: .15em
}

.odometer .odometer-inside .odometer-digit:first-child,.odometer .odometer-inside .odometer-formatting-mark:nth-child(2) {
    display: none
}

#odometer {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    background: #1176BC;
    border-radius: 10px
}

.odometer-inside::after {
    content: "lbs";
    font-size: .7em;
    color: #000;
    padding-left: 10px
}

.workout .button {
    width: 100%;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 1.7em;
    font-weight: 100;
    letter-spacing: 1px
}

.owl-item .button {
    margin: 0
}

.howto a.button.noIcon {
    background-image: none
}

.excercise-desc p {
    margin: 0!important
}

#hero.homepage {
    background: #fff!important
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px #eee
}

.flex-container [class^=icon-],.flex-container [class*=" icon-"] {
    font-size: 3.5em!important;
    line-height: .5
}

.flex-inner span {
    margin-left: 26%!important
}

.flex-inner {
    width: 16.6%!important;
    max-width: 16.6%!important;
    min-height: 100%;
    margin: auto;
    padding: 0;
    padding-top: 17px;
    float: left
}

.btn-social-insta {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)
}

.buttongroup .btn:hover {
    background: #000!important;
    color: #fff!important
}

@media(min-width: 37.5em) {
    .flex-container .btn-1::after {
        left:10px!important
    }
}

svg .county {
    stroke-width: 1;
    fill: #92c446;
    stroke: #fff
}

.county.active {
    cursor: pointer;
    fill: #1176BC
}

.map-tooltip {
    position: fixed;
    padding: 10px;
    text-align: center;
    background: #000;
    color: #fff;
    border-radius: 3px;
    white-space: nowrap;
    z-index: 1000
}

#ilu-page ul.clubs-list {
    font-size: 1rem;
    list-style: none;
    padding: 0
}

#ilu-page ul.clubs-list li {
    cursor: pointer;
    padding: .5rem 1rem
}

#ilu-page ul.clubs-list li:hover {
    text-decoration: underline
}

#ilu-page ul.clubs-list li.head-row {
    cursor: default;
    text-decoration: none!important;
    color: #fff;
    background: #1176BC;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px
}

#ilu-page ul.clubs-list li.odd {
    background: #eee
}

#clubInfo.reveal-modal.tiny,dialog.tiny {
    max-width: 600px;
    width: 100%
}

#clubInfo h1 {
    line-height: 38px
}

#clubInfo h4 {
    margin-bottom: 0
}

#clubInfo .contacts p {
    margin: 0
}

#clubInfo .contacts .phone {
    margin-top: 10px
}

#clubInfo .contacts .social-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: 0 0;
    background-image: url(/wp-content/themes/ot8/ot_dev/img/share_sprite_v3.png);
    background-size: 500%;
    background-repeat: no-repeat;
    margin: 10px 5px 0 0
}

#clubInfo .contacts .social-icon.email {
    background-position: 75% 0
}

#clubInfo .contacts .social-icon.email:hover {
    background-position: 75% 100%
}

#clubInfo .contacts .social-icon.facebook {
    background-position: 50% 0
}

#clubInfo .contacts .social-icon.facebook:hover {
    background-position: 50% 100%
}

#clubInfo .contacts .social-icon.twitter {
    background-position: 25% 0
}

#clubInfo .contacts .social-icon.twitter:hover {
    background-position: 25% 100%
}

.reveal-modal.checkbox .club-gallery {
    visibility: hidden
}

.reveal-modal.checkbox .club-gallery.slick-initialized {
    visibility: visible
}

.reveal-modal.checkbox .club-gallery .image {
    margin: 10px
}

.reveal-modal.checkbox .club-gallery img {
    max-width: 100%;
    min-width: 50px;
    margin: 0;
    width: 100%;
    height: auto
}

.reveal-modal.checkbox .club-gallery .slick-arrow:before {
    color: #1176BC
}

#main .random-photos-gallery {
    margin: 1.5rem 0 2rem;
    padding: 0!important;
    visibility: hidden
}

#main .slick-slider.random-photos-gallery.slick-initialized {
    visibility: visible
}

#main .slick-slider.random-photos-gallery .slick-list {
    margin: 0 50px
}

#main .slick-slider.random-photos-gallery .slick-arrow {
    top: 50%
}

#main .slick-slider.random-photos-gallery .slick-arrow.slick-next {
    left: initial;
    right: 0
}

#main .slick-slider.random-photos-gallery .image {
    margin: 10px
}

#main .slick-slider.random-photos-gallery img {
    opacity: .6;
    transition: all 300ms ease
}

#main .slick-slider.random-photos-gallery .slick-center img {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    opacity: 1;
    transform: scale(1.1)
}

@media only screen and (min-width: 62em) {
    .medium-offset-3 {
        margin-left:0!important
    }
}

.owl-theme .owl-controls {
    margin-top: 0
}

.owl-theme .owl-controls .owl-buttons div {
    background: #1176BC
}

.owl-carousel .owl-item {
    float: left
}

.inner.blog table.tablepress {
    border-collapse: unset;
    min-width: 240px;
    font-size: 1rem;
    line-height: 20px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px
}

.inner.blog .tablepress tr {
    border: 0!important
}

.inner.blog .tablepress tr th {
    background-color: #1176BC;
    color: #fff;
    font-weight: 400;
    padding: .5rem 1rem!important
}

.inner.blog .tablepress tr th,.inner.blog .tablepress tr td {
    display: table-cell
}

.inner.blog .tablepress tr td {
    max-width: 100%;
    border: 0;
    padding: .5rem 1rem!important
}

.inner.blog .tablepress tr.even td,.inner.blog .tablepress .row-hover tr.even:hover td {
    background-color: #eee
}

.inner.blog .tablepress tr.odd td,.inner.blog .tablepress .row-hover tr.odd:hover td {
    background-color: #fff
}

.style_mpu {
    padding: 1.5rem 0
}

.style_mpu img.mobile {
    display: none
}

span.widgetTitle {
    font-weight: 700
}

.owl-buttons {
    display: none
}

.faq_container .toggle:last-child {
    border-bottom: 1px solid #ddd
}

.faq_container .toggle .toggle-title {
    position: relative;
    display: block;
    border-top: 1px solid #ddd;
    margin-bottom: 6px
}

.faq_container .toggle .toggle-title h3 {
    font-size: 20px;
    margin: 0;
    line-height: 1.3;
    cursor: pointer;
    font-weight: 200;
    padding-right: 41px
}

.faq_container .toggle .toggle-inner {
    padding: 7px 24px 10px 50px;
    display: none;
    margin: -7px 0 6px
}

.faq_container .toggle .toggle-inner div {
    max-width: 100%
}

.faq_container .toggle .toggle-title .title-name {
    display: block;
    padding: 25px 25px 14px
}

.faq_container .toggle .toggle-title a i {
    font-size: 22px;
    margin-right: 5px
}

.faq_container .toggle .toggle-title i {
    position: absolute;
    background: url(/wp-content/themes/ot8/ot_dev/img/plus_minus.png) -7px -3px no-repeat;
    width: 24px;
    height: 24px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    margin: 20px;
    right: 0
}

.faq_container .toggle .toggle-title.active i {
    background: url(/wp-content/themes/ot8/ot_dev/img/plus_minus.png) -7px -38px no-repeat
}

.columns.faqicon {
    padding: 0
}

#branding  .notice-lg{
    position: absolute;
    width: 100%;
    bottom: 19%;
    left: 23%;
}

#branding  .notice-lg img{
    max-width: 60%;
}

.notice-sm {
    height: 56px;
    width: 184px;
    display: block;
    text-indent: -9999px;
    background: url(/wp-content/themes/ot8/ot_dev/img/operation-covid-nation-sm.png) no-repeat 0 #fff;
    background-size: contain;
}

.wellapart .content.active {
    padding: 17px;
}

@media only screen and (max-width: 37.5em) {
    .style_mpu img.mobile {
        display:block
    }

    .style_mpu img.large {
        display: none
    }

    .inner.blog table.tablepress {
        font-size: .8rem
    }

    .inner.blog .tablepress tr th,.inner.blog .tablepress tr td {
        padding: .25rem!important
    }

    .faq_container .toggle .toggle-title .title-name {
        display: block;
        padding: 10px 9px 9px 2px;
        font-size: 17px
    }

    .faq_container .toggle .toggle-inner {
        padding: 7px 24px 10px 0;
        display: none;
        margin: -7px 0 6px
    }
}

.recipe recipie_graph{
    padding: 0px;
    background-color: #fff;
}
.recipe .recipie_graph_image{
    max-height: 250px;
}
.recipe-categories-keeping-welll-apart .mainmenu{
    display:none;
}

.recipe-categories-keeping-welll-apart .catback.button{
    display:none;
}

.recipe-categories-keeping-welll-apart .otpanel.red.list{
    display:none;
}


.grey_disabled div{
    background: #cccccc;
    color: #fff;
    width: 100%;
    padding: .5rem;
    display: inline-block;
    text-align: center;
}

.exicon.rest{
    max-height: 152px;
}


.hi-logo-band {
    height: 63px;
    width: 100%;
    background-color: #fff;
}

.logo-hi {
    text-align: center;
    padding: 10px;
}

.logo-hi img{
        max-width: 41px;
    }


  blockquote{
      background-color: #e8e6e6;
    padding: 20px 20px;
    color: #565656;
    font-size: 10px;
  }  

blockquote p{
    color: #565656;
    font-size: 12px;
  }