/* Fonts */
@font-face {
    font-family: 'MarkPro';
    src: url('../fonts/MarkPro.eot');
    src: url('../fonts/MarkPro.otf');
}

@font-face {
    font-family: 'DMSans-Bold';
    src: url('../fonts/DMSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Ebrima Regular';
    src: url('../fonts/Ebrima Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'DMSans-Regular';
    src: url('../fonts/DMSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'DMSans-Medium';
    src: url('../fonts/DMSans-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'MarkPro-Book';
    src: url('../fonts/MarkPro-Book.eot');
    src: url('../fonts/MarkPro-Book.otf');
}

@font-face {
    font-family: 'MarkPro-Black';
    src: url('../fonts/MarkPro-Black.eot');
    src: url('../fonts/MarkPro-Black.otf');
}

@font-face {
    font-family: 'MarkPro-BlackItalic';
    src: url('../fonts/MarkPro-BlackItalic.eot');
    src: url('../fonts/MarkPro-BlackItalic.otf');
}

/* Icons */
/* Generated by Glyphter (http://www.glyphter.com) on  Sun Jan 28 2018*/
@font-face {
    font-family: 'Glyphter';
    src: url('../fonts/Glyphter.eot');
    src: url('../fonts/Glyphter.eot?#iefix') format('embedded-opentype'), url('../fonts/Glyphter.woff') format('woff'), url('../fonts/Glyphter.ttf') format('truetype'), url('../fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class*='glyphter-icon-']:before {
    display: inline-block;
    font-family: 'Glyphter';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class*='glyphter-icon-cross']:before {
    font-size: 23px !important;
}

[class*='glyphter-icon-nav']:before {
    font-size: 30px !important;
}

.glyphter-icon-instagram:before {
    content: '\0041';
}

.glyphter-icon-cross:before {
    content: '\0042';
}

.glyphter-icon-dashboard:before {
    /*background-image: url('../img/Dashboard-icon.svg');*/
    background-image: url('../Images/MFC_Dashboard_Icon_DOrange_Transparent.png') !important;
}

.glyphter-icon-emergency-help:before {
    content: '\0044';
}

.glyphter-icon-facebook:before {
    content: '\0045';
}

.educationServices {
    color: #337ab7 !important;
}

.glyphter-icon-headphones:before {
    content: '\0046';
}

.glyphter-icon-history:before {
    content: '\0047';
}

.glyphter-icon-info:before {
    content: '\0048';
}

.glyphter-icon-nav:before {
    content: '\0049';
}

.glyphter-icon-play:before {
    content: '\004a';
}

.glyphter-icon-key:before {
    content: '';
    background-image: url('../img/star-default.svg');
}

.glyphter-icon-snap-that:before {
    content: '\004c';
}

.glyphter-icon-thank-tank:before {
    content: '\004d';
}

.glyphter-icon-twitter:before {
    content: '\004e';
}

.glyphter-icon-question:before {
    content: '\004f';
}

.glyphter-icon-unlocked:before {
    content: '\0050';
}

.glyphter-icon-youtube:before {
    content: '\0051';
}

.glyphter-icon-win:before {
    content: '\0052';
}

.glyphter-icon-account:before {
    content: '\0053';
}

.glyphter-icon-book:before {
    content: '\0054';
}

.glyphter-icon-comment:before {
    content: '\0055';
}

.glyphter-icon-arrow:before {
    content: '\0056';
}

.glyphter-icon-common-arrow:before {
    content: '\0057';
}
/* Global */
* {
    font-family: 'DMSANS-REGULAR';
    font-size: 14px;
    line-height: 1.75;
}

html {
    position: relative;
    min-height: 100%;
}

/*body {
    margin-bottom: 244px;
}*/

h1, h2, h3 {
    font-family: 'MarkPro', Helvetica, Arial;
    font-weight: bold;
}

h1 {
    font-size: 60px;
}

h2, h2 span.icon {
    font-size: 30px;
}

h3 {
    font-size: 20px;
}

p.large-text-block {
    font-size: 30px;
}

p.nav {
    font-size: 20px;
}

ul li, ol li {
    font-size: 20px;
}

    ul li a, ol li a {
        font-size: inherit;
    }

/*a {
    color: #ff5f4a;
    text-decoration: underline #ff5f4a;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
}*/

a:visited {
    color: #D64204;
}

a:hover, a:focus {
    color: #D64204;
    outline: 0px;
}

/*body {
    background: #F0F0F0;
}*/

@media only screen and (max-width : 768px) {
    .Wellbeing .week-working-area.flow-quiz {
        padding: 0px 20px;
    }


    h1 {
        font-size: 36px;
    }

    span.freeSchool, span.about-prizes {
        position: absolute;
        margin-top: 2px;
    }

    label.like-padding-for-mobile {
        padding-bottom: 40px;
    }

    .registration-form .radio label {
        width: 100%;
    }

    label.keep-me-text-padding {
        padding-left: 5px !important;
        position: absolute;
    }

    h2, h2 span.icon {
        font-size: 26px;
    }

    h3 {
        font-size: 20px;
    }

    p.large-text-block {
        font-size: 11px;
    }

    p.nav {
        font-size: 11px;
    }

    .min-height-465 {
        min-height: 0px !important;
    }

    .home-left-right-padding {
        margin-left: 13px !important;
        margin-right: 0px !important;
    }

    .box-inner {
        width: 100%;
        border-radius: 3px;
        padding: 30px 30px 90px 30px;
        min-height: 375px;
        position: relative;
    }


    .margin-right-strength {
        margin-right: -28px !important;
    }

    .width200px {
        width: 200px !important;
        min-width: 200px !important;
    }

    .margin-right {
        margin-right: 0px !important;
    }

    .max-width-88 {
        max-width: 100% !important;
    }

    a.font-size18 {
        font-size: 14px !important;
        padding: 16px 28px !important;
    }

    .font-size9 {
        font-size: 9px !important;
        padding: 20px 28px !important;
    }

    .padding-left {
        padding-left: 0px !important;
    }

    .week1checkboxrightmargin {
        margin-right: 0px !important;
    }

    .week1dropbtnrightmargin {
        margin-right: 0px !important;
    }

    .box-inner h3.text-center {
        min-height: 150px !important;
    }

    .CustomInnerBox {
        background: #fff;
        border-radius: 3px;
        padding: 30px 30px 90px 30px;
        height: 300px;
        min-height: 300px;
        position: relative;
    }

    .powerup .showPowerUpNotificationSetting .checkbox label {
        padding-left: 0;
    }

    .powerup .remove-padding-mobile {
        padding: 0;
    }

    .ul-height-scroll {
        height: 68% !important;
    }

    div.provide-crisis {
        margin-bottom: 80px;
    }
}

/* Tools */
.full-width {
    width: 100%;
}

.padding-sm {
    padding-left: 5px;
    padding-right: 5px;
}

.padding-30 {
    padding: 30px;
}

.no-padding-top {
    padding-top: 0px !important;
}

.no-padding-left {
    padding-left: 0px !important;
}

.margin-top-110 {
    margin-top: 110px;
}

.margin-top-15 {
    margin-top: 15px;
}
/* Navigation */
.navbar-brand {
    height: auto;
    z-index: 2;
}

#navbar.collapse, #navbar.collapsing {
    position: relative;
}

.navbar {
    height: 100px;
    background: #ffffff;
    box-shadow: none;
    border: 0px;
    font-family: DMSans-Regular;
}

.navbar-main {
    font-weight: bold;
}

.navbar a {
    font-family: DMSans-Regular;
    color: #313131;
    font-size: 14pt;
    text-decoration: none;
    font-weight: normal;
    line-height: 16.8pt !important;
    position: relative;
}

    .navbar a:hover, .navbar a:focus {
        text-decoration: none;
        color: #D64204;
    }

.nav > li > a:hover, .nav > li > a:focus {
    background: none;
    color: #D64204;
}

.navbar a.btn:hover, .navbar a.btn:focus {
    color: #ffffff;
}

.navbar-brand {
    padding-top: 0px;
    padding-right: 0px;
}

.navbar-header {
    padding-top: 0px;
}



/*.navbar ul:last-of-type {
    margin-left: 0px;
    margin-right: 5px;
}*/

#bite-back-logo {
    width: 145px;
    position: relative;
}

#bdi-logo {
    width: 130px;
    height: 45px;
    margin-top: 35px;
    /*border-left: 1px solid #b9b9b9;*/
    padding-left: 15px;
}

.emergency-help {
    position: relative;
    padding-top: 0px;
    opacity: 1;
}

/* Mobile Navigation */
.navbar-toggle.collapsed .glyphter-icon-nav, .navbar-toggle .glyphter-icon-cross {
    display: block;
}

.navbar-toggle .glyphter-icon-nav, .navbar-toggle.collapsed .glyphter-icon-cross {
    display: none;
}

.navbar-toggle {
    position: absolute;
    right: 0px;
    color: #D64204;
    margin-top: 9px;
    margin-right: 5px;
}

#navbar.in, #navbar.collapsing {
    background: #313131;
    text-align: left;
}

    #navbar.in a, #navbar.collapsing a {
        color: #ffffff;
        font-size: 14pt;
        width: auto;
    }

    #navbar.in ul, #navbar.collapsing ul {
        margin-top: 0px;
        margin-left: 0px;
    }

    #navbar.in .navbar-nav, #navbar.collapsing .navbar-nav {
        margin: 0px;
    }



        #navbar.in .navbar-nav.emergency-help, #navbar.collapsing .navbar-nav.emergency-help {
            display: block;
            position: initial;
            padding-bottom: 10px;
        }

@media only screen and (max-width : 992px) {

    body {
        padding-top: 50px;
    }

    .footer-nav-margin-top-20 {
        margin-top: 20px;
    }

    .footer-nav-margin-top-15 {
        margin-top: 15px;
    }

    div.jumbotron.orange {
        margin-top: 70px;
    }

    .navbar {
        height: 70px;
    }

        /*.navbar ul {
            margin-top: 0px;
        }*/

        .navbar #bite-back-logo {
            width: 70px;
        }

        .navbar #bdi-logo {
            /*width: 217.087px;
            height: 53.44px;*/
            width: 217.087px;
            height: 53.44px;
            margin-top: 0px;
        }

    #bdi-logo {
        padding-left: 0px;
    }

    .navbar .btn {
        padding: 7px 15px;
        height: auto;
        margin-top: 7px;
    }

    .navbar #navbar.in, .navbar #navbar.collapsing {
        margin-top: 0px;
        position: fixed;
        height: auto !important;
        max-height: unset !important;
        width: 100%;
        top: 56px;
        bottom: 0;
        overflow: hidden;
    }

    #navbar.collapse, #navbar.collapsing {
        position: relative;
        top: -35px;
    }


    div.jumbotron.orange.sub-header {
        margin-top: 40px !important;
        height: 320px;
        background-size: 285.198px 193.05px;
        padding-top: 40px;
    }

        div.jumbotron.orange.sub-header.no-image {
            height: 200px !important;
        }

        div.jumbotron.orange.sub-header.instructional-videos-subheader-style {
            height: 450px;
            padding-top: 40px !important;
            padding-top: 40px !important;
        }



        div.jumbotron.orange.sub-header.ToughStuff-page-style {
            background-size: 285.198px 193.05px;
        }



    div.sub-header1-image-div .sub-header1-bg-image {
        width: 285.198px;
        height: 193.05px;
        background-repeat: no-repeat;
        float: right;
        position: absolute;
        top: 128px;
        right: 0px;
    }

    div.container-fluid.sub-header1 {
        margin-top: 24px;
        margin-bottom: 0px;
    }

        div.container-fluid.sub-header1.explorepage {
            margin-top: 50px;
        }

        div.container-fluid.sub-header1 h1, div.container.sub-header1 h1 {
            margin-top: 30px;
        }



    /*bbk-423 End */

    div.jumbotron.contactUs-page-style h1 {
        margin-top: 0px;
    }

    /*BBK-424 Starts*/
    div.jumbotron.AboutUs-page-style h1 {
        margin-top: 0px;
    }

    div.About-Us-div-Bottom-Image {
        background-size: 400.198px 282.05px;
    }

    div.power-up-bottom-image {
        background-size: 100%;
    }

    div.profile_bottom_image {
        background-size: 50%;
    }


    div.About-Us-div-Bottom-Image .padding-bottom-205 {
        padding-bottom: 145px;
    }
    /*BBK-424 Ends*/

    div.jumbotron.contactUs-page-style {
        padding-top: 5px;
    }

        div.jumbotron.contactUs-page-style p, div.jumbotron.AboutUs-page-style p {
            width: 100%;
        }

    div.quiz-reminder-button-style {
        padding: 0px 15px 0px 0px;
    }

    div.text-align-center.margin-left, div.row.box.Mental-fitness-div {
        padding-left: 0px;
        padding-right: 0px;
    }

    div.Meaning-Quiz-div {
        padding: 30px 0px 30px 0px;
    }
}
/* Navigation Shrink */
.navbar.shrink {
    height: 50px;
}

.navbar, .navbar * {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .navbar.shrink .emergency-help {
        opacity: 0;
        z-index: -100;
    }

    .navbar.shrink ul {
        margin-top: 0px;
    }

    .navbar.shrink #bite-back-logo {
        width: 70px;
    }

    .navbar.shrink #bdi-logo {
        width: 100px;
        margin-top: 2px;
    }

    .navbar.shrink .btn {
        padding: 7px 15px;
        height: auto;
        margin-top: 7px;
    }

    .navbar.shrink #navbar.in, .navbar.shrink #navbar.collapsing {
        margin-top: 0px;
    }

/* Bread Crumbs */
ul.bread-crumbs {
    list-style-type: none;
    width: 100%;
    float: left;
    padding-left: 0px;
}

    ul.bread-crumbs li {
        float: left;
        padding: 0px 15px 15px 15px;
        font-size: 14px;
    }

        ul.bread-crumbs li:first-child {
            padding-left: 5px;
        }
/* Buttons */
a.btn, button.btn.btn-primary, html input[type=button].btn.btn-primary, input[type=reset].btn.btn-primary, input[type=submit].btn.btn-primary, html input[type=button].btn.btn-default, input[type=reset].btn.btn-default, input[type=submit].btn.btn-default {
    height: 52px;
    border-radius: 26px;
    border: 0px;
    padding: 15px 36px;
    box-shadow: none;
    text-shadow: none;
    font-weight: bold;
    text-decoration: none;
}

.btn.btn-primary {
    background: #D64204;
    color: #fefcfa !important;
    border: 0px;
    text-decoration: none !important;
    font-family: DMSans-Medium !important;
    font-size: 12.096pt !important;
    line-height: 14.515pt !important;
    font-weight: normal;
    text-transform: uppercase;
    height: 45px;
    border-radius: 26px;
    box-shadow: none;
}

    .btn.btn-primary.btn-primary-width {
        font-family: DMSans-Medium !important;
        font-size: 12.096pt !important;
        line-height: 14.515pt !important;
        text-transform: uppercase;
        height: 45px;
    }


.li-login .btn.btn-primary, .login {
    right: 0px;
    height: 38px;
    right: 0px;
    padding: 10px 14px !important;
    width: 175px;
}

.btn.btn-primary:hover {
    background: #D64204;
}

.btn.btn-default {
    background: #313131;
    color: #ffffff;
}


.btn.btn-info-footer {
    background: none;
    color: black;
    border: 2px solid black;
}



.btn.btn-info {
    background: none;
    color: #ffffff;
    border: 2px solid #ffffff;
}

.mentalFitness .btn.btn-info {
    margin-left: 10px;
    width: 173px;
    Height: 56px;
    padding-left: 26px;
}
/* Hero */
.jumbotron {
    padding-top: 150px;
    color: #ffffff;
    background: url('../img/hero-bg.png') 400px 10px,linear-gradient( #FF8C2B,#FF9444 );
    overflow: hidden;
    position: relative;
    border-radius: 0px;
}

    .jumbotron.purple {
        background: url('../img/hero-bg.png') no-repeat center center fixed, #7668FF;
    }

    .jumbotron.orange {
        background: url('../Images/Heade_Banner_Ripple.png');
        background-repeat: no-repeat;
        background-position: right bottom;
        background-color: #edf1f2;
        margin-top: 100px;
        padding-top: 60px;
    }

    .jumbotron.instructional-videos-subheader-style {
        padding-top: 60px;
        height: 336px;
        background-size: 456.756px 309.177px;
    }

    .jumbotron.orange.sub-header {
        margin-top: 100px;
        padding-top: 60px;
        height: 336px;
        background-size: 456.756px 309.177px;
    }

.home-page .jumbotron.orange {
    /*height: 516.213px;*/
    /*padding-bottom: 80px;*/
}

    .home-page .jumbotron.orange .container {
        position: relative;
        z-index: 1;
    }

.home-page .homepage-header-banner img {
    position: absolute;
    left: 0;
    top: 0;
}


.homepage-header-ripple img {
    width: 650px;
    height: 309.177px;
    background-repeat: no-repeat;
    float: right;
    position: absolute;
    bottom: 0;
    right: 0;
}

.home-page.mentalFitness .jumbotron-btns.width100per .btn.btn-default.btn-lg, .home-page-body .jumbotron-btns.width100per .btn.btn-default.btn-lg {
    font-family: DMSans-Medium;
    font-size: 10.096pt;
    line-height: 14.515pt;
    text-transform: uppercase;
    color: white;
    background-color: #D64204;
    width: 190px;
    height: 35.656px;
    padding: 8px 10px;
    font-weight: normal;
    box-shadow: none;
}

.home-page-body .jumbotron-btns.width100per a.btn.btn-default.btn-lg {
    width: 100%;
    font-size: 12.096pt;
    line-height: 19pt;
    padding: 10px;
    height: 45px;
}

div.home-page-body .jumbotron-btns {
    padding-bottom: 10px;
}

.home-page .jumbotron.orange .container h1, .home-page-body h1 {
    font-family: DMSans-Medium;
    font-size: 40pt;
    line-height: 48pt;
    font-weight: normal;
    color: #313131;
    width: auto;
    margin-top: 40px;
}

.snapthat-home .home-page-body h1 {
    font-family: DMSans-Regular;
}

.home-page-body h1 {
    width: 100%;
}

.home-page.mentalFitness .transparent p, .home-page-body .transparent p {
    font-family: 'DMSans-Regular';
    font-size: 14pt;
    line-height: 16.8pt;
    padding: 15px;
    margin-bottom: 0px;
}

.home-page.mentalFitness .jumbotron p.text, .home-page-body p.text, .snapthat-home .jumbotron p.text {
    width: 100%;
    color: #313131;
    font-family: 'DMSans-Regular';
    font-size: 16pt;
    line-height: 19.2pt;
    height: auto;
}

.home-page-body p.text {
    width: 100%;
}


div.header-img-wrapper {
    text-align: right;
    padding-right: 0;
}

    div.header-img-wrapper img {
        max-width: 100%;
    }

.home-page .jumbotron.orange .container {
    padding-left: 117.06px;
    padding-bottom: 30px;
}

.home-page.mentalFitness .transparent {
    width: 100%;
    padding: 15px;
    background: #ffffff;
}

div.home-page-body .transparent {
    width: 98% !important;
}




.home-page .jumbotron-btns {
    padding-left: 15px;
}





.box-inner.mental-fitness-checkup-box {
    background-color: #F8D6E4;
}

.box-inner.personality-quiz-box {
    background-color: #32DCD2;
}

.feature.thanktank-box .box-inner {
    background-color: #3CDC82;
}

.feature.snapthat-box .box-inner {
    background-color: #00CDDC;
}

.box-inner.mindfulness-quiz-box {
    background-color: #FE0F7A;
}

.box-inner.gratitude-quiz-box {
    background-color: #DAE3E5;
}

.jumbotron.instructional-videos-subheader-style {
    padding-top: 60px;
    height: 336px;
    background-size: 456.756px 309.177px;
}

.jumbotron.orange.sub-header {
    margin-top: 100px;
    padding-top: 60px;
    height: 336px;
    background-size: 456.756px 309.177px;
}


    .jumbotron.orange.sub-header.contactUs-page-style {
        height: 360px;
    }

    .jumbotron.orange.sub-header.Meaning-Quiz-page-style {
        height: 309.177px;
    }

    .jumbotron.orange.sub-header.instructional-videos-subheader-style {
        height: 450px;
        margin-bottom: 70px;
        padding-top: 90px;
    }



.bitebackinstructionalvideos.container {
    margin-left: 0px;
    width: 100%;
    padding-left: 124.06px;
    padding-right: 124.06px;
    padding-bottom: 40px;
}

div.jumbotron.instructional-videos-subheader-style p.instructional-para {
    color: black !important;
    font-size: 16pt;
    line-height: 19.2pt;
    font-family: 'DMSans-Regular';
    width: 600px;
}

.jumbotron.orange.sub-header h1 {
    color: #D64204;
    /* font-size: 40pt;
    line-height: 48pt;*/
    font-size: 36pt;
    line-height: 44pt;
    font-family: DMSans-Medium;
    font-weight: normal;
    word-break: break-word;
}



.jumbotron.orange.sub-header p, .jumbotron.orange.sub-header a {
    color: #000000;
    font-size: 16pt;
    line-height: 19.2pt;
    font-family: DMSans-Regular;
    text-decoration-color: black;
    font-weight: normal;
}

.jumbotron.orange.sub-header a, .jumbotron.instructional-videos-subheader-style a {
    color: #616161;
    font-size: 16pt;
    line-height: 19.2pt;
    font-family: DMSans-Regular;
    text-decoration-color: black;
    font-weight: normal;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #D64204;
}

    .jumbotron.orange.sub-header a:hover, .jumbotron.instructional-videos-subheader-style a:hover {
        text-decoration: none;
        box-shadow: inset 0 -1px 0 #D64204;
        color: #D64204;
    }



.jumbotron.contactUs-page-style p, .jumbotron.AboutUs-page-style p {
    width: 100%;
}

.orange {
    background-color: #3cdc82;
}


/*.mentalFitness.home-page div.jumbotron.orange, .Quiz .mentalFitness div.jumbotron.orange {
    background: url(../img/hero-bg-2.png);
    background-attachment: fixed;
    background-position: top center;
}*/

.jumbotron.blue {
    background: url('../img/hero-bg.png') no-repeat center center fixed, #2B8AFF;
}

.jumbotron.light-blue {
    background: url('../img/hero-bg.png') no-repeat center center fixed, #01C8CF;
}

.jumbotron.green {
    background: url('../img/hero-bg.png') no-repeat center center fixed, #00CF97;
}

.jumbotron.yellow {
    background: url('../img/hero-bg.png') no-repeat center center fixed, #FFBC2B;
}

.jumbotron.red {
    background: url('../img/hero-bg.png') no-repeat center center fixed, #FF604B;
}

.jumbotron.purple .dotcirclewhite {
    background: #7668FF;
}

.jumbotron.blue .dotcirclewhite, .mfc-banner.blue .dotcirclewhite {
    background: #2B8AFF;
}

.jumbotron.light-blue .dotcirclewhite {
    background: #01C8CF;
}

.jumbotron.green .dotcirclewhite {
    background: #00CF97;
}

.jumbotron.yellow .dotcirclewhite {
    background: #FFBC2B;
}

.jumbotron.red .dotcirclewhite {
    background: #FF604B;
}

.jumbotron-photo {
    width: 500px;
    position: relative;
    right: 0px;
    left: 45px;
}

/*   .jumbotron-photo:before {
        content: "";
        width: 700px;
        height: 700px;
        border-radius: 350px;
        background: rgba(255, 255, 255, 0.2);
        position: absolute;
        z-index: 1;
    }*/

/*.mentalFitness .jumbotron-photo:before {
    background: url(../img/Circle-Bg.svg) no-repeat;
    border-radius: 0px;
    top: 70px;
    left: -6px;
}*/

.mentalFitness .jumbotron-photo:after {
    content: none;
    background: none;
}

.jumbotron-photo:after {
    content: "";
    width: 1000px;
    height: 1000px;
    border-radius: 500px;
    background: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: -200px;
    left: -180px;
    z-index: 1;
}



.jumbotron-photo img {
    width: 500px;
    position: relative;
    z-index: 2;
    height: 670px;
    top: -29px;
    left: 48px;
    border-bottom-left-radius: 56px;
    transform: rotate(362deg);
    border-top-right-radius: 42%;
    padding-left: 25px;
}

.jumbotron-snippet-container {
    background: #00CF97;
    width: 350px;
    height: 350px;
    padding: 40px 50px;
    border-radius: 200px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    margin-top: -110px;
    margin-left: -100px;
}

    .jumbotron-snippet-container:after {
        content: "";
        width: 400px;
        height: 400px;
        border-radius: 500px;
        background: rgba(255, 255, 255, 0.1);
        position: absolute;
        top: -20px;
        left: -40px;
        z-index: -1;
    }

.jumbotron-snippet-text {
    font-weight: bold;
    z-index: 5;
}

    .jumbotron-snippet-text span.icon {
        font-size: 60px;
        color: #313131;
    }

    .jumbotron-snippet-text p.primary {
        font-size: 18px;
        color: #ffffff;
    }

    .jumbotron-snippet-text p {
        font-size: 14px;
        color: #313131;
    }


/* Custom Boxes */
.box {
    margin-bottom: 70px;
}

div.bitebackinstructionalvideos .box {
    margin-bottom: 0;
}


.Meaning-Quiz-text-style .box.quiz.current {
    padding-right: 7px;
    padding-left: 7px;
}

.box-inner {
    width: 100%;
    background: #fff;
    position: relative;
    border-radius: 20px;
    /* border: 2px solid #32dcd2;*/
}

.img-border-week6 {
    border: 2px solid #32dcd2;
}

/*BBK-441 Starts*/
.mentalFitness .box-inner, .Explore .box-inner {
    padding: 24px 13px 28px 13px;
}

.mentalFitness .box-inner, .Explore .box-inner {
    min-height: 400px;
}

/*BBK-441 Ends*/

.findoutmorepage .box-inner {
    min-height: 375px;
}


.mentalFitness .box-inner h3, .youtheducator .box-inner h3, .Explore .box-inner h3 {
    margin-top: 0px;
    font-size: 32px;
    font-family: DMSans-Regular;
}

.mentalFitness .box-inner .snapThat h3 {
    color: white;
}

.box-inner-snapthat-height {
    min-height: 280px !important;
    max-height: 300px !important;
}



.saveBtn {
    height: 52px !important;
    border-radius: 26px !important;
    border: 0px !important;
    padding: 15px 36px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

/* Quiz Boxes */
.box.quiz {
    display: none;
}

.WEMWBSquizdiv .box.quiz {
    display: block;
}

.box.quiz.previous, .box.quiz.next {
    display: block;
    opacity: 0.5;
}

.box.quiz.next {
    margin-top: 8px;
}

    .box.quiz.previous .btn, .box.quiz.next .btn {
        opacity: 0;
    }

.box.quiz.current {
    display: block;
    opacity: 1;
}



.box.quiz .btn {
    position: static;
    margin-left: 0px;
}


/* Quiz Slider */
.slider-container {
    float: left;
    width: 100%;
    clear: both;
}

.slider {
    width: 100%;
}

    .slider.slider-horizontal .slider-track {
        height: 12.004px;
    }

    .slider.slider-horizontal .slider-handle {
        margin-top: -7px;
    }
/* slider reset */
.slider-selection, .slider-track, .slider-handle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

    .slider-selection[style = 'left: 0%; width: 20%;'] {
        /*BBK-444 Starts*/
        background: rgb(255,159,26);
        /*BBK-444 Ends*/
    }

    .slider-selection[style = 'left: 0%; width: 40%;'] {
        /*BBK-444 Starts*/
        background: rgb(255,159,26);
        /*BBK-444 Ends*/
    }

    .slider-selection[style = 'left: 0%; width: 60%;'] {
        /*BBK-444 Starts*/
        background: rgb(255,159,26);
        /*BBK-444 Ends*/
    }

    .slider-selection[style = 'left: 0%; width: 80%;'] {
        /*BBK-444 Starts*/
        background: rgb(255,159,26);
        /*BBK-444 Ends*/
    }

    .slider-selection[style = 'left: 0%; width: 100%;'] {
        /*BBK-444 Starts*/
        background: rgb(255,159,26);
        /*BBK-444 Ends*/
    }

.slider-track {
    background: #F7D0C0;
}

/*BBK-444 Starts*/
div.slider-handle {
    background: #e14504;
    opacity: 1;
    height: 20px;
    width: 20px;
    border-radius: 100% !important;
}
/*BBK-444 Ends*/

.slider.slider-horizontal[style] {
    width: 100% !important;
}

/* Custom Boxes Feature */
.feature.yellow .box-inner {
    background-color: #FFBC2B;
}

.feature.purple .box-inner {
    background-color: #7668FF;
}

.feature.green .box-inner {
    background-color: #00CF97;
}

.feature.blue .box-inner {
    background-color: #01C8CF;
}

.feature.red .box-inner {
    background-color: #FF604B;
}


/*.feature .box-inner {
    background-image: url('../img/hero-bg.png');
    background-size: cover;
    padding: 30px;
}*/


.feature .box-inner .btn {
    left: 110px;
}

.feature h2 {
    margin-top: 0px;
    font-size: 54px;
    color: #ffffff;
}

    .feature h2 span.icon {
        font-size: 60px;
        color: #313131;
    }

.feature-img {
    position: relative;
    margin: auto;
    text-align: right;
}

.connection-feature-img {
    width: 250px;
    margin-bottom: 40px;
}

.feature-img:after {
    content: "";
    width: 250px;
    height: 250px;
    border-radius: 250px;
    background: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 1;
}

.full_width_img .feature-img:after {
    content: none;
    background: none;
}

.full_width_img .feature-img:before {
    content: none;
    background: none;
}

.feature-img:before {
    content: "";
    width: 280px;
    height: 280px;
    border-radius: 280px;
    background: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: -30px;
    left: -40px;
    z-index: 1;
}


/*BBK-441 Starts*/
.full_width_img .feature-img img {
    width: auto;
    max-width: 100%;
    position: relative;
    z-index: 3;
    right: 0px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    height: 400px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
/*BBK-441 Ends*/
.connection-feature-img img {
    width: 250px;
    border-radius: 250px;
}

.feature-img:before {
    top: -10px;
    left: -20px;
}

.feature-img:after {
    top: -5px;
    left: -5px;
    width: 270px;
    height: 270px;
}

.feature-img.red:after {
    background: rgba(255, 96, 75, 0.5);
}

.feature-img.red:before {
    background: rgba(255, 96, 75, 0.5);
}

.feature-img.blue:after {
    background: rgba(43, 138, 255, 0.5);
}

.feature-img.blue:before {
    background: rgba(43, 138, 255, 0.5);
}

.feature-img.yellow:after {
    background: rgba(255, 188, 43, 0.5);
}

.feature-img.yellow:before {
    background: rgba(255, 188, 43, 0.5);
}

.feature-img.purple:after {
    background: rgba(118, 104, 255, 0.5);
}

.feature-img.purple:before {
    background: rgba(118, 104, 255, 0.5);
}

.feature-img.green:after {
    background: rgba(0, 207, 151, 0.5);
}

.feature-img.green:before {
    background: rgba(0, 207, 151, 0.5);
}

.feature-img.light-blue:after {
    background: rgba(1, 200, 207, 0.5);
}

.feature-img.light-blue:before {
    background: rgba(1, 200, 207, 0.5);
}

/* Custom tabs */
.nav-tabs {
    border-bottom: 0px;
}

.nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a span {
    background-color: white;
    text-decoration: none;
    border: 0px;
    border-radius: 0px;
}

.nav.nav-tabs > li > a:hover {
    border-bottom: 0px;
}

.tab-content {
    background-color: white;
    padding: 15px;
    border: 0px;
    margin-top: -1px;
}
/* Custom well */
.well {
    border-radius: 0px;
}
/* Custom panel */
.panel {
    padding: 30px 15px 15px 15px;
    border-radius: 0px;
}

.panel-group .panel {
    padding: 0px;
}

.panel-group .panel {
    border-radius: 0px;
}

.notification.panel {
    padding: 15px;
}
/* Custom panel content */
.panel-content {
    padding-bottom: 0px;
    min-height: 370px;
    position: relative;
    background-color: #FF8C2B;
    color: #000000;
    border-radius: 10px;
    margin-bottom: 30px;
}


.panel-info {
    background: #E8E8E8;
    color: #ACACAC;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 80px;
    width: 100%;
    padding: 3px;
    overflow: hidden;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.panel-snapthat {
    padding: 0px;
    background: none;
    border-radius: 10px;
}


.panel-thank-tank {
    border-radius: 10px;
    padding: 15px;
    /* min-height: 365px;*/ min-height: 315px;
    padding: 20px !important;
}

.panel-stories {
    min-height: 330px;
    padding-top: 15px;
    border-radius: 10px;
}

    .panel-stories h4 {
        margin-top: 0px;
        height: 38px;
    }

.panel-stories-content {
    margin: 0px -15px;
    padding: 10px 15px;
    background: #FFF;
    color: #000;
    height: 215px;
    overflow-y: auto;
}
/* Custom accordion */
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: grey; /* adjust as needed */
    position: absolute;
    right: 30px;
}

.Powerup .panel-heading .accordion-toggle:after {
    right: 0px;
}

.collapsed .panel-heading .accordion-toggle:after {
    content: " ";
    background-image: url(/Content/img/quiz-reminder-setup.jpg);
    transform: rotate( 0deg);
}

.panel-heading .accordion-toggle:after {
    content: " ";
    background-image: url(/Content/img/quiz-reminder-setup.jpg);
    display: table;
    width: 14px;
    height: 20px;
    background-repeat: no-repeat;
    right: 0;
    top: 10px;
    background-size: 100% 100%;
    transform: rotate( 90deg);
    transition: 0.30s;
    -webkit-transition: 0.30s;
    -moz-transition: 0.30s;
    -ms-transition: 0.30s;
    -o-transition: 0.30s;
}

a .panel-heading h4.accordion-toggle {
    color: #313131;
    text-decoration: none;
    margin-right: 0px;
}
/* Custom modal */
.modal-content {
    border-radius: 10px;
}
/* Custom multi-select */
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background: #313131;
}


/* MFC */
/*.sidebar {
    margin-top: 30px;
}*/

.mfc-banner {
    background: transparent;
    /*color: #FFF;*/
}

    .mfc-banner.yellow {
        background-color: #FFBC2B;
    }

    .mfc-banner.purple {
        background-color: #7668FF;
    }

    .mfc-banner.green {
        background-color: #00CF97;
    }

    .mfc-banner.blue {
        background-color: #2B8AFF;
    }

    .mfc-banner.light-blue {
        background-color: #01C8CF;
    }

    .mfc-banner.red {
        background-color: #FF604B;
    }
/* Tokens */
.token-label {
    cursor: pointer;
    color: black;
    padding: 0px 0px 5px 0px;
    text-align: center;
    border: 6px solid rgba(255,94,73,0.5215686274509804); /*#ff5f4a85*/
    border-radius: 400px;
    position: relative;
    background: #fff;
    height: 80px;
    width: 80px;
    padding-top: 15px;
}

    .token-label:before {
        content: "";
        border: 6px solid rgba(255,94,73,0.5215686274509804); /*#ff5f4a85*/
        border-radius: 400px;
        position: absolute;
        width: 115%;
        height: 115%;
        left: -9px;
        top: -10px;
    }

.brand-container .brand:nth-of-type(1) .token-label, .brand-container .brand:nth-of-type(1) .token-label:before {
    /*border: 6px solid #7668ff87;*/
    border: 6px solid rgba(117,104,255,0.5294117647058824);
}

.brand-container .brand:nth-of-type(2) .token-label, .brand-container .brand:nth-of-type(2) .token-label:before {
    /*border: 6px solid #2b8aff87;*/
    border: 6px solid rgba(42,138,255,0.5294117647058824);
}

.brand-container .brand:nth-of-type(3) .token-label, .brand-container .brand:nth-of-type(3) .token-label:before {
    border: 6px solid rgba(0,200,206,0.5294117647058824); /*#01C8CF87*/
}

.brand-container .brand:nth-of-type(4) .token-label, .brand-container .brand:nth-of-type(4) .token-label:before {
    border: 6px solid rgba(0,206,151,0.5294117647058824); /*#00cf9787*/
}

.brand-container .brand:nth-of-type(5) .token-label, .brand-container .brand:nth-of-type(5) .token-label:before {
    border: 6px solid rgba(255,187,42,0.5294117647058824); /*#ffbc2b87*/
}

.token-label.active {
    background: rgba(255,94,73,0.47843137254901963); /*#ff5f4a7a*/
}

.brand-container .brand:nth-of-type(1) .token-label.active {
    background: rgba(117,104,255,0.5294117647058824); /*#7668ff87*/
}

.brand-container .brand:nth-of-type(2) .token-label.active {
    background: rgba(42,138,255,0.5294117647058824); /*#2b8aff87*/
}

.brand-container .brand:nth-of-type(3) .token-label.active {
    background: rgba(0,200,206,0.5294117647058824); /*#01C8CF87*/
}

.brand-container .brand:nth-of-type(4) .token-label.active {
    background: rgba(0,206,151,0.5294117647058824); /*#00cf9787*/
}

.brand-container .brand:nth-of-type(5) .token-label.active {
    background: rgba(255,187,42,0.5294117647058824); /*#ffbc2b87*/
}


.token-img {
    width: 90% !important;
    position: relative !important;
    top: 25% !important;
}

.power-up-player-box {
    width: 100%;
    margin-left: 0px !important;
    padding: 15px;
}

footer {
    color: black;
    padding: 0px 0px 0px;
    position: relative;
    bottom: 0;
    width: 100%;
    overflow: hidden;
}

@media only screen and (max-width : 768px) and (orientation: portrait) {
    .jumbotron {
        padding-top: 30px;
    }

    #navbar.in .navbar-nav li, #navbar.collapsing .navbar-nav li {
        margin-top: 20px;
        padding-bottom: 23px;
    }

    li.emergency-help-li {
        padding-top: 15px !important;
        height: 80px;
    }

    .li-login-width {
        margin-top: 0px !important;
    }

    .padding-top-0 {
        padding-top: 0px !important;
    }

    #navbar.in .navbar-nav li.m-padding-left-29 {
        padding-left: 29px !important;
    }

    div.jumbotron.orange.extra-resources-page-style div.container {
        margin-top: 39px;
    }

    div.jumbotron.orange.sub-header.extra-resources-page-style {
        padding-top: 21px;
    }

    .quiz_reminnder a.quiz-reminder-button {
        padding-right: 0px;
    }

    .jumbotron.sub-header.Meaning-Quiz-page-style .padding-left-0.sub-header-style {
        margin-top: 70px;
    }

    .jumbotron.sub-header.Meaning-Quiz-page-style.gratitudeQuize .padding-left-0.sub-header-style {
        margin-top: 70px;
    }

    .jumbotron.sub-header.Meaning-Quiz-page-style.SocialQuize .padding-left-0.sub-header-style {
        margin-top: 50px;
    }

    div.jumbotron.orange.sub-header.Meaning-Quiz-page-style {
        height: 360.177px;
    }

    div.Meaning-Quiz-text-style .box.quiz.current {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media only screen and (max-width : 992px) {
    html {
        position: relative;
        min-height: 100%;
    }



    footer {
        position: inherit;
    }
}

.dark {
    background: #DFDFDF;
    height: 180px;
}

    .dark ul li a {
        font-size: 14pt;
        font-family: 'DMSANS-REGULAR';
        line-height: 16.8pt;
        font-weight: normal;
    }

.footer-BiteBack-li-style {
    font-size: 14pt !important;
    font-family: 'DMSANS-REGULAR';
    line-height: 16.8pt;
    font-weight: normal;
}

.dark h3 {
    font-family: 'DMSANS-REGULAR';
    font-size: 16pt;
    line-height: 21.6pt;
    margin: 0;
    font-weight: normal;
}

footer .form-inline .input-group .input-group-addon {
    width: 1%;
    border-image: white;
}

footer .input-group-addon a {
    height: auto;
    padding: 10px 15px;
}

ul.footer-nav {
    list-style-type: none;
    padding: 0px;
    float: left;
    display: block;
}

    ul.footer-nav li:first-child {
        padding-left: 0px;
    }

    ul.footer-nav li {
        float: left;
        padding: 0px 10px;
        font-size: 14px;
    }

        ul.footer-nav li, ul.footer-nav li a {
            color: black;
            text-decoration: none;
        }

footer .form-control {
    height: auto;
    padding: 15px 20px;
    border-radius: 50px;
    border: 0px;
}

footer .input-group-addon {
    padding: 0px 5px;
    font-size: auto;
    background-color: #ffffff;
    border: 0px;
    border-radius: 50px;
}

/* Forms */
.form-control:focus {
    border-color: rgba(255, 95, 74, 0.94);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 95, 74, 0.075), 0 0 8px rgba(255, 95, 74, 0.6);
    box-shadow: inset 0 1px 1px rgba(255, 95, 74, 0.075), 0 0 8px rgba(255, 95, 74, 0.6);
}



span[data-toggle="tooltip"] {
    color: #868686;
}
/* CUSTOM RADIO */
/* https://bootsnipp.com/snippets/featured/animated-radios-amp-checkboxes-nojs */
.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    background: #E2E2E2;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    margin-right: .5em;
    top: 3px;
    font-size: 16px;
}

.radio .cr {
    border-radius: 50%;
}

    .checkbox .cr .cr-icon,
    .radio .cr .cr-icon {
        position: absolute;
        font-size: 1.5em;
        line-height: 0;
        top: 50%;
        left: -2px;
    }

.checkbox .cr .cr-icon {
    font-size: 1em;
    left: 2px;
}

.radio .cr .cr-icon, .checkbox .cr .cr-icon {
    margin-left: -0.05em;
    color: #ffffff;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

    .checkbox label input[type="checkbox"] ~ .cr > .cr-icon,
    .radio label input[type="radio"] + .cr > .cr-icon {
        transform: scale(1.2) rotateZ(0deg);
        opacity: 0;
        transition: all .3s ease-in;
    }

    .checkbox label input[type="checkbox"]:checked ~ .cr > .cr-icon,
    .radio label input[type="radio"]:checked + .cr > .cr-icon {
        transform: scale(0.9) rotateZ(0deg);
        opacity: 1;
    }

    .checkbox label input[type="checkbox"]:disabled ~ .cr,
    .radio label input[type="radio"]:disabled + .cr {
        opacity: .5;
    }

.surveyTitle {
    margin-bottom: 12px;
    font-size: 25px;
}

/* Mobile */
@media only screen and (max-width : 768px) {
    .youtheducator .full_width_img .feature-img img {
        height: 190px;
        width: 190px;
    }

    .adjust-mobile-padding {
        padding-right: 27.437px;
    }

    .span_show {
        margin-top: 10px;
        text-align: center;
    }

    .snap-that .spanthat_reminder .btn-primary {
        float: unset !important;
    }

    .emergency-help .mfcstart.emergency-help-li {
        bottom: 40px;
    }

    /* .youtube-video__player iframe {
        height: 100% !important;
    }*/

    .About .youtube-video__play-button {
        max-height: 177px;
    }

        .About .youtube-video__play-button img {
            width: 50px;
            margin: 0 auto;
        }

    .power_up .pull-left-mobile {
        float: left !important;
        top: 0px;
        margin-bottom: 10px !important;
    }

    div.week2-mediabox.tick:before {
        margin-left: 75%;
    }

    .dashboard .btn.btn-primary {
        padding: 10px 24px;
        height: 42px;
    }

    /*nav.navbar-fixed-bottom ul.nav li.intro.active a {
        background: #FF9444;
    }*/

    /*nav.navbar-fixed-bottom ul.nav li.dash.active a {
        background: #f0f0f0;
    }*/

    /*nav.navbar-fixed-bottom ul.nav li.Weekone.active a {
        background: #7668FF;
    }

    nav.navbar-fixed-bottom ul.nav li.Weektwo.active a {
        background: #01C8CF;
    }

    nav.navbar-fixed-bottom ul.nav li.Weekthree.active a {
        background: #FF8C2B;
    }

    nav.navbar-fixed-bottom ul.nav li.Weekfour.active a {
        background: #00CF97;
    }

    nav.navbar-fixed-bottom ul.nav li.Weekfive.active a {
        background: #FFBC2B;
    }

    nav.navbar-fixed-bottom ul.nav li.Weeksix.active a {
        background: #FF604B;
    }*/

    nav.navbar-fixed-bottom ul.nav li.active a {
        border-radius: 50px;
    }


    nav.navbar-fixed-bottom .icon-start-active:before, nav.navbar-fixed-bottom .icon-start-lock:before, nav.navbar-fixed-bottom .glyphter-icon-dashboard:before, nav.navbar-fixed-bottom .glyphter-icon-intro:before {
        position: absolute;
        content: '';
        height: 34.75px;
        width: 34.75px;
        background: no-repeat;
        left: 0px;
        top: 0px;
    }


    nav.navbar-fixed-bottom .glyphter-icon-intro:before {
        /*background-image: url('../img/intro.svg');*/
        background-image: url('../Images/MFC_Introduction_Icon_DOrange_Transparent.png');
    }

    nav.navbar-fixed-bottom .icon-start-active:before {
        background-image: url('../Images/Star_Outline_Icon_DOrange_Transparent.png');
        background-size: 34.75px 34.75px !important;
    }

    nav.navbar-fixed-bottom .icon-start-lock:before {
        /*background-image: url(../img/lock.svg);*/
        background-image: url('../Images/MFC_Locked_Icon_DOrange_Transparent.png');
        background-size: 34.75px 34.75px !important;
    }

    nav.navbar-fixed-bottom ul.nav li a {
        padding: 0px 0px !important;
        /*width: 43px;*/
        height: 40px;
        /*margin: 5px 0px !important;*/
    }

    /*nav.navbar-fixed-bottom ul.nav li a span {
            margin: auto 0.1px;
        }*/

    .week6_reminder_button {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
    }

    div.panel-week-image img {
        height: 100px;
        width: 100px;
    }

    .strenghts .btn {
        z-index: 1;
    }

    .userstrength .strenghts.next .btn {
        display: none;
    }

    .strenghts .btn.btn-default {
        position: relative;
    }


    .custom-strength.background_lightgray {
        min-height: 100px;
        width: 100%;
    }

    .my_strenghts li.custom-strengthli {
        margin-inline-end: 6px;
        display: inline-block;
        min-height: 1px !important;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        background: #00cf97;
        border-radius: 10px;
        color: white;
        margin-bottom: 20px;
        padding: 10px 10px;
        padding: 10px 20px;
        z-index: 1;
    }

    .strenghts li.custom-strengthli {
        min-height: 1px !important;
        width: 100% !important;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        background: #00cf97;
        border-radius: 10px;
        color: white;
        margin-bottom: 20px;
        z-index: 1;
    }

    .quiz_quiz_reminnder .for_web_view_margin_left_30 {
        padding: 25px 20%;
    }



    .youtheducator .yellow .box-inner {
        min-height: 530px;
    }

    .youtheducator .purple .box-inner {
        color: white;
    }

    .youtheducator .for-mobile-padding-left-15 {
        padding-left: 15px;
    }

    .for-mobile-padding-20 {
        padding: 20px;
    }

    div.Week2 .for-mobile-padding-20 {
        padding: 0;
    }


    .week_container .panel.mfc-banner .margin-bottom-30 {
        margin-bottom: 45px !important;
    }

    .week4 .week_container .panel.mfc-banner .margin-bottom-30 {
        margin-top: 15px;
    }

    .Introduction .youtubeifrane {
        width: 100%;
    }


    div.backgroud_dot_image {
        padding-top: 0px;
    }

    .Introduction .week_container .box.quiz .box-inner {
        padding: 30px 0px;
    }

    .week_container .box.quiz .box-inner {
        padding: 30px 20px;
    }



    .MFC_week_reminder .modal-body {
        padding-left: 60px;
    }

    .set_reminder .MFCReminderEnableDisable .checkbox .cr .cr-icon {
        left: 3px;
        top: 8px;
    }

    .week_content {
        min-height: 200px;
    }

    div.panel-week {
        background-position: 26px -145px;
    }


    .set_reminder .modal-dialog {
        padding: 0px 20px;
    }

    /*div.welcome_text, .mfc-banner .welcome_text {
        font-size: 32px;
        line-height: 40px;
    }*/

    div.welcome_text {
        word-break: break-all;
    }

    .dashboard .padding-bottom-70 {
        padding-bottom: 30px;
    }

    div.panel.panel-week p.margin-top-30 {
        margin-top: 15px !important;
        margin: auto;
    }

    .challenges_card h3 {
        font-size: 18px;
        margin-top: 0px;
        margin-bottom: 0px;
        min-height: 40px;
    }

    .text-center.week_content.weekCompletedText {
        min-height: unset;
    }

    div.panel-week .panel-body .text-center.week_content {
        min-height: unset;
    }

    div.panel.panel-week {
        padding: 0px;
    }

    div.panel-week .panel-body {
        min-height: 272px;
        padding: 15px;
    }

    .backgroud_dot_image {
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: -117px -2px;
        background-image: url(../img/Page-Top-Background-Dots.png);
    }

    div.dashboard {
        margin-bottom: 100px;
        padding-top: 30px;
        background-image: none;
    }

        div.dashboard a.btn.btn-default, div.dashboard a.btn.btn-default-white {
            padding: 5px 0px;
            height: 32px;
            min-width: 120px;
            position: relative;
            left: 0px;
        }

    a.locked_image img {
        width: 20px;
        height: 20px;
    }

    div.pull-right.pull-left-mobile {
        float: left !important;
    }

    /*.navbar-fixed-bottom .icon-start-active, .navbar-fixed-bottom .icon-start-lock, .navbar-fixed-bottom .glyphter-icon-dashboard, .navbar-fixed-bottom .glyphter-icon-intro {
        margin-right: 10px;
        margin-left: 12px;
    }*/

    .navbar-fixed-bottom {
        position: fixed;
        background: white;
    }

        .navbar-fixed-bottom li {
            display: inline-block;
            width: 11.80%;
            text-align: center;
        }

        .navbar-fixed-bottom ul {
            padding-top: 15px;
            padding-bottom: 15px;
        }

    .current_Week_PopUp .btn.btn-primary.top_60 {
        margin-bottom: 20px;
    }

    div.current_Week_PopUp {
        padding: 56px 15px 56px 15px;
    }

    div .new_week_unlock_up {
        padding: 50px 10px 117px 10px;
    }

    .btn.btn-primary.start_btn {
        top: 70px;
    }

    p.ribbon_img {
        background-size: 88% 77%;
        background-position: 21px;
        padding: 21px 0px;
        font-size: 20px;
    }

    .weekCompletion .modal-dialog {
        top: 20px;
    }

    p.you_just {
        padding: 0px;
    }

    div.token_div2 {
        left: 0;
    }

    .Token-Reward-Stars {
        display: flex;
        justify-content: center;
    }

    p .height_50 {
        height: auto;
        margin-top: 25px;
    }

    .margin_bottom_10 {
        margin-bottom: 10px;
    }

    .person_row .col-sm-4 {
        margin-bottom: 20px;
    }

    .margin_bottom10 .col-sm-4 {
        margin-bottom: 10px;
    }

    .week_thank_tank .pull-right {
        float: left !important;
    }

    .week_thank_tank {
        padding-bottom: 10px;
    }

    .set_thank_tank_reminder .pull-right {
        float: left !important;
    }

    .thank-tank .checkbox label {
        display: block;
    }

    div.pull-right.showReminder {
        float: left !important;
    }

    .dropthanktank {
        text-align: left;
    }

    .showReminder .btn.btn-primary {
        right: 17px;
        position: relative;
    }

    .thanktankshowselectformobile {
        position: relative;
        left: -13px;
        left: -13px;
        top: 11px;
    }

    .week1thanktank .TextAreaHeight100 {
        min-height: 70px;
    }


    .custom-strength {
        display: inline-block;
    }

    div.custom-strength label {
        padding: 10px 28px;
        min-height: 43px;
    }

    .mentalFitness div.jumbotron-btns {
        text-align: left;
    }

    .mentalFitness .jumbotron-btns .btn {
        margin-top: 15px;
    }


    .height61-mobile {
        height: 61px;
    }

    .box-inner {
        padding: 30px;
        min-height: auto;
    }

        .box-inner .btn {
            position: initial;
            margin-left: auto;
        }

    .box-inner {
        border-radius: 10px;
        padding: 30px 30px 30px 30px;
        min-height: 330px;
        position: relative;
    }

    .Mental-fitness-progressbar-div {
        padding: 30px 0px 30px 0px;
    }




    .margin-left-mob-28 {
        margin-left: -28px !important;
    }

    .box-inner-mobW3 {
        width: 115% !important;
    }

    .flow-quiz .pull-left-20 {
        left: 17.9%;
    }

    .flow-quiz .pull-left-40 {
        left: 35.6%;
    }

    flow-quiz .pull-left-60 {
        left: 53%;
    }

    .flow-quiz .pull-left-80 {
        left: 70.4%;
    }

    .flow-quiz .pull-left-100 {
        left: 84%;
    }

    .pull-left-20 {
        left: 18%;
    }

    .pull-left-40 {
        left: 35.3%;
    }

    .pull-left-60 {
        left: 52.5%;
    }

    .pull-left-80 {
        left: 69.6%;
    }

    .pull-left-100 {
        left: 83%
    }

    div.Meaning-Quiz-text-style div.box-inner {
        padding: 30px 0px 30px 0px;
    }
}


/* iPhone only */
@media only screen and (max-device-width: 480px) {
    .Token-Reward-Stars {
        background-position: 79px 0px;
    }

    .horizontalline {
        background: #000;
        border-radius: 0px;
        bottom: -17px;
        content: "";
        height: 102%;
        position: absolute;
        width: 222px;
    }


    .dotcircleweek1Finish {
        left: 220px !important;
    }

    .dotcircleW3S2 {
        left: 116px !important;
    }

    .dotcircleW4S2 {
        left: 116px !important;
    }

    .dotcircleW5S2 {
        left: 116px !important;
    }

    .dotcircleW2S2 {
        left: 10px !important;
    }

    .dotcircleW2S2 {
        left: 25px !important;
    }

    .dotcircleW2S3 {
        left: 48px !important;
    }

    .dotcircleW2S4 {
        left: 71px !important;
    }

    .dotcircleW2S5 {
        left: 94px !important;
    }

    .dotcircleW2S6 {
        left: 118px !important;
    }

    .dotcircleW2S7 {
        left: 141px !important;
    }

    .dotcircleW2S8 {
        left: 166px !important;
    }

    .dotcircleW2S9 {
        left: 190px !important;
    }

    .saveBtn {
        height: 52px !important;
        border-radius: 26px !important;
        border: 0px !important;
        padding: 15px 28px !important;
        box-shadow: none !important;
        text-shadow: none !important;
        font-weight: bold !important;
        text-decoration: none !important;
    }

    .margin-left-mob-28 {
        margin-left: -28px !important;
    }

    .mobile-margin-left {
        margin-left: -16px;
    }

    .mobile-margin-left-week4 {
        margin-left: -16px;
    }

    .padding-left-mobile {
        padding-left: 4px !important;
    }

    .padding-left-text-mobile {
        padding-left: 5px !important;
    }

    .padding-left-notification-mobile {
        padding-left: 20px !important;
    }


    .verify-box {
        width: 285px !important;
        margin-left: 0px !important;
        padding-right: 26px !important;
    }

    .verify-box-account {
        width: 245px !important;
        margin-left: 0px !important;
        padding-right: 26px !important;
    }

    .verify-box-intro {
        width: 290px !important;
        margin-left: -18px !important;
        padding-right: 25px !important;
        margin-top: 30px !important;
    }

    .power-up-player {
        width: 90% !important;
    }

    .power-up-player-box {
        width: 100%;
        margin-left: 0px !important;
    }

    .margin-left-50 {
        margin-left: 0px !important;
        margin-top: 23px;
    }

    .dotcirclew0s2 {
        left: 55px !important;
    }

    .dotcirclew0s3 {
        left: 110px !important;
    }

    .dotcirclew0s4 {
        left: 165px !important;
    }

    .dotcirclew1s2 {
        left: 40px !important;
    }

    .dotcirclew1s3 {
        left: 77px !important;
    }

    .dotcirclew1s4 {
        left: 110px !important;
    }

    .dotcirclew1s5 {
        left: 145px !important;
    }

    .dotcirclew1s6 {
        left: 185px !important;
    }

    .btn-mobile {
        padding: 15px 25px !important;
    }

    .token-box-mob {
        margin-left: 70px !important;
        margin-bottom: 50px !important;
    }

    .margintop250 {
        margin-top: 250px !important;
    }

    .token-text-home {
        position: relative !important;
        top: 10px !important;
        font-size: 25px !important;
    }

    /*Week2 Progress bar start*/
    .dotcircleW2S2 {
        left: 19px !important;
    }

    .dotcircleW2S3 {
        left: 37px !important;
    }

    .dotcircleW2S4 {
        left: 56px !important;
    }

    .dotcircleW2S5 {
        left: 76px !important;
    }

    .dotcircleW2S6 {
        left: 96px !important;
    }

    .dotcircleW2S7 {
        left: 115px !important;
    }

    .dotcircleW2S8 {
        left: 135px !important;
    }

    .dotcircleW2S9 {
        left: 153px !important;
    }

    .dotcircleW2S10 {
        left: 171px !important;
    }

    .dotcircleW2S11 {
        left: 188px !important;
    }

    .dotcircleW2S12 {
        left: 205px !important;
    }

    .dotcircleweek2Finish {
        left: 222px !important;
    }
    /*Week2 Progress bar end*/

    /*Week3 Progress bar Start*/
    .dotcircleW3S2 {
        left: 25px !important;
    }

    .dotcircleW3S3 {
        left: 50px !important;
    }

    .dotcircleW3S4 {
        left: 76px !important;
    }

    .dotcircleW3S5 {
        left: 103px !important;
    }

    .dotcircleW3S6 {
        left: 128px !important;
    }

    .dotcircleW3S7 {
        left: 153px !important;
    }

    .dotcircleW3S8 {
        left: 178px !important;
    }

    .dotcircleW3S9 {
        left: 200px !important;
    }

    .dotcircleweek3Finish {
        left: 222px !important;
    }
    /*Week3 Progress bar End*/
    /*Week5 Progress bar Start*/

    .dotcircleW5S2 {
        left: 33px !important;
    }

    .dotcircleW5S3 {
        left: 67px !important;
    }

    .dotcircleW5S4 {
        left: 100px !important;
    }

    .dotcircleW5S5 {
        left: 131px !important;
    }

    .dotcircleW5S6 {
        left: 163px !important;
    }

    .dotcircleW5S7 {
        left: 195px !important;
    }

    .dotcircleweek5Finish {
        left: 223px !important;
    }

    .horizontalline.week4 {
        width: 222px !important;
    }

    .week4-buttons .font-size18 {
        padding: 16px 28px !important;
        font-size: 14px !important;
    }

    span.dotcircle6.dotcirclewhite, span.dotcircle6.dotcircle {
        left: 228px !important;
    }

    .margin-top-30-mobile {
        margin-top: 30px !important;
    }
    /*Week5 Progress bar End*/

    .dotcircleweek3FinishNew {
        left: 205px !important;
    }

    .horizontallinenew {
        background: #000;
        border-radius: 0px;
        bottom: -17px;
        content: "";
        height: 102%;
        position: absolute;
        width: 205px;
    }

    .dotcircleWeek4S2 {
        left: 14.28% !important;
    }

    .dotcircleWeek4S3 {
        left: 28.56% !important;
    }

    .dotcircleWeek4S4 {
        left: 42.85% !important;
    }

    .dotcircleWeek4S5 {
        left: 57.14% !important;
    }

    .dotcircleWeek4S6 {
        left: 71.43% !important;
    }

    .dotcircleWeek4S7 {
        left: 85.72% !important;
    }

    .dotcircleWeek4S8 {
        left: 98% !important;
    }

    .horizontalline.week4 {
        width: 228px !important;
    }

    .thank-tank-notification-setting {
        width: 290px;
        height: auto;
        display: none;
        margin-left: 20px;
    }

    .snap-that-notification-setting {
        width: 290px;
        height: auto;
        display: none;
    }

    .power-up-notification-setting {
        width: 290px;
        height: 100%;
        border: 1px solid black;
        padding: 12px 35px;
        display: none;
    }



    .for_web_view_margin_left_37.div-left-0.power-up-remainer-div {
        padding: 0px !important;
        border: 0px !important;
    }



    .thank-tank-notification-setting-week {
        padding: 20px;
        display: none;
        margin-left: 20px;
    }

    .Week1 .thank-tank-notification-setting-week {
        padding: 0 !important;
    }

    .snap-that-notification-setting-week {
        width: 290px;
        height: auto;
        display: none;
    }

    .power-up-notification-setting-week {
        width: 258px;
        height: 100%;
        padding: 12px 35px;
        display: none;
        margin-left: 0px;
    }

    .notification-day-width {
        width: 170px !important;
    }

    .notification-day-width-week {
        width: 170px !important;
    }

    .multiselect-container {
        width: 100% !important;
    }

    .spanthat .multiselect-container {
        /*width: 251px !important;*/
        width: 100% !important;
    }

        .spanthat .multiselect-container > li > a > label {
            padding: 3px 20px 3px 84px !important;
        }

    .week2-container .notification-day-width-week, .week2-container .btn-group {
        width: 100% !important;
    }

    .week2-container .Week2Width {
        width: 95% !important;
        height: auto;
    }

    .week-notification-setting {
        width: 90% !important;
        height: auto !important;
        border: 1px solid black !important;
        padding: 20px !important;
        display: none;
        margin-left: 20px !important;
    }

    .thank-tank .margin-bot-24-mobile, .snapthat-home .margin-bot-24-mobile {
        margin-bottom: -24px;
    }

    .container-thank {
        padding-left: 0px !important;
        margin-right: -10px;
    }

    .Week2SelectionLabel {
        width: 95%;
    }

    .FloatRightSelection {
        float: none;
    }

    .margintop30 {
        margin-top: 30px;
    }

    .marginleft5 {
        margin-left: 5px;
    }

    .week6mobile {
        position: relative !important;
        top: -110px !important;
        margin-right: 2px !important;
    }

    .padding-right-mfc-banner {
        padding-right: 0px !important;
    }
}



/* iPhone 6 */
@media only screen and (min-device-width: 370px) and (max-device-width: 380px) {
    .CustomInnerBox {
        background: #fff;
        border-radius: 3px;
        padding: 30px 30px 90px 30px;
        height: 350px;
        min-height: 350px;
        position: relative;
    }

    .horizontalline {
        background: #000;
        border-radius: 0px;
        bottom: -17px;
        content: "";
        height: 102%;
        position: absolute;
        width: 270px;
    }

    .dotcircleweek1Finish {
        left: 273px !important;
    }

    .dotcircle6 {
        left: 267px !important;
    }

    .dotcircleW3S2 {
        left: 140px !important;
    }

    .dotcircleW4S2 {
        left: 136px !important;
    }

    .dotcircleW5S2 {
        left: 136px !important;
    }

    .dotcircleW2S10 {
        left: 268px !important;
    }

    .dotcircleW2S2 {
        left: 32px !important;
    }

    .dotcircleW2S3 {
        left: 59px !important;
    }

    .dotcircleW2S4 {
        left: 86px !important;
    }

    .dotcircleW2S5 {
        left: 114px !important;
    }

    .dotcircleW2S6 {
        left: 144px !important;
    }

    .dotcircleW2S7 {
        left: 177px !important;
    }

    .dotcircleW2S8 {
        left: 208px !important;
    }

    .dotcircleW2S9 {
        left: 238px !important;
    }

    .margin-left-mob-28 {
        margin-left: -28px !important;
    }

    .verify-box {
        width: 340px !important;
        margin-left: 0px !important;
    }

    .verify-box-account {
        width: 300px !important;
        margin-left: 0px !important;
        padding-right: 26px !important;
    }

    .verify-box-intro {
        width: 347px !important;
        margin-left: -13px !important;
    }

    .margin-left-50 {
        margin-left: 0px !important;
        margin-top: 23px;
    }

    .dotcirclew0s2 {
        left: 70px !important;
    }

    .dotcirclew0s3 {
        left: 140px !important;
    }

    .dotcirclew0s4 {
        left: 205px !important;
    }

    .dotcirclew1s2 {
        left: 50px !important;
    }

    .dotcirclew1s3 {
        left: 95px !important;
    }

    .dotcirclew1s4 {
        left: 140px !important;
    }

    .dotcirclew1s5 {
        left: 185px !important;
    }

    .dotcirclew1s6 {
        left: 230px !important;
    }

    .btn-mobile {
        padding: 15px 25px !important;
    }

    .token-box-mob {
        margin-left: 90px !important;
        margin-bottom: 50px !important;
    }



    .token-text-home {
        position: relative !important;
        top: 10px !important;
        font-size: 25px !important;
    }

    /*Week2 Progress bar start*/
    .dotcircleW2S2 {
        left: 22px !important;
    }

    .dotcircleW2S3 {
        left: 42px !important;
    }

    .dotcircleW2S4 {
        left: 64px !important;
    }

    .dotcircleW2S5 {
        left: 85px !important;
    }

    .dotcircleW2S6 {
        left: 108px !important;
    }

    .dotcircleW2S7 {
        left: 130px !important;
    }

    .dotcircleW2S8 {
        left: 152px !important;
    }

    .dotcircleW2S9 {
        left: 175px !important;
    }

    .dotcircleW2S10 {
        left: 199px !important;
    }

    .dotcircleW2S11 {
        left: 222px !important;
    }

    .dotcircleW2S12 {
        left: 245px !important;
    }

    .dotcircleweek2Finish {
        left: 268px !important;
    }
    /*Week2 Progress bar end*/
    /*Week3 Progress bar Start*/
    .dotcircleW3S2 {
        left: 30px !important;
    }

    .dotcircleW3S3 {
        left: 60px !important;
    }

    .dotcircleW3S4 {
        left: 90px !important;
    }

    .dotcircleW3S5 {
        left: 120px !important;
    }

    .dotcircleW3S6 {
        left: 150px !important;
    }

    .dotcircleW3S7 {
        left: 181px !important;
    }

    .dotcircleW3S8 {
        left: 214px !important;
    }

    .dotcircleW3S9 {
        left: 241px !important;
    }

    .dotcircleweek3Finish {
        left: 270px !important;
    }
    /*Week3 Progress bar End*/

    /*Week5 Progress bar Start*/

    .dotcircleW5S2 {
        left: 35px !important;
    }

    .dotcircleW5S3 {
        left: 72px !important;
    }

    .dotcircleW5S4 {
        left: 109px !important;
    }

    .dotcircleW5S5 {
        left: 146px !important;
    }

    .dotcircleW5S6 {
        left: 185px !important;
    }

    .dotcircleW5S7 {
        left: 225px !important;
    }

    .dotcircleweek5Finish {
        left: 265px !important;
    }
    /*Week5 Progress bar End*/

    .dotcircleweek3FinishNew {
        left: 245px !important;
    }

    .horizontallinenew {
        background: #000;
        border-radius: 0px;
        bottom: -17px;
        content: "";
        height: 102%;
        position: absolute;
        width: 245px;
    }

    .horizontalline.week4 {
        width: 280px !important;
    }

    .thank-tank-notification-setting {
        width: 340px;
        display: none;
        margin-left: 20px;
    }

    .snap-that-notification-setting {
        width: 340px;
        height: auto;
        display: none;
    }

    .power-up-notification-setting {
        width: 340px;
        border: 1px solid black;
        padding: 12px 35px;
        display: none;
    }

    .thank-tank-notification-setting-week {
        padding: 20px;
        display: none;
    }

    .snap-that-notification-setting-week {
        width: 340px;
        height: auto;
        display: none;
    }

    .power-up-notification-setting-week {
        width: 240px;
        height: 100%;
        padding: 12px 35px;
        display: none;
        margin-left: 20px;
    }

    .notification-day-width {
        width: 170px !important;
    }

    .notification-day-width-week {
        width: 170px !important;
    }

    .multiselect-container {
        width: 100% !important;
    }

    .week-notification-setting {
        width: 90% !important;
        height: auto !important;
        border: 1px solid black !important;
        padding: 20px !important;
        display: none;
        margin-left: 20px !important;
    }

    .container-thank {
        padding-left: 0px !important;
        margin-right: -10px;
    }

    .Week2SelectionLabel {
        width: 95%;
    }

    .FloatRightSelection {
        float: none;
    }

    .margintop30 {
        margin-top: 30px;
    }

    .week6mobile {
        position: relative !important;
        top: -60px !important;
        margin-right: -85px !important;
    }

    .input-assumpte:checked + label:after {
        content: '\2714';
        min-width: 103px !important;
    }

    .input-assumpte + label {
        width: 104px;
    }
}


/* iPhone   6+*/
@media only screen and (min-device-width: 410px) and (max-device-width: 420px) {
    .CustomInnerBox {
        background: #fff;
        border-radius: 3px;
        padding: 30px 30px 90px 30px;
        height: 400px;
        min-height: 400px;
        position: relative;
    }

    .horizontalline {
        background: #000;
        border-radius: 0px;
        bottom: -17px;
        content: "";
        height: 102%;
        position: absolute;
        width: 310px;
    }

    .dotcircleweek1Finish {
        left: 313px !important;
    }

    .dotcircle6 {
        left: 307px !important;
    }

    .dotcircleW3S2 {
        left: 156px !important;
    }

    .dotcircleW4S2 {
        left: 156px !important;
    }

    .dotcircleW5S2 {
        left: 156px !important;
    }

    .dotcircleW2S10 {
        left: 308px !important;
    }

    .dotcircleW2S2 {
        left: 38px !important;
    }

    .dotcircleW2S3 {
        left: 71px !important;
    }

    .dotcircleW2S4 {
        left: 104px !important;
    }

    .dotcircleW2S5 {
        left: 137px !important;
    }

    .dotcircleW2S6 {
        left: 171px !important;
    }

    .dotcircleW2S7 {
        left: 204px !important;
    }

    .dotcircleW2S8 {
        left: 237px !important;
    }

    .dotcircleW2S9 {
        left: 272px !important;
    }

    .margin-left-mob-28 {
        margin-left: -28px !important;
    }

    .verify-box {
        width: 380px !important;
        margin-left: 0px !important;
    }

    .verify-box-account {
        width: 338px !important;
        margin-left: 0px !important;
        padding-right: 26px !important;
    }

    .verify-box-intro {
        width: 380px !important;
        margin-left: -13px !important;
    }

    .margin-left-50 {
        margin-left: 0px !important;
        margin-top: 23px;
    }

    .dotcirclew0s2 {
        left: 80px !important;
    }

    .dotcirclew0s3 {
        left: 160px !important;
    }

    .dotcirclew0s4 {
        left: 240px !important;
    }

    .dotcirclew1s2 {
        left: 50px !important;
    }

    .dotcirclew1s3 {
        left: 105px !important;
    }

    .dotcirclew1s4 {
        left: 155px !important;
    }

    .dotcirclew1s5 {
        left: 205px !important;
    }

    .dotcirclew1s6 {
        left: 260px !important;
    }

    .btn-mobile {
        padding: 15px 25px !important;
    }

    .token-box-mob {
        margin-left: 110px !important;
        margin-bottom: 50px !important;
    }



    .token-text-home {
        position: relative !important;
        top: 10px !important;
        font-size: 25px !important;
    }

    /*Week2 Progress bar start*/
    .dotcircleW2S2 {
        left: 25px !important;
    }

    .dotcircleW2S3 {
        left: 50px !important;
    }

    .dotcircleW2S4 {
        left: 75px !important;
    }

    .dotcircleW2S5 {
        left: 100px !important;
    }

    .dotcircleW2S6 {
        left: 125px !important;
    }

    .dotcircleW2S7 {
        left: 150px !important;
    }

    .dotcircleW2S8 {
        left: 175px !important;
    }

    .dotcircleW2S9 {
        left: 202px !important;
    }

    .dotcircleW2S10 {
        left: 227px !important;
    }

    .dotcircleW2S11 {
        left: 253px !important;
    }

    .dotcircleW2S12 {
        left: 280px !important;
    }

    .dotcircleweek2Finish {
        left: 305px !important;
    }
    /*Week2 Progress bar end*/

    /*Week3 Progress bar Start*/
    .dotcircleW3S2 {
        left: 30px !important;
    }

    .dotcircleW3S3 {
        left: 60px !important;
    }

    .dotcircleW3S4 {
        left: 94px !important;
    }

    .dotcircleW3S5 {
        left: 128px !important;
    }

    .dotcircleW3S6 {
        left: 163px !important;
    }

    .dotcircleW3S7 {
        left: 198px !important;
    }

    .dotcircleW3S8 {
        left: 235px !important;
    }

    .dotcircleW3S9 {
        left: 271px !important;
    }

    .dotcircleweek3Finish {
        left: 310px !important;
    }
    /*Week3 Progress bar End*/

    /*Week5 Progress bar Start*/

    .dotcircleW5S2 {
        left: 42px !important;
    }

    .dotcircleW5S3 {
        left: 87px !important;
    }

    .dotcircleW5S4 {
        left: 132px !important;
    }

    .dotcircleW5S5 {
        left: 177px !important;
    }

    .dotcircleW5S6 {
        left: 223px !important;
    }

    .dotcircleW5S7 {
        left: 268px !important;
    }

    .dotcircleweek5Finish {
        left: 310px !important;
    }
    /*Week5 Progress bar End*/
    .dotcircleweek3FinishNew {
        left: 270px !important;
    }

    .horizontallinenew {
        background: #000;
        border-radius: 0px;
        bottom: -17px;
        content: "";
        height: 102%;
        position: absolute;
        width: 270px;
        left: 4px !important;
    }

    .horizontalline.week4 {
        width: 312px !important;
    }

    .thank-tank-notification-setting {
        width: 380px;
        display: none;
        margin-left: 20px;
    }

    .snap-that-notification-setting {
        width: 380px;
        height: auto;
        display: none;
    }

    .power-up-notification-setting {
        width: 380px;
        height: 320px;
        border: 1px solid black;
        padding: 12px 35px;
        display: none;
        margin-left: 20px;
    }

    .thank-tank-notification-setting-week {
        padding: 20px;
        display: none;
        margin-left: 20px;
    }

    .snap-that-notification-setting-week {
        width: 380px;
        height: auto;
        display: none;
    }

    .power-up-notification-setting-week {
        width: 280px;
        height: 100%;
        padding: 12px 35px;
        display: none;
        margin-left: 20px;
    }

    .notification-day-width {
        width: 170px !important;
    }

    .notification-day-width-week {
        width: 170px !important;
    }

    .multiselect-container {
        width: 100% !important;
    }

    .week-notification-setting {
        width: 90% !important;
        height: 190px !important;
        border: 1px solid black !important;
        padding: 20px !important;
        display: none;
        margin-left: 20px !important;
    }

    .container-thank {
        padding-left: 0px !important;
        margin-right: -10px;
    }

    .Week2SelectionLabel {
        width: 95%;
    }

    .FloatRightSelection {
        float: none;
    }

    .margintop30 {
        margin-top: 30px;
    }

    .week6mobile {
        position: relative !important;
        top: -65px !important;
        margin-right: -86px !important;
    }
}


/*iPhone 7*/
@media only screen and (min-device-width: 421px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {

    .week6mobile {
        position: relative !important;
        top: -60px !important;
        margin-right: -85px !important;
    }

    .input-assumpte:checked + label:after {
        content: '\2714';
        min-width: 103px;
    }

    .input-assumpte + label {
        width: 104px;
    }
}



/* MFC */
#navbar.in a, #navbar.collapsing a {
    color: #868686;
}

#navbar.in li.locked a, #navbar.collapsing li.locked a {
    color: #C8C8C8;
}

#navbar.in li.active a, #navbar.collapsing li.active a {
    color: #ff5f4a;
}

#navbar.in, #navbar.collapsing {
    background: #DFDFDF;
}

.nav > li.active > a, .nav > li.active > a span {
    background: none;
    color: #ff5f4a;
}

    .nav > li.active > a:hover, .nav > li.active > a:hover span {
        color: #ff5f4a;
    }

.nav-sidebar {
    background: #E8E8E8;
}

    .nav-sidebar li a, .nav-sidebar li a:hover {
        color: #313131;
        text-decoration: none;
        padding: 20px;
    }

        .nav-sidebar li a span, .nav-sidebar li a:hover span {
            color: #868686;
        }


    /*BBK-513 Starts*/
    .Index .nav-sidebar li.locked a, .nav-sidebar li.locked a span {
        color: rgb(225 69 4 / 50%);
    }

        .nav-sidebar li.locked a, .nav-sidebar li.locked a span, .nav-sidebar li.locked a:hover, .nav-sidebar li.locked a span:hover {
            color: rgb(225 69 4 / 50%);
        }
    /*BBK-513 Ends*/
    .nav-sidebar li a span.icon {
        margin-right: 68px;
        top: -2px;
        position: relative;
    }


.spanthat .autocompleteDiv, .powerup .autocompleteDiv, .thank-tank .autocompleteDiv {
    height: 35px;
}

.week2-container .powerup .btn-group, .week2-container .powerup .btn-group button {
    width: 100% !important;
}

.btn-group button span {
    font-size: 14px;
}

/*Notification Pop-Up*/
.popover-content ul {
    margin: 0px;
    padding: 0;
    list-style: none;
}

.notification-popover span.notification-bell {
    font-size: 20px;
    width: 24.767px;
    height: 32.767px;
}

.notification-popover span.bell-badge {
    position: absolute;
    top: -5px;
    right: 0px;
    max-width: 20.73px;
    overflow: hidden;
}

.navbar-toggle .bell-badge {
    position: relative;
    top: -37px;
    left: 11px;
}


/*Tablet View*/

/*Tablet Portrait*/
@media only screen and (min-device-width: 767px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

    .width50per {
        width: 50% !important;
    }

    .width100per {
        width: 100% !important;
    }

    /*.hidden-tablet-portrait {
        display: none !important;
    }*/


    /*Navigation bar tablet view Portrait*/
    .navbar {
        height: 100px;
    }

    footer .navbar {
        height: auto;
    }

    .Header_Menu_Icon_Logo_width {
        width: 217.087px;
        height: 53.44px;
        margin-top: 12px;
    }

    .navbar-header {
        float: none;
    }

    .tablet-width103 {
        width: 103% !important;
    }


    .tabletsnapthatw6width98per {
        width: 98% !important;
    }

    /* .week6snapthat {
        left: 572px !important;
    }*/

    .tablet-marginleft-13 {
        margin-left: -13px !important;
    }

    .font-size9.tabletfontsize {
        font-size: 16px !important;
        padding: 15px 28px !important;
    }

    .snap-that-notification-setting {
        height: auto !important;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-toggle {
        margin-top: 25px !important;
        margin-right: 30px !important;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

    .margintop30 {
        margin-top: 30px;
    }

    .marginleft5 {
        margin-left: 5px;
    }

    .week6mobile {
        position: relative !important;
        top: -110px !important;
        margin-right: 2px !important;
    }

    .padding-right-mfc-banner {
        padding-right: 0px !important;
    }
}



/* iPhone 6 */
@media only screen and (min-device-width: 370px) and (max-device-width: 380px) {
    .CustomInnerBox {
        background: #fff;
        border-radius: 3px;
        padding: 30px 30px 90px 30px;
        height: 350px;
        min-height: 350px;
        position: relative;
    }

    .horizontalline {
        background: #000;
        border-radius: 0px;
        bottom: -17px;
        content: "";
        height: 100%;
        position: absolute;
        width: 100%;
    }

    .dotcircleweek1Finish {
        left: 273px !important;
    }

    .dotcircle6 {
        left: 267px !important;
    }

    .dotcircleW3S2 {
        left: 140px !important;
    }

    .dotcircleW4S2 {
        left: 136px !important;
    }

    .dotcircleW5S2 {
        left: 136px !important;
    }

    .dotcircleW2S10 {
        left: 268px !important;
    }

    .dotcircleW2S2 {
        left: 32px !important;
    }

    .dotcircleW2S3 {
        left: 59px !important;
    }

    .dotcircleW2S4 {
        left: 86px !important;
    }

    .dotcircleW2S5 {
        left: 114px !important;
    }

    .dotcircleW2S6 {
        left: 144px !important;
    }

    .dotcircleW2S7 {
        left: 177px !important;
    }

    .dotcircleW2S8 {
        left: 208px !important;
    }

    .dotcircleW2S9 {
        left: 238px !important;
    }

    .margin-left-mob-28 {
        margin-left: -28px !important;
    }

    .verify-box {
        width: 340px !important;
        margin-left: 0px !important;
    }

    .verify-box-account {
        width: 300px !important;
        margin-left: 0px !important;
        padding-right: 26px !important;
    }

    .verify-box-intro {
        width: 347px !important;
        margin-left: -13px !important;
    }

    .margin-left-50 {
        margin-left: 0px !important;
        margin-top: 23px;
    }

    .dotcirclew0s2 {
        left: 70px !important;
    }

    .dotcirclew0s3 {
        left: 140px !important;
    }

    .dotcirclew0s4 {
        left: 205px !important;
    }

    .dotcirclew1s2 {
        left: 50px !important;
    }

    .dotcirclew1s3 {
        left: 95px !important;
    }

    .dotcirclew1s4 {
        left: 140px !important;
    }

    .dotcirclew1s5 {
        left: 185px !important;
    }

    .dotcirclew1s6 {
        left: 230px !important;
    }

    .btn-mobile {
        padding: 15px 25px !important;
    }

    .token-box-mob {
        margin-left: 90px !important;
        margin-bottom: 50px !important;
    }



    .token-text-home {
        position: relative !important;
        top: 10px !important;
        font-size: 25px !important;
    }

    /*Week2 Progress bar start*/
    .dotcircleW2S2 {
        left: 22px !important;
    }

    .dotcircleW2S3 {
        left: 42px !important;
    }

    .dotcircleW2S4 {
        left: 64px !important;
    }

    .dotcircleW2S5 {
        left: 85px !important;
    }

    .dotcircleW2S6 {
        left: 108px !important;
    }

    .dotcircleW2S7 {
        left: 130px !important;
    }

    .dotcircleW2S8 {
        left: 152px !important;
    }

    .dotcircleW2S9 {
        left: 175px !important;
    }

    .dotcircleW2S10 {
        left: 199px !important;
    }

    .dotcircleW2S11 {
        left: 222px !important;
    }

    .dotcircleW2S12 {
        left: 245px !important;
    }

    .dotcircleweek2Finish {
        left: 268px !important;
    }
    /*Week2 Progress bar end*/
    /*Week3 Progress bar Start*/
    .dotcircleW3S2 {
        left: 30px !important;
    }

    .dotcircleW3S3 {
        left: 60px !important;
    }

    .dotcircleW3S4 {
        left: 90px !important;
    }

    .dotcircleW3S5 {
        left: 120px !important;
    }

    .dotcircleW3S6 {
        left: 150px !important;
    }

    .dotcircleW3S7 {
        left: 181px !important;
    }

    .dotcircleW3S8 {
        left: 214px !important;
    }

    .dotcircleW3S9 {
        left: 241px !important;
    }

    .dotcircleweek3Finish {
        left: 270px !important;
    }
    /*Week3 Progress bar End*/

    /*Week5 Progress bar Start*/

    .dotcircleW5S2 {
        left: 35px !important;
    }

    .dotcircleW5S3 {
        left: 72px !important;
    }

    .dotcircleW5S4 {
        left: 109px !important;
    }

    .dotcircleW5S5 {
        left: 146px !important;
    }

    .dotcircleW5S6 {
        left: 185px !important;
    }

    .dotcircleW5S7 {
        left: 225px !important;
    }

    .dotcircleweek5Finish {
        left: 265px !important;
    }
    /*Week5 Progress bar End*/

    .dotcircleweek3FinishNew {
        left: 245px !important;
    }

    .horizontallinenew {
        background: #000;
        border-radius: 0px;
        bottom: -17px;
        content: "";
        height: 102%;
        position: absolute;
        width: 245px;
        left: 4px !important;
    }

    .horizontalline.week4 {
        width: 280px !important;
    }

    .thank-tank-notification-setting {
        width: 340px;
        display: none;
        margin-left: 20px;
    }

    .snap-that-notification-setting {
        width: 340px;
        height: auto;
    }

    .power-up-notification-setting {
        width: 340px;
        height: 100%;
        border: 1px solid black;
        padding: 12px 35px;
        display: none;
    }


    div.power-up-notification-setting-modal {
        padding: 0px !important;
        margin-left: 0 !important;
    }

    .for_web_view_margin_left_37.div-left-0.power-up-remainer-div {
        padding: 0px;
        border: 0 !important;
    }


    .thank-tank-notification-setting-week {
        padding: 20px;
        display: none;
        margin-left: 20px;
    }

    .snap-that-notification-setting-week {
        width: 340px;
        height: auto;
        display: none;
    }

    .power-up-notification-setting-week {
        width: 240px;
        height: 320px;
        border: 1px solid black;
        padding: 12px 35px;
        display: none;
        margin-left: 20px;
    }

    .notification-day-width {
        width: 170px !important;
    }

    .notification-day-width-week {
        width: 170px !important;
    }

    .multiselect-container {
        width: 100% !important;
    }

    .week-notification-setting {
        width: 90% !important;
        height: auto !important;
        border: 1px solid black !important;
        padding: 20px !important;
        display: none;
        margin-left: 20px !important;
    }

    .container-thank {
        padding-left: 0px !important;
        margin-right: -10px;
    }

    .Week2SelectionLabel {
        width: 95%;
    }

    .FloatRightSelection {
        float: none;
    }

    .margintop30 {
        margin-top: 30px;
    }

    .week6mobile {
        position: relative !important;
        top: -60px !important;
        margin-right: -85px !important;
    }

    .input-assumpte:checked + label:after {
        content: '\2714';
        min-width: 103px !important;
    }

    .input-assumpte + label {
        width: 104px;
    }
}


/* iPhone   6+*/
@media only screen and (min-device-width: 410px) and (max-device-width: 420px) {
    .CustomInnerBox {
        background: #fff;
        border-radius: 3px;
        padding: 30px 30px 90px 30px;
        height: 400px;
        min-height: 400px;
        position: relative;
    }

    .horizontalline {
        background: #000;
        border-radius: 0px;
        bottom: -17px;
        content: "";
        height: 102%;
        position: absolute;
        width: 310px;
    }

    .dotcircleweek1Finish {
        left: 313px !important;
    }

    .dotcircle6 {
        left: 307px !important;
    }

    .dotcircleW3S2 {
        left: 156px !important;
    }

    .dotcircleW4S2 {
        left: 156px !important;
    }

    .dotcircleW5S2 {
        left: 156px !important;
    }

    .dotcircleW2S10 {
        left: 308px !important;
    }

    .dotcircleW2S2 {
        left: 38px !important;
    }

    .dotcircleW2S3 {
        left: 71px !important;
    }

    .dotcircleW2S4 {
        left: 104px !important;
    }

    .dotcircleW2S5 {
        left: 137px !important;
    }

    .dotcircleW2S6 {
        left: 171px !important;
    }

    .dotcircleW2S7 {
        left: 204px !important;
    }

    .dotcircleW2S8 {
        left: 237px !important;
    }

    .dotcircleW2S9 {
        left: 272px !important;
    }

    .margin-left-mob-28 {
        margin-left: -28px !important;
    }

    .verify-box {
        width: 380px !important;
        margin-left: 0px !important;
    }

    .verify-box-account {
        width: 338px !important;
        margin-left: 0px !important;
        padding-right: 26px !important;
    }

    .verify-box-intro {
        width: 380px !important;
        margin-left: -13px !important;
    }

    .margin-left-50 {
        margin-left: 0px !important;
        margin-top: 23px;
    }

    .dotcirclew0s2 {
        left: 80px !important;
    }

    .dotcirclew0s3 {
        left: 160px !important;
    }

    .dotcirclew0s4 {
        left: 240px !important;
    }

    .dotcirclew1s2 {
        left: 50px !important;
    }

    .dotcirclew1s3 {
        left: 105px !important;
    }

    .dotcirclew1s4 {
        left: 155px !important;
    }

    .dotcirclew1s5 {
        left: 205px !important;
    }

    .dotcirclew1s6 {
        left: 260px !important;
    }

    .btn-mobile {
        padding: 15px 25px !important;
    }

    .token-box-mob {
        margin-left: 110px !important;
        margin-bottom: 50px !important;
    }



    .token-text-home {
        position: relative !important;
        top: 10px !important;
        font-size: 25px !important;
    }

    /*Week2 Progress bar start*/
    .dotcircleW2S2 {
        left: 25px !important;
    }

    .dotcircleW2S3 {
        left: 50px !important;
    }

    .dotcircleW2S4 {
        left: 75px !important;
    }

    .dotcircleW2S5 {
        left: 100px !important;
    }

    .dotcircleW2S6 {
        left: 125px !important;
    }

    .dotcircleW2S7 {
        left: 150px !important;
    }

    .dotcircleW2S8 {
        left: 175px !important;
    }

    .dotcircleW2S9 {
        left: 202px !important;
    }

    .dotcircleW2S10 {
        left: 227px !important;
    }

    .dotcircleW2S11 {
        left: 253px !important;
    }

    .dotcircleW2S12 {
        left: 280px !important;
    }

    .dotcircleweek2Finish {
        left: 305px !important;
    }
    /*Week2 Progress bar end*/

    /*Week3 Progress bar Start*/
    .dotcircleW3S2 {
        left: 30px !important;
    }

    .dotcircleW3S3 {
        left: 60px !important;
    }

    .dotcircleW3S4 {
        left: 94px !important;
    }

    .dotcircleW3S5 {
        left: 128px !important;
    }

    .dotcircleW3S6 {
        left: 163px !important;
    }

    .dotcircleW3S7 {
        left: 198px !important;
    }

    .dotcircleW3S8 {
        left: 235px !important;
    }

    .dotcircleW3S9 {
        left: 271px !important;
    }

    .dotcircleweek3Finish {
        left: 310px !important;
    }
    /*Week3 Progress bar End*/

    /*Week5 Progress bar Start*/

    .dotcircleW5S2 {
        left: 42px !important;
    }

    .dotcircleW5S3 {
        left: 87px !important;
    }

    .dotcircleW5S4 {
        left: 132px !important;
    }

    .dotcircleW5S5 {
        left: 177px !important;
    }

    .dotcircleW5S6 {
        left: 223px !important;
    }

    .dotcircleW5S7 {
        left: 268px !important;
    }

    .dotcircleweek5Finish {
        left: 310px !important;
    }
    /*Week5 Progress bar End*/
    .dotcircleweek3FinishNew {
        left: 270px !important;
    }

    .horizontallinenew {
        background: #000;
        border-radius: 0px;
        bottom: -17px;
        content: "";
        height: 102%;
        position: absolute;
        width: 270px;
        left: 4px !important;
    }

    .horizontalline.week4 {
        width: 312px !important;
    }

    .thank-tank-notification-setting {
        width: 380px;
        display: none;
        margin-left: 20px;
    }

    .snap-that-notification-setting {
        width: 380px;
        height: auto;
        display: none;
    }

    .power-up-notification-setting {
        width: 380px;
        height: 320px;
        border: 1px solid black;
        padding: 12px 35px;
        display: none;
        margin-left: 20px;
    }

    .thank-tank-notification-setting-week {
        padding: 20px;
        display: none;
        margin-left: 20px;
    }

    .snap-that-notification-setting-week {
        width: 380px;
        height: auto;
        display: none;
    }

    .power-up-notification-setting-week {
        width: 280px;
        height: 320px;
        border: 1px solid black;
        padding: 12px 35px;
        display: none;
        margin-left: 20px;
    }

    .notification-day-width {
        width: 170px !important;
    }

    .notification-day-width-week {
        width: 170px !important;
    }

    .multiselect-container {
        width: 100% !important;
    }

    .week-notification-setting {
        width: 90% !important;
        height: 190px !important;
        border: 1px solid black !important;
        padding: 20px !important;
        display: none;
        margin-left: 20px !important;
    }

    .container-thank {
        padding-left: 0px !important;
        margin-right: -10px;
    }

    .Week2SelectionLabel {
        width: 95%;
    }

    .FloatRightSelection {
        float: none;
    }

    .margintop30 {
        margin-top: 30px;
    }

    .week6mobile {
        position: relative !important;
        top: -65px !important;
        margin-right: -86px !important;
    }
}


/*iPhone 7*/
@media only screen and (min-device-width: 421px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    .week6mobile {
        position: relative !important;
        top: -60px !important;
        margin-right: -85px !important;
    }

    .input-assumpte:checked + label:after {
        content: '\2714';
        min-width: 103px;
    }

    .input-assumpte + label {
        width: 104px;
    }
}



/* MFC */
/*#navbar.in a, #navbar.collapsing a {
    color: black;
}*/

#navbar.in li.locked a, #navbar.collapsing li.locked a {
    color: #C8C8C8;
}

#navbar.in li.active a, #navbar.collapsing li.active a {
    color: #ff5f4a;
}

#navbar.in, #navbar.collapsing {
    background: white;
}

.nav > li.active > a, .nav > li.active > a span {
    background: none;
    color: #ff5f4a;
}

    .nav > li.active > a:hover, .nav > li.active > a:hover span {
        color: #ff5f4a;
    }

.nav-sidebar {
    background: #E8E8E8;
}

    /*BBK-513 Starts*/
    .nav-sidebar li a, .nav-sidebar li a:hover {
        color: #D64204;
        text-decoration: none;
        padding: 20px;
    }
        /*BBK-513 Ends*/

        .nav-sidebar li a span, .nav-sidebar li a:hover span {
            color: #868686;
        }

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.collapse.in {
    display: block !important;
}

.navbar-collapse.in {
    overflow-y: auto !important;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 100% !important;
}


.jumbotron-btns {
    text-align: left;
    padding-bottom: 22px;
    padding-left: 25px;
}

.tabletwidth140per {
    width: 140% !important;
}

.tabletwidth126per {
    width: 126% !important;
}

.tabletwidth124per {
    width: 124% !important;
}

.tabletwidth102per {
    width: 102% !important;
}

.tabletwidth120per {
    width: 120% !important;
}

.tabletwidth116per {
    width: 116% !important;
}

.width96per {
    width: 96% !important;
}

.tabletwidth98per {
    width: 98% !important;
}

.tabletwidth94per {
    width: 94% !important;
}

.week6thanktank-tablet {
    left: 620px !important;
}

.week6snapthat-tablet {
    left: 613px !important;
}

.width6per-tablet {
    width: 6% !important;
}

.margin-top-4 {
    margin-top: -4px !important;
}

.lbl label.active {
    background: #828282 !important;
    color: white !important;
    padding: 5px 0px 5px 0px !important;
    text-align: center !important;
}

.lbl label {
    cursor: pointer !important;
    color: black !important;
    padding: 5px 0px 5px 0px !important;
    text-align: center !important;
    border: 1px solid black !important;
    border-radius: 400px !important;
    background: #D8D8D8 !important;
}

.dotcircle {
    left: -7px !important;
}

.week3temp.horizontalline {
    width: 643px !important;
    left: 2px !important;
}

.horizontallineweek3 {
    background: #000;
    border-radius: 0px;
    bottom: -17px;
    content: "";
    height: 102%;
    position: absolute;
    width: 100%;
    left: 8px;
    border: 1px solid black;
}

.horizontallineweek3 {
    width: 650px !important;
    left: -5px !important;
}

.horizontallinenew {
    left: 2px !important;
}

.token-box-mob {
    margin-bottom: 50px !important;
}

.token-img-width-week1 {
    width: 56px !important;
    margin-left: -5px !important;
    margin-top: 7px !important;
    margin-bottom: -25px !important;
}

.token-circles {
    border: 1px solid black !important;
    border-radius: 200px !important;
    width: 75px !important;
    height: 75px !important;
    margin-right: 20px !important;
}

.tabletwidth50per {
    width: 50% !important;
}


.token-text {
    position: relative !important;
    top: 10px !important;
    color: black !important;
    font-size: 22px !important;
}

.tablet-margin-right30 {
    margin-right: 30px !important;
}

.margin-left50 {
    margin-left: 50px !important;
}

.margin-bottom20 {
    margin-bottom: 20px !important;
}

.full-width-btn-group .btn-group, .full-width-btn-group .btn-group .btn {
    width: 100%;
}

/*Introduction Progress Bar Starts*/
.dotcirclew0s2 {
    left: 25% !important;
}

.dotcirclew0s3 {
    left: 50% !important;
}

.dotcirclew0s4 {
    left: 75% !important;
}

.dotcircleweek1Finish {
    left: calc(100% - 19.838px) !important;
}

/*Introduction Progress Bar Ends*/

/*Week 1 Progress Bar Starts*/
.dotcirclew1s2 {
    left: 20% !important;
}

.dotcirclew1s3 {
    left: 40% !important;
}

.dotcirclew1s4 {
    left: 60% !important;
}

.dotcirclew1s5 {
    left: 80% !important;
}

.dotcirclew1s6 {
    left: 83% !important;
}
/*Week 1 Progress Bar Ends*/

/*Week 2 Progress Bar Starts*/
.dotcircleW2S2 {
    left: 7% !important;
}

.dotcircleW2S3 {
    left: 16% !important;
}

.dotcircleW2S4 {
    left: 25% !important;
}

.dotcircleW2S5 {
    left: 34% !important;
}

.dotcircleW2S6 {
    left: 43% !important;
}

.dotcircleW2S7 {
    left: 52% !important;
}

.dotcircleW2S8 {
    left: 60% !important;
}

.dotcircleW2S9 {
    left: 68% !important;
}

.dotcircleW2S10 {
    left: 76% !important;
}

.dotcircleW2S11 {
    left: 84% !important;
}

.dotcircleW2S12 {
    left: 92% !important;
}

.dotcircleweek2Finish {
    left: 100% !important;
}
/*Week 2 Progress Bar Ends*/

/*Week 3 Progress Bar Starts*/
.dotcircleW3S2 {
    left: 8% !important;
}

.dotcircleW3S3 {
    left: 18% !important;
}

.dotcircleW3S4 {
    left: 29% !important;
}

.dotcircleW3S5 {
    left: 40% !important;
}

.dotcircleW3S6 {
    left: 52% !important;
}

.dotcircleW3S7 {
    left: 64% !important;
}



.dotcircleW3S9 {
    left: 88% !important;
}

span.dotcircleweek3Finish {
    left: 100% !important;
}

span.dotcircleW3S8 {
    left: 77% !important;
}

.Week3Step6Path .dotcircleW3S2 {
    left: 12.1% !important;
}

.Week3Step6Path .dotcircleW3S3 {
    left: 24.3% !important;
}

.Week3Step6Path .dotcircleW3S4 {
    left: 36.4% !important;
}

.Week3Step6Path .dotcircleW3S5 {
    left: 48.5% !important;
}

.Week3Step6Path .dotcircleW3S6 {
    left: 60.6% !important;
}

.Week3Step6Path .dotcircleW3S7 {
    left: 73% !important;
}

.Week3Step6Path .dotcircleW3S8 {
    left: 85.2% !important;
}

/*Week 3 Progress Bar Ends*/

/*Week 4 Progress Bar Start*/
.dotcircleWeek4S2 {
    left: 14.28% !important;
}

.dotcircleWeek4S3 {
    left: 28.56% !important;
}

.dotcircleWeek4S4 {
    left: 42.85% !important;
}

.dotcircleWeek4S5 {
    left: 57.14% !important;
}

.dotcircleWeek4S6 {
    left: 71.43% !important;
}

.dotcircleWeek4S7 {
    left: 85.72% !important;
}

.dotcircleWeek4S8 {
    left: 100% !important;
}
/*Week 4 Progress Bar Ends*/

/*Week 5 Progress Bar Start*/
.dotcircleW5S2 {
    left: 104px !important;
}

.dotcircleW5S3 {
    left: 27% !important;
}

.dotcircleW5S4 {
    left: 41% !important;
}

.dotcircleW5S5 {
    left: 56% !important;
}

.dotcircleW5S6 {
    left: 71% !important;
}

.dotcircleW5S7 {
    left: 85% !important;
}

.dotcircleweek5Finish {
    left: 100% !important;
}
/*Week 5 Progress Bar Ends*/

/*Week 6 Progress Bar Start*/
.dotcircleW6S2 {
    left: 10% !important;
}

.dotcircleW6S3 {
    left: 20% !important;
}

.dotcircleW6S4 {
    left: 30% !important;
}

.dotcircleW6S5 {
    left: 40% !important;
}

.dotcircleW6S6 {
    left: 50% !important;
}

.dotcircleW6S7 {
    left: 60% !important;
}

.dotcircleW6S8 {
    left: 70% !important;
}

.dotcircleW6S9 {
    left: 80% !important;
}

.dotcircleW6S10 {
    left: 90% !important;
}

.dotcircleW6S11 {
    left: 100% !important;
}

.dotcircleW6S12 {
    left: 93% !important;
}

.dotcircleweek6Finish {
    left: 100% !important;
}
/*Week 6 Progress Bar Ends*/

.flow-quiz .quizboxheight {
    min-height: 250px !important;
}

.width94week3 {
    width: 94% !important;
}

div.Scroll78 {
    width: 103%;
}

.navbar, .navbar * {
    -webkit-transition: none !important;
    transition: all 0.4s ease;
}

}

/*Tablet Landscape*/
@media only screen and (min-device-width: 767px)and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .navbar, .navbar * {
        -webkit-transition: none !important;
        transition: all 0.4s ease;
    }

    a.insta-icon {
        padding-left: 0;
    }

    div.Scroll78 {
        width: 103%;
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 15px 7px !important;
    }

    h3.fight-well-min-height-tablet {
        min-height: 260px !important;
    }

    .navbar ul {
        margin-left: 25px !important;
    }

    .navbar a {
        color: #313131;
        font-size: 12px;
        text-decoration: none;
        position: relative;
    }

    /* .week6snapthat {
        left: 130px !important;
    }*/




    .tablet-width106 {
        width: 106% !important;
    }

    .fontsize12tablet {
        font-size: 12px !important;
    }

    .tabletmultiselect {
        width: 571px !important;
    }

    .tablet-width100per {
        width: 100% !important;
    }

    .tabletbtnwidth-97per {
        width: 97% !important;
    }

    .horizontallineweek3 {
        background: #000;
        border-radius: 0px;
        bottom: -17px;
        content: "";
        height: 102%;
        position: absolute;
        width: 100%;
        left: 8px;
        border: 1px solid black;
    }

    .horizontallineweek3 {
        width: 650px !important;
        left: -5px !important;
    }

    div.box.quiz {
        width: 98% !important;
    }

    button.multiselect.dropdown-toggle.btn.btn-default {
        width: 127px;
    }

    .tabletwidth100per {
        width: 100% !important;
    }

    .feature h2 {
        font-size: 45px !important;
    }

    .padding-right-mfc-banner {
        width: 95%;
    }

    .thank-tank-notification-setting {
        width: 210px !important;
    }

    a.btn.tablet-footer-mailing-btn-padding {
        padding: 10px 25px !important;
    }

    a.btn {
        padding: 16px 25px !important;
    }

    .notification-day-width {
        width: 170px !important;
    }

    .snap-that-notification-setting {
        width: 210px !important;
    }

    .powerup-tablet-width {
        width: 154px !important;
    }

    .p-margin-top-30 {
        margin: -30px 0 15px !important;
    }

    .bottom10 {
        bottom: 10px !important;
    }

    .width120per {
        width: 120% !important;
    }

    .token-circles-home {
        margin-left: 54px !important;
    }

    h3 {
        font-size: 12px !important;
    }

    .token-tablet-width125 {
        width: 115px !important;
    }

    .margin-left-checkbox2 {
        margin-left: -23px !important;
    }

    .token-circles {
        width: 80px !important;
        height: 80px !important;
        margin-right: 14px !important;
    }

    .token-img-width-week1 {
        width: 60px !important;
    }

    .week-num-text {
        font-size: 12px !important;
    }

    .fight-well-min-height {
        min-height: 350px !important;
    }

    .custom-strength label {
        height: 70px !important;
        padding: 7px !important;
        width: 100% !important;
    }

    .width-tablet-150 {
        min-width: 150px !important;
    }

    .footer-social-margin-tablet {
        margin-left: 29% !important;
        margin-right: 3% !important;
    }

    .week6thanktank {
        left: 140px !important;
    }

    .margin-top30-tablet {
        margin-top: 30px !important;
    }

    .token-img-tablet {
        width: 70%;
        position: relative;
        top: -5px;
    }

    .fontsize12 {
        font-size: 12px !important;
    }

    .tabletfontsize12 {
        font-size: 12px !important;
    }

    .tabletwidth50per {
        width: 50% !important;
    }

    .margin-left-20 {
        margin-left: -20px !important;
    }

    .tabletno-row {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .tablet-width95per {
        width: 95% !important;
    }

    .tablet-display-none {
        display: none !important;
    }

    .tablet-progressbar-margin {
        margin-left: -35px !important;
        margin-right: 25px !important;
    }

    .navbar.shrink .btn {
        padding: 7px 15px !important;
        height: auto !important;
        margin-top: 7px !important;
    }

    .dotcircle {
        left: 2px !important;
    }

    .btn.btn-primary {
        background: #ff5f4a !important;
        color: #ffffff !important;
        border: 0px !important;
    }

    .navbar #navbar.in, .navbar #navbar.collapsing {
        margin-left: 0px;
    }
}


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

.videoWrapper43 {
    padding-top: 75%;
}

.videoWrapper169 {
    padding-top: 56%;
}

.videoIframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.videoPoster {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: none;
    background-position: 50% 50%;
    background-size: 100% 100%;
    background-size: cover;
    text-indent: -999em;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity 800ms, height 0s;
    -moz-transition: opacity 800ms, height 0s;
    transition: opacity 800ms, height 0s;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}

    .videoPoster:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80px;
        height: 80px;
        margin: -40px 0 0 -40px;
        background-image: url('/Content/Images/Play_Icon_Pink_RGB_Transparent.svg');
    }

    .videoPoster:hover:before, .videoPoster:focus:before {
        border-color: #ff5f4a;
    }

    .videoPoster:hover:after, .videoPoster:focus:after {
        border-left-color: #ff5f4a;
    }

.videoWrapperActive .videoPoster {
    opacity: 0;
    height: 0;
    -webkit-transition-delay: 0s, 800ms;
    -moz-transition-delay: 0s, 800ms;
    transition-delay: 0s, 800ms;
}

.Week2SelectionLabel {
    padding: 30px;
    border-radius: 50px;
    background: #99c7ff;
    color: #FFF;
}

    .Week2SelectionLabel:hover {
        cursor: pointer;
        background: #2b8affd9;
    }

    .Week2SelectionLabel.active {
        background: #2B8AFF;
    }

.textbold {
    font-weight: bold;
}

.textItalic {
    font-style: italic;
}

.fontsize20 {
    font-size: 18px;
    font-weight: bold;
}

.outer-box {
    min-height: 200px;
    display: table;
}

    .outer-box h3 {
        display: table-cell;
        vertical-align: middle;
    }


.outer-box1 {
    min-height: 440px;
    display: table;
}

    .outer-box1 h3 {
        display: table-cell;
        vertical-align: middle;
    }

.padding-top-50 {
    padding-top: 50px;
}


.display-block {
    display: block;
}

.user-not-logged-in {
    color: #D64204;
    padding: 14px;
    font-family: 'DMSANS-MEDIUM';
    font-size: 12.096pt;
}

    .user-not-logged-in a {
        color: #D64204;
        text-decoration: underline;
        font-family: 'DMSANS-MEDIUM';
        font-size: 12.096pt;
    }

.welcome-massages {
    padding: 15px 0px;
}

.preferGender {
    width: 77%;
    height: 34px;
    margin-left: -14px;
}

.selfGender {
    width: 79%;
    margin-left: -30px;
}

.SelfDescribeError {
    position: relative;
    left: -13px;
}

.Editdescribeerror {
    position: relative;
    left: -29px;
}

.font-28 {
    font-size: 28px;
}

.modal.fade.YouthEducator .close span {
    line-height: 0px;
    font-size: 25px;
}

.bdi_high-logo {
    margin-top: 13px;
}

a.hidden-xs.navbar-brand img.bb_solo, .poster-footer img.bb_solo {
    width: 55px;
    padding-left: 10px;
    padding-top: 14px;
    padding-bottom: 4px;
    height: 55px;
    border-left: 1px solid black;
    margin-top: 24px;
}

/*.nav.navbar-nav.navbar-right li.li-login {
    width: 120px !important;
    background-color: #f4f1ef;
}*/



@media screen and (min-width : 320px) and (max-device-width: 736px) {

    footer {
        margin-top: 0px;
    }

    .mentalFitness.home-page .box-inner p a.btn.btn-primary {
        margin-left: 0px;
        left: 0px;
    }

    div.mentalFitness.home-page .box-inner a.btn.btn-info.move-btn-at-top {
        left: 0px;
    }

    .mentalFitness div.jumbotron.orange, .snapthat-home div.jumbotron.orange {
        padding: 30px 4px;
        background-size: 98% 100%;
        background-position: top left 290%;
    }

    .mentalFitness .jumbotron.orange p.text {
        width: 100%;
        height: auto;
    }

    .mentalFitness .jumbotron-btns.width100per .btn.btn-info.btn-lg {
        width: 215px;
        margin-left: 0px;
        padding-left: 36px;
    }

    img .bb_solo {
        border-left: 1px solid #b9b9b9 !important;
    }

    .notification-popover.visible-xs {
        display: inline-block !important;
        float: right;
        right: 47px;
    }

    div.emergency-help ul a {
        display: block;
    }

    .notification-popover.visible-xs .notification-bell {
        top: 17px;
        font-size: 17px;
    }

    .notification-popover.visible-xs span.bell-badge {
        top: -3px;
        left: -11px;
    }


    .li-login-width-xs {
        height: 38px !important;
        right: 0px;
        margin-top: 15px !important;
        /*padding: 7px 19px !important;*/
    }

        .li-login-width-xs a {
            padding: 7px 19px !important;
        }


    div #navbar.in a, #navbar.collapsing a {
        color: black;
        text-decoration: underline;
    }

    .emergency-help .visible-xs.glyphicon.glyphicon-chevron-up {
        float: right;
        color: white;
        display: inline-block;
        top: -30px;
        right: 15px;
    }

    div.emergency-help .emergency-help-link {
        text-align: center;
        padding-top: 20px !important;
        padding-bottom: 10px !important;
        color: white !important;
        width: 80% !important;
    }



    .btn.btn-primary {
        right: 0px;
        color: white;
    }

    .emergency-help .emergency-help-li {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    /*.full_width_img .feature-img:after {
        content: "";
        width: 250px;
        height: 250px;
        border-radius: 250px;
        background: rgba(255, 255, 255, 0.1);
        position: absolute;
        top: -20px;
        left: -20px;
        z-index: 1;
    }*/

    /*.full_width_img .feature-img:before {
        content: "";
        width: 156px;
        height: 400px;
        border-radius: 280px;
        background: rgba(255, 255, 255, 0.1);
        position: absolute;
        top: -30px;
        left: -40px;
        z-index: 1;
    }*/
    div.thank_tank-box-inner .thank_tank_description {
        padding: 0px 0px 0px 0px;
    }

    .mentalFitness .box-inner, .Explore .box-inner {
        padding: 24px 14px 0px 14px;
    }

    .mentalFitness .dark.no-padding-top {
        margin-top: 15px;
    }

    .mentalFitness.home-page .box-inner p.text-center {
        text-align: left;
    }

    .youtheducator .green .mentalfitness {
        margin-top: 20px;
        margin-left: 17px;
    }

    .youtheducator .purple .mentalfitness {
        margin-top: 20px;
        margin-left: 9px;
    }

    .youtheducator .box-inner {
        min-height: 340px;
    }

    .youtheducator .bottom_30px {
        position: absolute;
        bottom: 30px;
    }

    .emergency-help-li {
        margin-right: 3px !important;
        width: 100% !important;
        background-color: #D64204 !important;
        text-transform: uppercase;
        padding-top: 32px !important;
    }

    .navbar-nav.navbar-right li.li-login {
        background-color: white !important;
        width: 100% !important;
    }

        .navbar-nav.navbar-right li.li-login a {
            float: left;
        }

    .navbar-main .margin-left-23 {
        margin-left: 0px !important;
    }

    .emergency-help ul {
        padding-right: 0px !important;
    }

    div.jumbotron.orange.sub-header .container, div.Contact .container, div.EmergencyHelp .container, div.About .container, div.jumbotron.orange.instructional-videos-subheader-style .container {
        padding-left: 15px !important;
    }


    div.extra-resources-div ul {
        padding-left: 5px;
        margin-bottom: 78.499px;
    }

    .bitebackinstructionalvideos .media-body {
        height: auto !important;
        padding-bottom: 30px;
    }


    .bitebackinstructionalvideos a {
        justify-content: center !important;
    }

    .mobile-subheader {
        margin-bottom: 54px;
    }

        .mobile-subheader p {
            font-size: 16pt;
            line-height: 19.2pt;
            font-family: DMSans-Regular;
            font-weight: normal;
            word-break: break-word;
        }


    .Meaning-Quiz-div a.btn-orange {
        width: 150px;
    }

    div.Meaning-Quiz-weekday-div .Meaning-Quiz-weekday-text-first p {
        margin-top: 160px;
    }

    p.down-select::before {
        top: unset;
        bottom: 10%;
        right: 5%;
    }
}

.navbar.navbar-fixed-top .active {
    font-family: DMSans-Bold;
}

.emergency-help ul a {
    display: inline-block;
}

.emergency-help ul {
    margin-top: 0px;
    padding-right: 0px;
}


.icon.glyphter-icon-emergency-help {
    color: red;
    padding-right: 5px;
}

.notification-popover .glyphicon-bell.notification-bell {
    color: white;
    text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

.form_border .input-group.full-width {
    border: 2px solid;
    border-radius: 50px;
    min-height: 53px;
    padding-top: 1px !important;
    padding-bottom: 1px;
}

form.form_border .btn-primary.pull-right {
    height: 45px;
    right: 0px;
    width: 215px;
    font-size: 16px;
}

.youtheducator .box .btn_digital {
    position: relative;
    z-index: 0;
    border: 0px solid #ff5f4a;
}

.transparent .btn-default {
    border: 0px;
}

.transparent .btn-info:hover {
    border: 2px solid #ff5f4a !important;
}

.btn-info {
    border: 2px solid #ffffff !important;
}

.youtheducator .box-inner p.bottom_20px {
    position: absolute;
    bottom: 20px;
}
/*Web View*/
@media screen and (min-device-width: 900px) {
    .poster_close {
        left: 191px !important;
    }

    div a.OpenMFCTermsConditions, div a.OpenMFCTermsConditions:hover {
        font-size: 18pt;
    }

    .findoutmorepage .full_width_img .feature-img img {
        height: 375px;
    }

    div.set_thank_tank_reminder_button .btn.btn-primary {
        left: 0px;
    }

    .week1thanktank div.set_thank_tank_reminder_button .btn.btn-primary {
        left: 15px;
    }

    .youtheducator .box.yellow .btn_digital {
        top: 40px;
    }

    ul.custom-strength.background_lightgray {
        min-height: 100px;
        height: auto;
    }

    .custom-strengthli {
        min-height: 64px !important;
        width: 97%;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
        background: #D64204;
        border-radius: 10px;
        color: white;
        margin: 10px auto;
    }

    .youtheducator .box-inner p.bottom_20px {
        left: 25px;
    }
    /*BBK-513 Starts*/
    /*.backgroud_dot_image {
        background-repeat: no-repeat;
        background-size: 48%;
        background-position: 184px 112px;
        bottom: 0;
        background-image: url('../Images/Dashboard_Bottom_Graphic_Orange_Dot.svg');
    }*/
    /*BBK-513 Starts*/
    .padding_42 {
        padding: 0px 42px;
    }

    .for_web_view_margin_left_15 {
        left: 15px;
        position: relative;
    }

    .week_container {
        margin-top: 90px;
        margin-bottom: 60px;
    }



        .week_container .background_color_white {
            padding: 20px 18px;
        }


    .set_reminder .modal-dialog {
        width: 570px;
        height: 606px;
    }

    .btn.btn-primary.start_btn {
        top: 40px;
    }

    .bottom_0 {
        position: absolute;
        bottom: 0;
    }

    .new_week_unlock_up {
        padding: 50px 15px 83px 15px;
    }

    .weekCompletion .modal-content {
        border-radius: 10px;
        height: 523px;
        width: 570px;
    }

    .weekCompletion .modal-dialog {
        height: 523px;
        width: 570px;
        top: 100px;
    }

    .new_week_text {
        padding: 11px 75px
    }

    .unlocked_text {
        padding: 10px 45px;
    }
    /*
    .for_web_view_margin_left_30 {
        margin-left: 30%;
    }*/

    .week1thanktank .for_web_view_margin_left_37 {
        left: 37px;
        position: relative;
    }

    .for_web_view_margin_left_37 {
        left: 20px;
        position: relative;
    }

    .week1thanktank .top_36 {
        margin-top: 36px;
    }

    .top_12 {
        position: relative;
        top: 12px;
    }

    .pull-left-20 {
        left: 19.2%;
    }

    .pull-left-40 {
        left: 38.3%;
    }

    .pull-left-60 {
        left: 57.5%;
    }

    .pull-left-80 {
        left: 76.6%;
    }

    .pull-left-100 {
        left: 94%;
    }

    .flow-quiz .pull-left-40 {
        left: 38.6%;
    }

    .flow-quiz .pull-left-20 {
        left: 19.5%;
    }

    .flow-quiz .pull-left-60 {
        left: 58%;
    }

    .flow-quiz .pull-left-80 {
        left: 77.4%;
    }

    .flow-quiz .pull-left-100 {
        left: 95%;
    }

    div.custom-strength label {
        padding: 40px;
        height: 120px;
    }

    .youtheducator .blue .box-inner h3 {
        padding-left: 0px;
    }

    .youtheducator .blue .mentalfitness {
        bottom: -11px;
    }

    .youtheducator .yellow .mentalfitness {
        bottom: -22px;
    }

    .mentalFitness .jumbotron-photo img {
        border-top-right-radius: 284px;
        border-bottom-right-radius: 283px;
    }

    .padding_left_5 {
        padding-left: 5px;
    }

    .height_50 {
        height: 50px;
    }

    .margin_left_16px {
        margin-left: 16px;
    }

    .youtheducator .youthEducatorvideoimg {
        padding-left: 15px;
        padding-right: 15px;
    }

    .youtheducator .full_width_img .box-inner div.thank_tank.col-sm-6 {
        padding-right: 92px;
    }

        .youtheducator .full_width_img .box-inner div.thank_tank.col-sm-6 p {
            padding-right: 19px;
        }

            .youtheducator .full_width_img .box-inner div.thank_tank.col-sm-6 p.thank_tank_description_white {
                color: white;
            }

    .padding_right_30 p {
        padding-right: 30px;
    }

    .youtheducator .full_width_img .feature-img img {
        height: 360px;
    }

    .mentalFitness .feature .box-inner {
        background-position: right;
    }



    .logout_text {
        left: 5px;
    }

    .footer-social-margin-tablet.facebook {
        padding-left: 15px;
    }

    .btn.btn-primary.complete_registration {
        padding: 10px 10px;
        width: 130px
    }


    .jumbotron .six_weekly_text h1 {
        width: 425px;
    }

    .thank_tank p:not(.button-text-center), .snapThat p:not(.button-text-center), .full_width_img p:not(.button-text-center), .padding-left-50 p {
        height: 96px;
        max-width: 320px;
        padding-right: 0;
    }

    .thank_tank p.button-text-center,
    .snapThat p.button-text-center {
        text-align: left;
    }

    .full_width_img h3 {
        font-size: 32px;
    }

    .box.feature.purple .snapThat, .full_width_img h3 {
        color: white;
    }

    .thank_tank h3 {
        color: black;
    }

    .box.feature.full_width_img .box-inner .thank_tank, .box.feature.full_width_img .box-inner .snapThat {
        padding: 30px;
        padding-left: 30px;
        height: 400px;
    }

    .box.feature.full_width_img .box-inner {
        padding: 0px;
    }

    .mentalFitness .transparent {
        width: 565px;
        padding: 0px 15px;
    }

    .youtheducator .box-inner {
        padding: 30px 36px 115px 10px;
    }

        .youtheducator .box-inner h3 {
            padding-left: 15px;
        }

    .youtheducator .mentalfitness {
        position: absolute;
        bottom: 20px;
        left: 25px;
    }

    .youtheducator .box-inner {
        min-height: 360px;
    }

    .youtheducator .bdi-logo-img-width {
        width: 151px;
        height: 151px;
        width: 151px;
        height: 151px;
        position: absolute;
        right: 10px;
        bottom: 10px;
    }

    div.youtheducator .box .box-inner p a.btn_findout, div.youtheducator .box.blue .box-inner p a.btn.btn-primary {
        left: 35px;
        margin-left: 0px;
    }

    .youtheducator .green h3, .youtheducator .purple h3, .youtheducator .yellow h3 {
        padding: 0px;
    }

    .youtheducator .green .mentalfitness {
        left: 37px;
        bottom: -18px;
    }

    .youtheducator .purple .mentalfitness {
        left: 5px;
        bottom: -12px;
    }

    .youtheducator .box-inner p a.btn.btn-primary {
        margin-left: -91px;
        left: 50%;
    }
}

.logo-img {
    width: 151px;
    height: 151px;
    margin-left: -22px;
    margin-top: 20px;
}

.col-lg-9 > h1 {
    font-Size: 48px;
    Line-height: 48px;
    text-Align: left;
    color: #FFFFFF;
}

.mentalFitness .jumbotron p.text {
    height: 120px;
    width: 570px;
    color: #313131;
    font-family: DMSans-Regular;
    font-size: 24px;
}

.mentalFitness .transparent {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 15px;
}

    .mentalFitness .transparent p {
        font-Size: 16px;
        Line-height: 24px;
        text-Align: left;
        color: #313131;
        padding: 25px 25px 25px 25px;
    }

    .mentalFitness .transparent .websitenotification p {
        padding: 10px 10px 10px 10px;
    }

.mentalFitness .jumbotron-btns.width100per .btn.btn-info.btn-lg {
    color: #ffffff;
    font-size: 16px;
    border: 2px solid #ffffff;
}

.mentalFitness .jumbotron-btns.width100per .btn.btn-default.btn-lg {
    background: #ffffff;
    color: #313131;
    font-size: 16px;
    box-shadow: 0 16px 32px 0 rgba(0,0,0,0.24);
}

.Quiz .mentalFitness {
    background: rgba(255,188,43,1);
    background: -moz-linear-gradient(-45deg, rgba(255,188,43,1) 0%, rgba(255,148,68,1) 45%, rgba(255,148,68,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,188,43,1)), color-stop(45%, rgba(255,148,68,1)), color-stop(100%, rgba(255,148,68,1)));
    background: -webkit-linear-gradient(-45deg, rgba(255,188,43,1) 0%, rgba(255,148,68,1) 45%, rgba(255,148,68,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(255,188,43,1) 0%, rgba(255,148,68,1) 45%, rgba(255,148,68,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,188,43,1) 0%, rgba(255,148,68,1) 45%, rgba(255,148,68,1) 100%);
    background: linear-gradient(135deg, rgba(255,188,43,1) 0%, rgba(255,148,68,1) 45%, rgba(255,148,68,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbc2b', endColorstr='#ff9444', GradientType=1 );
}

.mentalFitness.home-page {
    padding-bottom: 50px;
}

.home-page .box-inner p a.btn.btn-primary {
    width: 186px;
    height: 56px;
    padding: 15px 36px !important;
    margin-left: 0px;
    left: 0px;
    bottom: 0px;
    font-size: 16px;
}


.home-page .col-md-3 .box-inner p.text-center {
    position: absolute;
    bottom: 30px;
}

.mentalFitness.home-page .box-inner a.btn.btn-info.move-btn-at-top, .Explore .box-inner a.btn.btn-info.move-btn-at-top {
    color: black;
    font-size: 16px;
    border: 1px solid white;
    background: white;
    min-width: 217.9px;
}

.mentalFitness.home-page .box-inner a.btn.btn-info.move-btn-at-top {
    left: 24px;
}


.mentalFitness .home-page .box-inner p {
    font-size: 16px;
}

.mentalFitness .box.feature.purple .snapThat {
    color: white;
}

footer {
    background: white;
}


.youtheducator img {
    width: 100%
}

.youtheducator .box .btn_digital:hover {
    background: #FE7F6E;
}

.youtheducator .box .btn_digital {
    padding: 12px 20px;
    text-align: center;
    color: white;
    background: #ff5f4a;
    border-radius: 25px;
    text-decoration: none;
    width: 100px;
    height: 56px;
    display: inline-block;
    text-decoration: none;
    margin-inline-end: 8px;
}

    .youtheducator .box .btn_digital:hover {
        text-decoration: none;
    }

.youtheducator .green h3, .youtheducator .purple h3, youtheducator .yellow h3 {
    color: black;
}

.youtheducator .purple h3 {
    color: white;
}

.youtheducator .blue .box-inner {
    background: url('../img/hero-bg.png') no-repeat center center fixed, #2B8AFF;
}

.youtheducator .btn_findout, div.youtheducator .box.green .box-inner p a.btn.btn-primary {
    background: transparent;
    border: 1px solid white;
}

.youtheducator .box-inner p a.btn_digital:hover {
    background: #FE7F6E;
}

.youtheducator .box-inner p a.btn.btn-primary {
    margin-left: 0px;
    left: 0px;
    top: 0px;
    width: 186px;
    height: 56px;
    font-size: 16px;
    padding: 15px 36px !important;
}

.youtheducator .box-inner p.bottom_30px {
    position: absolute;
    bottom: 20px;
}


.youtheducator .yellow .box-inner {
    background: url('../img/hero-bg.png') no-repeat fixed, #FFBC2B;
}

.youtheducator .purple .box-inner {
    background: url('../img/hero-bg.png') no-repeat center center fixed, #7668FF;
}

.youtheducator .green .box-inner {
    background: url('../img/hero-bg.png') no-repeat center center fixed, #00CF97;
}

.youtheducator .yellow h3 {
    color: black;
}

/*IPad portrait mode*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    a.hidden-xs.navbar-brand img.bb_solo {
        padding-top: 17px;
        margin-top: 0px;
    }

    .emergency-help li.youthEducator-width, li.emergency-help-li, .navbar-nav.navbar-right li.li-login {
        height: unset !important;
    }


    a.navbar-brand {
        padding: 0 0 0 15px;
    }

    .navbar #navbar.in, .navbar #navbar.collapsing {
        margin-left: 0px;
    }




    p.instructional-title-p {
        padding-right: 0px;
    }

    p.instructional-title-p-2 {
        padding-right: 0px;
    }

    div.jumbotron.orange.sub-header.extra-resources-page-style h1 {
        padding-top: 20px;
    }

    div.extra-resources-div ul {
        padding-left: 0px;
    }

    .container.extra_resources {
        padding-left: 0px;
    }

    .home-page .jumbotron.orange, .snapthat-home .jumbotron.orange {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .teen-boy-div img {
        right: 0;
        position: absolute;
        height: 595px;
        bottom: -50px;
    }



    .home-page-body .body-header-content.container-fluid {
        background-color: #F8F8F8;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 70px;
    }

    .homepage-header-ripple img {
        width: 480px;
    }

    div.home-page-body .jumbotron-btns.width100per .btn.btn-default.btn-lg {
        width: 190px !important;
    }

    div.Login, div.ForgotPassword {
        background: none;
    }

    div.login-main-div .left-login {
        width: 100%
    }

    div.Login .body-working-area, div.ForgotPassword .body-working-area {
        padding-top: 0px;
    }

    nav.dashboard-image-div ul li.Weeksix {
        right: 13px;
    }

    .sayItOut .box, .make_time .box, .fight_well .box, .focus_on .box {
        margin-bottom: 0px;
    }

    div.sayItOut div.box-inner {
        min-height: 355px;
    }

    div.make_time div.box-inner {
        min-height: 300px;
    }

    div.fight_well div.box-inner {
        min-height: 530px;
    }

    div.focus_on div.box-inner {
        min-height: 245px;
    }

    div.person_box {
        height: 210px;
    }

    div.person_image.person_box, div.person_box {
        width: 210px;
        height: 210px;
        background-size: 210px 210px;
    }

    .person_row input {
        width: 210px !important;
    }

    .person_image span {
        top: 42% !important;
    }
}

.bitebackinstructionalvideos img {
    width: 85%;
    height: 180px;
}

.bitebackinstructionalvideos .box-inner {
    padding: 0px;
    padding-bottom: 60px;
}




.extra_resources a {
    color: black;
    text-decoration: underline black;
}

.extra_resources li {
    margin-top: 10px;
}

.extra_resources .connection-feature-img img {
    height: 250px;
}

a.btn.btn-info-footer {
    border: 1px solid #fffff;
    color: black;
}

.transparent b {
    font-size: 16px;
}

.emergency-help .youthEducator-width, .emergency-help-li, .navbar-nav.navbar-right li.li-login {
    margin-left: 2px;
    width: 125px;
    height: 100px !important;
    background-color: #f4f1ef;
}

.emergency-help-li {
    padding: 0px 5px 13px 5px;
}

.box-inner p {
    font-size: 16px;
}



.bitebackinstructionalvideos .box-inner h3 {
    margin: 0;
}

    .bitebackinstructionalvideos .box-inner h3 b {
        font-size: 24pt;
        line-height: 28.8pt;
        font-family: DMSans-Regular;
        font-weight: normal;
    }

.bitebackinstructionalvideos .box-inner p {
    margin: 0 !important;
    font-size: 14pt;
    line-height: 19.2pt;
    font-family: DMSans-Regular;
    font-weight: bold;
}

.bitebackinstructionalvideos .media-body {
    height: 140px;
}

div.youtheducator .box .box-inner p a.btn_findout, div.youtheducator .box.purple .box-inner p a.btn.btn-primary, div.youtheducator .box.green .box-inner p a.btn.btn-primary {
    color: black;
    background: white;
}

.font_20 {
    font-size: 20px;
}

footer .btn.btn-info {
    color: black;
    border: 2px solid black;
}

.pull-left_0 {
    /*BBK-444 Starts*/
    left: 1.5%;
    position: relative;
    color: #4564e3;
    font-size: 0px;
    font-weight: bold;
    /*BBK-444 Ends*/
}

.pull-left-20 {
    /*BBK-444 Starts*/
    position: relative;
    color: #4564e3;
    font-size: 0px;
    font-weight: bold;
    /*BBK-444 Ends*/
}

.pull-left-40 {
    /*BBK-444 Starts*/
    position: relative;
    color: #22bce3;
    font-size: 0px;
    font-weight: bold;
    /*BBK-444 Ends*/
}

.pull-left-60 {
    /*BBK-444 Starts*/
    position: relative;
    color: #05f0a2;
    font-size: 0px;
    font-weight: bold;
    /*BBK-444 Ends*/
}

.pull-left-80 {
    /*BBK-444 Starts*/
    position: relative;
    color: #e8b254;
    font-size: 0px;
    font-weight: bold;
    /*BBK-444 Ends*/
}

.pull-left-100 {
    /*BBK-444 Starts*/
    position: relative;
    color: #e66b55;
    font-size: 0px;
    font-weight: bold;
    /*BBK-444 Ends*/
}

.slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track {
    border-radius: 5px;
    background: -webkit-linear-gradient(right,orange 25%,#ffb753 50%,#ffcf8d 75%,#fff5ed 100%) !important;
    -webkit-appearance: none;
    height: 5px;
    outline: 0;
    max-width: 100%;
    z-index: 0;
}



.background_color_white {
    background-color: white
}

/*iphone 5se*/
@media only screen and (min-device-width : 315px) and (max-device-width: 325px) {
    .Week6 div.person_image, .Week6 .person_box {
        width: 100%;
        background-size: 235px 100%;
    }

    .week-4-page .welcome_text {
        font-size: 28pt !important;
        line-height: 32pt !important;
    }

    div.Introduction .week_container .box.quiz .box-inner {
        padding: 0px 0px;
    }

    div.Week1 .panel.mfc-banner p {
        font-size: 12pt !important;
    }

    h1.thank_heading {
        font-size: 22pt;
    }

    div p.pull-right.btn-thank-tank-reminders a.quiz-reminder-button.link-label2.float-left {
        font-size: 14pt !important;
    }

    div.week_container .box.quiz .box-inner {
        padding: 20px 0;
    }

    .Week6 .person_row input {
        width: 100%;
    }

    .About .youtube-video__play-button {
        max-height: 130px;
    }

    .week_container div.week2-mediabox.tick:before {
        margin-left: 70% !important;
    }

    .quiz_quiz_reminnder .for_web_view_margin_left_30 {
        padding: 25px !important;
    }

    footer nav.navbar-fixed-bottom ul.nav li a {
        margin: 8px 0px !important;
    }

    footer nav.navbar-fixed-bottom ul.nav li a {
        padding: 0px 0px !important;
        width: 35px;
        height: 35px;
    }

    /*footer nav.navbar-fixed-bottom .icon-start-active:before, footer nav.navbar-fixed-bottom .icon-start-lock:before, footer nav.navbar-fixed-bottom .glyphter-icon-dashboard:before, footer nav.navbar-fixed-bottom .glyphter-icon-intro:before {
        height: 20px;
        width: 20px;
        background: no-repeat;
        left: 8px;
        top: 7px;
    }*/

    /*footer nav.navbar-fixed-bottom .glyphter-icon-intro:before {
        background-image: url('../img/intro.svg');
    }*/

    /*footer nav.navbar-fixed-bottom .icon-start-active:before {
        background-image: url('../img/star-default.svg');
    }

    footer nav.navbar-fixed-bottom .icon-start-lock:before {
        background-image: url(../img/lock.svg);
    }*/



    div.MFC_week_reminder .modal-body {
        padding-left: 40px;
    }

    .text-center.week_content {
        min-height: 215px;
    }



    div.panel.panel-week {
        padding: 0px;
    }

    div.dashboard .panel a.btn.btn-default, div.dashboard .panel a.btn.btn-default-white {
        min-width: 110px;
        left: -6px;
    }

    div.backgroud_dot_image {
        background-position: -83px 11px;
    }

    .flow-quiz .pull-left-40 {
        left: 33.6%;
    }

    .flow-quiz .pull-left-60 {
        left: 50%;
    }

    .flow-quiz .pull-left-80 {
        left: 67.4%;
    }

    .flow-quiz .pull-left-100 {
        left: 82%;
    }

    .flow-quiz .pull-left-20 {
        left: 16.8%;
    }

    .pull-left-20 {
        left: 17%;
    }

    .pull-left-40 {
        left: 33.6%;
    }

    .pull-left-60 {
        left: 50.5%;
    }

    .pull-left-80 {
        left: 67.6%;
    }

    .pull-left-100 {
        left: 80%;
    }

    p.ribbon_img {
        padding: 45px 0px;
        height: 127px;
        background-size: 65% 50%;
        background-position: 48px 24px;
        font-size: 16px;
    }

    div.new_week_text {
        min-height: 80px;
        height: auto;
    }

    div.Token-Reward-Stars {
        background-size: 211px 100px;
        background-position: 38px 0px;
    }

    div.new_week_unlock_up {
        padding: 50px 10px 77px 10px;
    }

    .btn.btn-primary.start_btn {
        top: 40px;
        font-size: 20px;
    }
}


.thank_heading {
    color: #000;
    font-family: 'DMSans-Medium';
    font-size: 25pt;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 30pt;
    padding-top: 15px;
}

.week_thank_tank, .thank-tank {
    font-family: "MarkPro";
    font-size: 16px;
}


.font_16 {
    font-size: 16pt;
    font-family: DMSans-Medium;
}

.font_14 {
    font-size: 14pt;
    font-family: DMSans-Medium;
}

.social_connection .box-inner {
    color: white;
}




.person_box {
    height: 265px;
    background: white;
    border: dotted;
    color: #e2e2e2;
    border-radius: 10px;
}

.person_image {
    height: 235px;
    border: dotted;
    color: #313131;
    font-family: "MarkPro";
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 20px;
    background-image: url('../img/Social-Connection-Background.png');
    text-transform: uppercase;
}

    .person_image span {
        position: relative;
        top: 46%;
        color: #313131;
        font-weight: normal;
        letter-spacing: 0;
        font-family: DMSans-Medium;
        font-size: 12pt;
        line-height: 21.6pt;
    }

.social_connection .outer-box {
    min-height: unset;
    padding-top: 0px;
}

    .social_connection .outer-box h3 {
        vertical-align: top;
    }

.social_connection .fight_well .outer-box {
    min-height: unset;
}

.social_connection .focus_on .outer-box {
    min-height: unset;
}

.social_connection .myself .box-inner {
    min-height: unset;
}

div.person_image, .person_box {
    width: 235px;
    background-size: 235px 235px;
}

div.person_image {
    border: none;
}

.person_row input {
    width: 236px;
}

.margin_bottom10 {
    margin-bottom: 10px;
}

.personfrom h5 {
    font-size: 16px;
    font-weight: bold;
    font-family: "MarkPro";
}

.height_50 {
    height: 50px;
}

.border-radius_10 {
    border-radius: 10px;
}

.modal-header.jumbotron.orange {
    height: 208px;
    padding-top: 15px;
    border-radius: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 0px;
    background: url(../img/hero-bg.png) 0px -100px,linear-gradient( #FF8C2B,#FF9444 );
}

    .modal-header.jumbotron.orange p {
        font-size: 16px;
        position: relative;
        top: 20px;
    }

    .modal-header.jumbotron.orange .close {
        margin-top: -22px;
    }

    .modal-header.jumbotron.orange .modal-title {
        padding: 22px 0px;
        font-family: "MarkPro-Book";
        font-size: 32px;
        font-weight: bold;
    }

.width_70 {
    width: 170px;
}

.set_thank_tank_reminder_button .btn.btn-primary {
    height: 42px !important;
    width: 170px;
    padding: 9px 36px !important;
    position: relative;
    left: 15px;
}

.modal-backdrop.fade.in {
    min-height: 1000px !important;
}

.close {
    opacity: 0.5 !important;
    left: -15px;
    position: relative;
    bottom: 10px;
    color: #FFFFFF;
    font-family: "MarkPro";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    font-weight: normal;
}

    .close:hover, .close:focus {
        color: #FFFFFF;
    }

.set_reminder .modal-dialog {
    top: 100px;
}

.modal-backdrop.in {
    opacity: .8;
}

.thank-tank .TextAreaHeight100 {
    border-radius: 10px;
    font-size: 17.041pt;
    line-height: 20.449pt;
    font-family: 'DMSANS-REGULAR';
    padding: 10px;
}

.notification-day-width {
    width: 170px;
}

.form-control {
    background-color: #f0f0f0;
}

.btn .caret {
    top: 10px;
    float: right;
    position: relative;
}

.set_reminder .button.multiselect {
    width: 170px;
}

.set_reminder .multiselect.btn.btn-default {
    background-color: #f0f0f0;
    color: #333;
    width: 170px;
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    border: 1px solid red;
}

.set_reminder .dropdown-menu {
    background-color: #f0f0f0;
}

.notification-day-width-week {
    width: 170px;
}

.you_just {
    padding: 10px 90px;
    font-family: 'DMSANS-REGULAR';
}

.current_Week_PopUp {
    padding: 56px 15px 15px 15px;
    background-repeat: no-repeat;
    background-size: 70% 40%;
    background-position: 0px 0px;
    padding: 56px 15px 15px 15px;
    background-image: url(../img/Token-Reward-Background-Dots.png);
}



.Token-Reward-Stars {
    background-image: url(../img/Token-Reward-Stars.png);
    background-size: 211px 100px;
    background-repeat: no-repeat;
    background-position: 55% 0px;
}

.token_div {
    border: 12px solid #01c8cf;
    border-radius: 50%;
    background: white;
    height: 122px;
    width: 122px;
    left: 0px;
    top: 0px;
    position: relative;
}

.token_div2 {
    position: relative;
    border: 7px solid #70e3e7;
    border-radius: 50%;
    background: white;
    height: 136px;
    width: 136px;
    top: 20px;
}

.Token-Reward-Stars {
    display: flex;
    justify-content: center;
}

.hey_great_job {
    color: #D64204;
    font-family: 'DMSANS-MEDIUM';
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 40px;
    text-align: center;
}


.new_token_text {
    position: relative;
    top: 40px;
    color: #D64204;
    font-family: 'DMSANS-REGULAR';
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
}

.top_15 {
    position: relative;
    top: 15px;
}

.top_10 {
    position: relative;
    top: 10px;
}

.top_60 {
    position: relative;
    top: 60px;
}

.top_40 {
    position: relative;
    top: 40px;
}

.new_week_unlock_up {
    background-image: url(../animtion/Unlock-Modal-Background.gif);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 10px;
}

.unlocked_text {
    position: relative;
    height: 175px;
    width: 100%;
    color: #FFFFFF;
    font-family: 'DMSANS-REGULAR';
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
}

.new_week_text {
    min-height: 80px;
    color: #FFFFFF;
    font-family: 'DMSANS-MEDIUM';
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 40px;
    text-align: center;
}

.ribbon_img {
    color: #FFFFFF;
    padding: 15px 0px;
    height: 68px;
    background-image: url(../img/Ribbon.svg);
    background-repeat: no-repeat;
    font-size: 20px;
    background-position: 125px;
    top: 6px;
    position: relative;
    font-family: 'DMSANS-REGULAR';
}



.weekCompletion .modal-body {
    padding: 0px;
}

.btn.btn-primary.start_btn {
    background: white;
    color: red;
    position: relative;
    outline: none;
}

.margin_left_10 {
    margin-left: 10px;
}

.left_0 {
    left: 0px !important;
}
/*iphone 6/7/8 */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    .button.youtube-video__play-button {
        max-height: 150px;
    }

    /*.navbar-fixed-bottom ul {
        padding: 0px 10px;
    }*/

    .Token-Reward-Stars {
        background-position: 70px 0px;
    }

    div.new_week_unlock_up {
        padding: 50px 10px 78px 10px;
    }

    p.ribbon_img {
        background-size: 88% 77%;
        background-position: 21px;
        padding: 21px 0px;
        font-size: 20px;
    }

    .btn.btn-primary.start_btn {
        top: 40px;
    }

    div.dashboard {
        background-position: -35px -41px;
    }

        div.dashboard .panel a.btn.btn-default, div.dashboard .panel a.btn.btn-default-white {
            left: 0px;
        }

    .text-center.week_content {
        min-height: 204px;
    }

    div.backgroud_dot_image {
        background-position: -130px -11px;
    }

    div.MFC_week_reminder .modal-body {
        padding-left: 65px;
    }
}
/*iphone 6/7/8 plus*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {

    div.backgroud_dot_image {
        background-position: -158px -25px;
    }

    /*footer nav.navbar-fixed-bottom ul.nav li a {
        margin: 0 20px;
    }*/

    div.MFC_week_reminder .modal-body {
        padding-left: 85px;
    }

    .text-center.week_content {
        min-height: 202px;
    }

    .col-xs-6 div.panel-week .panel-body {
        min-height: 272px;
    }

    div .dashboard .panel a.btn.btn-default, div.dashboard .panel a.btn.btn-default-white {
        left: 0px;
    }

    /*.navbar-fixed-bottom ul {
        padding: 0px 15px;
    }*/

    .Token-Reward-Stars {
        background-position: 60% 5px;
    }

    div.new_week_unlock_up {
        padding: 50px 10px 77px 10px;
    }

    p.ribbon_img {
        background-size: 88% 77%;
        background-position: 21px;
        padding: 21px 0px;
    }

    .btn.btn-primary.start_btn {
        top: 40px;
    }

    .panel a.btn.btn-default, div.dashboard a.btn.btn-default-white {
        left: 0px;
    }
}

.icon-start-active:before, .icon-start-lock:before, .glyphter-icon-dashboard:before, .glyphter-icon-intro:before {
    position: absolute;
    content: '';
    height: 34.75px;
    width: 34.75px;
    background: no-repeat;
    height: 52px;
}

a.completed span.icon-start-active:before {
    /*background-image: url('../img/star-active.svg');*/
    background-image: url('../Images/MFC_SolidStar_Icon_DOrange_Transparent.png');
}

.Verify .silderbar_140 {
    margin-top: 0px;
}

.Verify .sidebar {
    margin-top: 0px;
}

.set_reminder .MentalFitnessCheckUpQuiz .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input, .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left {
    width: 170px !important;
}

.set_reminder.week6_reminder_pop_up .radio .cr .cr-icon {
    margin-left: 3px;
}

.icon-start-active:before {
    background-image: url('../Images/Star_Outline_Icon_DOrange_Transparent.png');
}

.icon-start-lock:before {
    /*background-image: url(../img/lock.svg);*/
    background-image: url('../Images/MFC_Locked_Icon_DOrange_Transparent.png');
    top: -29px;
}

/*.icon-start-active, .icon-start-lock, .glyphter-icon-dashboard, .glyphter-icon-intro {
    margin-right: 45px;
}*/

.glyphter-icon-intro:before {
    background-image: url('../Images/MFC_Introduction_Icon_DOrange_Transparent.png');
}

.nav-sidebar li a {
    font-size: 16px;
}

.dashboard.welcome_text {
    color: #313131;
}

.welcome_text {
    font-family: DMSans-Medium;
    font-size: 54pt;
    line-height: 64.8px;
    margin-top: 24px;
    font-weight: normal;
    color: #000;
}

.locked_image img {
    height: 24px;
    width: 24px;
}

.dashboard a.btn.btn-default, .dashboard a.btn.btn-default-white {
    padding: 9px 25px;
    height: 36px;
    width: 170px;
}

.dashboard .btn[disabled] {
    opacity: 1;
}

.dashboard {
    padding-top: 173px;
}

.hidden-xs .nav-sidebar {
    background: none;
}


.silderbar_140 {
    margin-top: 250px;
}

.padding-bottom-70 {
    padding-bottom: 70px;
}

/*BBK-513 Starts*/
.nav.nav-sidebar li.active a {
    background: white;
    border-radius: 40px;
    opacity: 1;
    color: #D64204;
}
/*BBK-513 Ends*/
.nav.nav-sidebar li {
    height: 90px;
    width: max-content;
}

    .nav.nav-sidebar li a {
        /*BBK-513 Starts*/
        padding: 8px 0px !important;
        /*BBK-513 Ends*/
    }

.left_20 {
    left: 20px;
    position: relative;
}

div.row.phone_verify_text {
    color: #a94442;
    position: relative;
    padding-bottom: 15px;
    padding-left: 18px;
}

.account-notification-border {
    padding-bottom: 30px;
    padding-left: 6px;
}

.quiz_reminnder .account-notification-border {
    padding-left: 20px;
}

.account-notification-border .radio {
    margin-left: -5px;
}

.margin_left_10 {
    margin-left: 10px;
}

.time .autocompleteDiv input {
    width: 170px !important;
}

.set_reminder .radio .cr .cr-icon {
    font-size: 20px;
}

.week_container .background_color_white {
    border-radius: 16px;
    /*box-shadow: 0 16px 32px 0 rgba(0,0,0,0.24);*/
}

    .week_container .background_color_white p, .week_container .background_color_white p b, .week_container .background_color_white p strong {
        font-size: 18pt;
        line-height: 21.6pt;
        font-family: DMSans-Regular;
        /*color: black;*/ /*9DEC-Dilshad*/
    }

.week_container .row.background_color_white h3 {
    color: black; /*9DEC-Dilshad*/
    font-family: DMSans-Medium;
    font-size: 40pt;
    line-height: 48pt;
    font-weight: normal;
    margin-bottom: 35px;
}

.week_container .row.background_color_white ul li h5 {
    font-family: DMSans-Regular;
    font-size: 18pt !important;
    line-height: 21.6pt;
    font-weight: normal;
}

.clock_img {
    height: 16px;
    width: 16px;
    top: -2px;
    position: relative;
    margin-right: 7px;
}

.Introduction .token-img {
    width: 90% !important;
    position: relative !important;
    top: 5% !important;
}

.Introduction {
    background: #f4f1ef;
}

    .Introduction .dotcirclewhite {
        border: 1pt solid #e14504;
        background: #f4f1ef;
    }

.panel.mfc-banner {
    box-shadow: 0 1px 2px rgba(0,0,0,0);
}

.introduction-page .horizontallinewhite {
    background: #e14504;
}

.horizontallinewhite {
    background: white;
    border-radius: 0px;
    bottom: -17px;
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    border: 1px solid;
}

    .horizontallinewhite.width_25 {
        width: 25%;
    }

    .horizontallinewhite.width_50 {
        width: 50%;
    }

    .horizontallinewhite.width_75 {
        width: 75%;
    }

    .horizontallinewhite.width_100 {
        width: 100%;
    }

.horizontalline.left_25 {
    width: 75%;
    left: 25%;
}

.horizontalline.left_50 {
    width: 50%;
    left: 50%;
}

.horizontalline.left_75 {
    width: 25%;
    left: 75%;
}

.horizontalline.left_100 {
    width: 0;
    left: 100%;
}

.intro_content .btn.btn-default-white, .intro_content .btn.btn-default-white:hover {
    color: #D64204;
    background: none;
    font-family: DMSans-Medium;
    font-size: 12.096pt;
    line-height: 14.515pt;
    border: 1pt solid #D64204;
}

.horizontalline {
    width: 100%;
}

.Introduction .nav.nav-sidebar li.active a {
    color: #D64204;
}

.Introduction .nav-sidebar li a span.icon {
    color: black;
}


.week_container .flow-quiz ul li, ul.mindful li {
    list-style: none;
}

    .week_container .flow-quiz ul li::before, ul.mindful li::before {
        content: "\2022";
        color: #FF8C2B;
        font-weight: bold;
        margin-left: 0;
        font-size: 38px;
        display: table-cell;
        top: 3.5px;
    }

/*.Introduction .nav.nav-sidebar li a {
    color: #313131;
}*/

.margin-top10px {
    margin-top: 10px !important;
}

.intro_S3 strong {
    font-size: 16px;
}


.Week1 .thank-tank_pop_up .set_thank_tank_reminder_button .btn.btn-primary {
    left: 0 !important;
}



.horizontallinewhite.width_20 {
    width: 20%;
}

.horizontallinewhite.width_12 {
    width: 12%;
}

.horizontallinewhite.width_24 {
    width: 24%;
}

.horizontallinewhite.width_40 {
    width: 40%;
}

.horizontallinewhite.width_60 {
    width: 60%;
}

.horizontallinewhite.width_70 {
    width: 70%;
}

.horizontallinewhite.width_80 {
    width: 80%;
}

.horizontallinewhite.width_17 {
    width: 17%;
}

.horizontallinewhite.width_34 {
    width: 34%;
}

.horizontallinewhite.width_51 {
    width: 51%;
}

.horizontallinewhite.width_68 {
    width: 68%;
}

.horizontallinewhite.width_58 {
    width: 58%;
}

.horizontallinewhite.width_85 {
    width: 85%;
}

.horizontallinewhite.width_100 {
    width: 100%;
}

.horizontallinewhite.width_18 {
    width: 18%;
}

.horizontallinewhite.width_36 {
    width: 36%;
}

.horizontallinewhite.width_54 {
    width: 54%;
}

.horizontallinewhite.width_72 {
    width: 72%;
}

.horizontallinewhite.width_15 {
    width: 15%;
}

.horizontallinewhite.width_30 {
    width: 30%;
}

.horizontallinewhite.width_45 {
    width: 45%;
}

.horizontallinewhite.width_60 {
    width: 60%;
}

.horizontallinewhite.width_65 {
    width: 65%;
}

.horizontallinewhite.width_75 {
    width: 75%;
}

.horizontallinewhite.width_76 {
    width: 76%;
}

.horizontallinewhite.width_27 {
    width: 27%;
}

.horizontallinewhite.width_90 {
    width: 90%;
}

.horizontalline.left_15 {
    width: 85%;
    left: 15%;
}

.horizontalline.left_30 {
    width: 70%;
    left: 30%;
}

.horizontalline.left_27 {
    width: 73%;
    left: 27%;
}

.horizontalline.left_36 {
    width: 64%;
    left: 36%;
}

.horizontalline.left_24 {
    width: 76%;
    left: 24%;
}

.horizontalline.left_45 {
    width: 55%;
    left: 45%;
}

.horizontalline.left_60 {
    width: 40%;
    left: 60%;
}

.horizontalline.left_65 {
    width: 35%;
    left: 65%
}

.horizontalline.left_75 {
    width: 25%;
    left: 75%;
}

.horizontalline.left_90 {
    width: 10%;
    left: 90%;
}

.horizontalline.left_18 {
    width: 82%;
    left: 18%;
}

.horizontalline.left_36 {
    width: 64%;
    left: 36%;
}

.horizontalline.left_54 {
    width: 46%;
    left: 54%;
}

.horizontalline.left_72 {
    width: 28%;
    left: 72%;
}

.horizontalline.left_20 {
    width: 80%;
    left: 20%;
}

.horizontalline.left_40 {
    width: 60%;
    left: 40%;
}

.horizontalline.left_60 {
    width: 40%;
    left: 60%;
}

.horizontalline.left_80 {
    width: 20%;
    left: 80%;
}

.horizontalline.left_17 {
    width: 83%;
    left: 17%;
}

.horizontalline.left_34 {
    width: 66%;
    left: 34%;
}

.horizontalline.left_51 {
    width: 49%;
    left: 51%;
}

.horizontalline.left_68 {
    width: 32%;
    left: 68%;
}

.horizontalline.left_85 {
    width: 15%;
    left: 85%;
}

.horizontalline.left_12 {
    width: 88%;
    left: 12%;
}

.horizontalline.left_100 {
    width: 0;
    left: 100%;
}



.Week4, .Week4 .week_container .dotcirclewhite {
    background: #f4f1ef;
}


.Week6, .Week6 .week_container .dotcirclewhite {
    /*background: #FF604B;*/
    /*background: #32DCD2;*/ /*9DEC-DILSHAD*/
}

.backgroud_dot_image .week_container div.step6path h3 {
    color: #FFFFFF !important;
    font-family: "MarkPro";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
}

.Week1 .week_container .flow-quiz ul li::before, .Week1 .week_container .row.background_color_white h3 {
    font-family: DMSans-Medium;
    font-size: 40pt;
    line-height: 48pt;
    font-weight: normal;
}

/*.Week2 .nav.nav-sidebar li.active a, .Week2 .week_container .flow-quiz ul li::before,  .Week2 ul.mindful li::before {
    color: #01C8CF;
}*/

/*.Week3 .nav.nav-sidebar li.active a, .Week3 .week_container .flow-quiz ul li::before, .Week3 .week_container .row.background_color_white h3, .Week3 ul.mindful li::before {
    color: #FF8C2B;
}*/



.Week5 .nav.nav-sidebar li.active a, .Week5 .week_container .flow-quiz ul li::before, .Week5 .week_container .row.background_color_white h3 {
    color: #FFBC2B;
}

.Week6 .nav.nav-sidebar li.active a, .Week6 .week_container .flow-quiz ul li::before {
    color: #FF604B;
}

.Week5 .week_container .row.background_color_white h3, .Week6 .week_container .row.background_color_white h3 {
    color: black;
    margin-bottom: 30px; /*9DEC-DILSHAD*/
}

.intro_S3 b {
    font-size: 16px;
}

.Week1 .dotcircleprevious {
    background-image: url('../img/tick-purple.svg');
}

.Week2 .dotcircleprevious {
    background-image: url('../img/week2_tick.svg');
}

.Week3 .dotcircleprevious {
    background-image: url(/Content/Images/week3/Week3_Tick.png);
}

.Week4 .dotcircleprevious {
    background-image: url('../img/tick-green.svg');
}

.Week5 .dotcircleprevious {
    background-image: url('../img/tick-yellow.svg');
}

.Week6 .dotcircleprevious {
    background-image: url('../img/tick-red.svg');
}

.Week3 .horizontalline, .Week3 .week_container .dotcirclewhite {
    color: #c46c29;
}

.Week4 .horizontalline, .Week4 .week_container .dotcirclewhite {
    color: #e14504;
}

.Week5 .horizontalline, .Week5 .week_container .dotcirclewhite {
    color: #cc9622;
}

.Week6 .horizontalline, .Week6 .week_container .dotcirclewhite {
    color: #c46c29;
}

.Week4 .week_container .stept_7 h3 {
    color: black;
    font-family: "MarkPro";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 22px;
}

.Week4 .week_container .stept_7 .box-inner {
    padding: 30px 22px 111px 10px;
}

.padding_top_bottom_10 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.learn .nav.nav-tabs > li.active > a, .learn .nav.nav-tabs > li.active > a span {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.learn .tab-content {
    border-radius: 10px;
    border-top-left-radius: 0px;
}

.learn .panel-group .panel {
    border-radius: 10px;
}

.color_white {
    color: white !important;
}


.Powerup .panel-heading .accordion-toggle:after {
    position: relative;
}

.Powerup .panelbiteback {
    border-radius: 10px;
}

.Powerup .panel {
    padding: 0px 15px 0px 15px !important;
}

    .Powerup .panel a .panel-heading h4.accordion-toggle, .Powerup .panel .panel-heading .accordion-toggle:after, .Powerup .panel a .panel-heading h4.accordion-toggle:hover {
        color: white;
        text-decoration: none;
    }

    .Powerup .panel a, .Powerup .panel a :hover {
        text-decoration: none;
    }

    .week2-mediabox, .Powerup .panel.panel-content {
        border-radius: 12px;
    }

.play_pause_div {
    height: 64px;
    width: 64px;
    border-radius: 50px;
    position: absolute;
    bottom: 15px;
}

.Powerup .play_pause_div {
    bottom: 0px;
}



.Week2 .cursorPointer, .Powerup .cursorPointer {
    cursor: pointer;
    min-height: 10px;
    text-align: center;
    position: relative;
    height: 44.893px;
    width: 44.892px;
}



.quiz_reminnder {
    margin-bottom: 10px;
}

.reminders .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input, .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left, .reminders .notification-day-width-account {
    width: 170px !important;
}

.quiz_reminnder .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input, .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left {
    width: 170px;
}

ul.custom-strength {
    list-style: none;
    padding: 15px 0px 0px 15px;
}

.userStrength.height_160 {
    min-height: 160px;
    height: auto;
}

.userStrength.height_80 {
    min-height: 80px;
    height: auto;
}

ul.userStrength {
    list-style: none;
}

.youtheducator .btn_findout {
    height: 56px;
    width: 186px;
    font-size: 16px;
    bottom: 30px;
    border: 3px solid #ffffff;
}

    .youtheducator .btn_findout:hover {
        color: #ff5f4a !important;
        border: 3px solid #f3d3cf;
    }

div.sanp_that_background {
    /*background-color: #f0f0f0;*/
    background-color: #fff;
}

a.btn-default-white.week6_viewbtn:hover {
    color: #FFF !important;
    border: 1px solid #FFF !important;
}

.dashboard a.btn.btn-default-white {
    color: #FFF !important;
    border: 1px solid #FFF !important;
}

.userstrength .strenghts {
    display: none;
}

    .userstrength .strenghts.current {
        display: block;
    }

    .userstrength .strenghts.next {
        display: block;
        opacity: 0.5;
    }

.strenghts_text {
    color: #313131;
    font-family: "MarkPro";
    font-size: 16px;
    font-weight: bold;
}

@media screen and (min-device-width: 765px) and (max-device-width:800px) and (orientation:portrait) {
    .emergency-help-li {
        left: 0px;
    }

    div.set_thank_tank_reminder_button .btn.btn-primary {
        left: 0px;
    }

    #navbar.in .li-login .btn.btn-primary, #navbar.collapsing .li-login .btn.btn-primary {
        width: 190px;
    }

    .btn-primary:before {
        width: 100%;
        height: 100%;
    }

    .box.feature.full_width_img .box-inner {
        padding: 0px;
    }

    div.full_width_img .box-inner a.btn-info {
        margin-top: 15px;
        position: absolute !important;
        padding-bottom: 30px;
        bottom: 40px;
        margin: 0px 0px 0px 10px !important;
    }

    .full_width_img .feature-img img {
        right: 0px;
        float: right;
    }

    .full_width_img .col-sm-6.padding_right_30 {
        padding: 30px 30px 30px 50px;
    }

    div.panel-week-image {
        position: relative;
        left: -30px;
        float: left;
        margin: 0 auto;
    }

    .panel-week .panel-body {
        min-height: 304px;
    }

    .box.feature.full_width_img .box-inner .thank_tank, .box.feature.full_width_img .box-inner .snapThat {
        padding: 30px;
        padding-left: 50px;
        height: 400px;
    }

    div.youtheducator .box-inner p.bottom_20px {
        position: absolute;
        bottom: 20px;
    }

    div.youtheducator .box-inner p.bottom_20px {
        left: 25px;
    }

    div.youtheducator .yellow .box-inner {
        min-height: 1px;
    }

    div.youtheducator .feature.purple.full_width_img .btn_findout, div.youtheducator .feature.full_width_img.green .btn_findout {
        position: absolute;
        left: 30px;
    }

    div.dashboard div.panel a.btn.btn-default, div.dashboard div.panel a.btn.btn-default-white {
        left: 0px;
    }

    .spanthat_reminder .btn-primary {
        float: unset !important;
    }

    .spanthat_reminder {
        margin-bottom: 10px;
    }

    div.span_show {
        text-align: center;
    }

    /*div.for_web_view_margin_left_30 {
        margin-left: 30%;
    }*/

    div.MFC_week_reminder .modal-body {
        padding-left: 30px;
    }

    /* .set_reminder .form-group {
        margin-right: 0px;
        margin-left: 0px;
    }*/

    .modal-body .radio label, .modal-body .checkbox label {
        padding-left: 0px
    }

    div.Week1 .thank-tank_pop_up .set_thank_tank_reminder_button .btn.btn-primary {
        left: 0px !important;
    }

    div.week_thank_tank .pull-right {
        float: right !important;
    }

    .week_thank_tank .btn-primary {
        top: 15px;
    }

    div.modal-backdrop.fade.in {
        height: 100% !important;
        min-height: 1000px !important;
    }

    nav.navbar-fixed-bottom ul.nav li span.icon {
        margin: 0px !important;
    }
}

.Verify .backgroud_dot_image {
    background-image: none;
}

.Verify .week_container {
    margin-top: 0px;
}

.quiz .box-inner {
    min-height: auto;
}

.quiz .box {
    margin-bottom: 0px;
}

.About .panel, .EmergencyHelp .panel {
    border-radius: 15px;
}

.youtube-video__play-button, .youtube-video__play-button__inner {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    align-items: center;
    justify-content: center;
    position: absolute;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}

.youtube-video__play-button {
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 66%;
    z-index: 1;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

    .youtube-video__play-button:focus {
        outline: none;
    }

.youtube-video__play-button__inner {
    width: 100%;
    height: 84.204px;
    color: #fff;
    font-size: 24px;
}

    .youtube-video__play-button__inner:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*background-color: #d64309;*/
        border-radius: 50%;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
    }

.icon-play:before {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 35%;
    left: 36%;
    content: "";
    background-image: url(../Images/play.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.youtube-video__player__inner, .youtube-video__thumbnail {
    left: 0;
    width: 96%;
    height: 100%;
}

.youtube-video__play-button:hover .youtube-video__play-button__inner:before {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

footer .form-control {
    background-color: white;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.tough_stuff .box-inner {
    min-height: 100px;
    max-width: 660px;
    padding: 0 !important;
}

.UserThankTank div.box-inner {
    padding: 0px;
}

.background_color_white .token-img {
    top: 0% !important;
}

.answer-options label {
    width: 210px;
    padding: 4px;
    border-style: solid;
    border-radius: 25px;
    border-color: #000;
    background-color: #FFF;
    border-width: 1px;
    text-align: center;
    height: 44px;
    font-size: 12.096pt;
    font-weight: 400;
    margin-top: 10px;
    color: #000;
    font-family: 'DMSANS-MEDIUM';
    line-height: 14.515pt;
}

.answer-options input {
    visibility: hidden;
    width: 0px;
    height: 0px;
}

.answer-options label:hover, .answer-options label.active {
    background-color: #FF9F1A;
    color: white;
    border-color: #ffa900;
}

.WEMWBSquizdiv div.progress-bar {
    background-color: #FF9F1A;
    background-image: none;
}

div.progress {
    border-radius: 7px;
}

div.box .button.btn.btnback, div.box .button.btn.btnnext {
    bottom: 0;
    width: 130px;
    padding: 12px;
    border-style: solid;
    border-radius: 25px;
    border-color: orange;
    background-color: #FFF;
    border-width: 1px;
    text-align: center;
    height: 50px;
    margin-top: 5px;
    margin-left: 45px;
    background-repeat: no-repeat;
    font-size: 17px;
    font-weight: 400;
    color: orange;
    margin-left: 32px;
}

.button.btn.btnback {
    background-image: url(../Images/Circle_IconImage.png);
    background-position: left 20px top 12px !important;
}

.button.btn.btnnext {
    background-image: url('../Images/Circle_Icon.png');
    background-position: right 15px top 12px;
}

.WEMWBSquizdiv {
    background: white;
    margin-bottom: 60px;
}

    .WEMWBSquizdiv .progress-container {
        padding: 50px 0px;
    }

    .WEMWBSquizdiv .progress {
        height: 15px;
    }

    .WEMWBSquizdiv .top-div {
        padding: 0px;
    }

.Header_Menu_Icon_Logo_width {
    width: 217.087px;
    height: 53.44px;
}

.Header_Icon_width {
    width: 26.774px;
    padding: 23px 0px 5px 0px;
}

.navbar-main .margin-left-43 {
    margin-left: 43.056px;
    height: 13.888px;
}

.navbar-header .margin-top-15 {
    margin-top: 19.28px;
    position: relative;
}


@media only screen and (min-device-width : 1024px)and (max-device-width : 1366px)and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
    .emergency-help .youthEducator-width, .emergency-help-li, .navbar-nav.navbar-right li.li-login {
        margin-right: 3px;
        width: 100% !important;
        /*margin-left: 14px;*/
        background-color: #f4f1ef;
        padding: 0px 0px 7px 0px;
    }



    ul.nav.navbar-nav.navbar-right.logOut-button-div {
        padding: 23px;
    }

    #navbar.in .navbar-nav li, #navbar.collapsing .navbar-nav li {
        margin-bottom: 1px !important;
    }

    .navbar-main .margin-left-23 {
        height: 40.888px !important;
    }

    .emergency-help ul {
        padding-right: 0px;
    }

    #navbar.in .navbar-nav.emergency-help, #navbar.collapsing .navbar-nav.emergency-help {
        padding-bottom: 0px;
    }

    .bitebackinstructionalvideos.container {
        width: 85vw;
    }

    p.instructional-title-p {
        padding-right: 0px;
    }

    p.instructional-title-p-2 {
        padding-right: 0px;
    }

    div.jumbotron.orange.sub-header.instructional-videos-subheader-style {
        height: 350px;
        padding-top: 40px;
    }

    .bitebackinstructionalvideos .box-inner p {
        font-size: 12.5pt
    }

    div.bitebackinstructionalvideos .thum-image {
        width: 100%;
        height: 157.035px;
    }

    .home-page-body .jumbotron-btns.width100per .btn.btn-default.btn-lg {
        width: unset;
    }

    div.header-background.w-50 {
        top: 60px;
    }

    div.home-page-body div.jumbotron-btns.width100per a.btn.btn-default.btn-lg {
        font-size: 16.096pt !important;
        line-height: 19pt !important;
        padding: 10px !important;
        width: 290px !important;
        height: 45px !important;
    }
}

.nav.navbar-nav.navbar-right.navbar-main.emergency-help ul.nav.navbar-nav li a.youthEducator,
.nav.navbar-nav.navbar-right.navbar-main.emergency-help ul.nav.navbar-nav li a.emergency-help-link,
.nav.navbar-nav.navbar-right.navbar-main.emergency-help ul.nav.navbar-nav li a {
    padding: 0px;
    font-size: 12pt;
    font-family: DMSans-Regular;
    line-height: 14.4pt !important;
    cursor:pointer;
}

ul.nav.navbar-nav.navbar-main {
    padding: 43.056px 0;
}

.header-logo {
    padding-left: 104.06px;
}

.logout-width {
    margin-left: -28px;
    width: 125px;
    background-color: #f4f1ef;
    margin-right: 15px;
    height: 100px;
    padding: 0px 0px 7px 0px;
    text-align: center;
}

/*ul.nav.navbar-nav.navbar-main li {
    padding-left: 40px;
}*/

@media only screen and (min-width : 768px) and (max-width : 1024px) {

    #navbar.in .navbar-nav li, #navbar.collapsing .navbar-nav li {
        margin-top: 1px !important;
    }

    .Wellbeing .week-working-area.flow-quiz {
        padding: 0px 20px;
    }


    .emergency-help .youthEducator-width {
        margin-right: 2px;
        width: 100%;
        margin-bottom: 0px;
        text-align: left;
        background-color: white;
        padding-left: 22px !important;
    }

    .emergency-help-li {
        margin-right: 2px;
        width: 100%;
        margin-bottom: 0px;
        text-align: left;
        background-color: white;
        padding-left: 29px !important;
    }

    .navbar-header .margin-top-15 {
        margin-top: 0px !important;
        margin-bottom: 0px !important
    }

    .navbar-main .margin-left-23 {
        margin-left: 43.056px !important;
        height: 13.888px;
    }

    .header-logo {
        padding-left: 15px;
    }

    .navbar-main .margin-left-23 {
        margin-left: 15px !important;
    }

    .Header_Icon_width {
        padding: 0px 0px 7px 0px;
        display: none;
    }

    .navbar-main .margin-left-23 {
        margin-bottom: 25px;
    }

    ul.nav.navbar-nav.navbar-main {
        padding-bottom: 0px;
    }

    .padding-left-15p {
        padding-left: 15px;
    }

    .navbar #navbar.in, .navbar #navbar.collapsing {
        margin-top: 44px;
    }

    #navbar.in .navbar-nav li, #navbar.collapsing .navbar-nav li {
        padding-top: 0px;
        padding-bottom: 40px;
    }


    ul.nav.navbar-nav.navbar-main {
        padding: 0px;
    }

    a.btn-primary-width.text-center.logout-button-style {
        width: 34% !important;
    }

    .ul-height-scroll {
        height: auto !important;
    }

    div.jumbotron.contactUs-page-style h1, div.jumbotron.AboutUs-page-style h1 {
        margin-top: 40px;
    }


    div.jumbotron.orange.sub-header.contactUs-page-style, div.jumbotron.orange.sub-header.AboutUs-page-style {
        padding-top: 25px;
    }

    div.header-logo .Header-Menu-a-1 {
        position: absolute;
        top: 9px;
        left: 24px;
        width: 136px;
        height: 53.44px;
    }

    div.header-logo .Header-Menu-a-2 {
        position: fixed;
        top: 9px;
        left: 154px;
        width: 78px;
        height: 53.44px;
    }

    .navbar-nav .width-125 {
        height: 30% !important;
    }

    .bitebackinstructionalvideos .media-body {
        height: auto;
        padding-bottom: 35px;
    }
}
/*Ipad pro*/
@media only screen and (min-width: 1024px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {



    .navbar-header .margin-top-15 {
        margin-top: 20px !important;
        margin-bottom: 0px !important;
        padding-bottom: 7px;
    }

    .footer-nav-margin-top-20 {
        margin-top: 20px;
    }

    .footer-nav-margin-top-15 {
        margin-top: 0px;
    }

    .navbar-nav .width-125 {
        height: 30% !important;
    }



    div.jumbotron.orange.sub-header.contactUs-page-style {
        padding-top: 40px;
    }

    div.jumbotron.contactUs-page-style h1, div.jumbotron.AboutUs-page-style h1 {
        margin-top: 0px;
    }

    #navbar.in .li-login {
        padding-bottom: 10px !important;
    }

    .navbar #navbar.in, .navbar #navbar.collapsing {
        margin-top: 3px;
    }

    #navbar.in .navbar-nav.emergency-help, #navbar.collapsing .navbar-nav.emergency-help {
        padding-bottom: 20px;
    }


    .navbar-header {
        padding-bottom: 0px !important;
    }

    .Header_Icon_width {
        width: 26.774px;
        padding: 0px 0px 0px 0px;
    }

    .navbar-main {
        margin-left: 15px !important;
    }

    .Header_Icon_width {
        padding: 0px 0px 7px 0px;
    }

    .margin-left-23 {
        margin-bottom: 220px !important;
    }

    /*ul.nav.navbar-nav.navbar-main {
        padding-bottom: 0px;
    }*/

    .li-login {
        width: 98%;
    }

    #navbar.in .navbar-nav li, #navbar.collapsing .navbar-nav li {
        margin-top: 29px !important;
    }

    .padding-top-0 {
        padding-bottom: 20px;
    }

    .youthEducator-width, .emergency-help-li, .navbar-nav.navbar-right li.li-login {
        padding-top: 5px !important;
    }

    #navbar.in .navbar-nav li, #navbar.collapsing .navbar-nav li {
        padding-top: 0px;
        padding-bottom: 0px;
    }

        #navbar.in .navbar-nav li.mfcstart.emergency-help-li {
            margin-top: 29px !important;
        }

    /*.padding-15 {
        padding: 15px;
    }*/

    .navbar-main .margin-left-23 {
        margin-left: 15px !important;
    }

    .ul-height-scroll {
        height: auto !important;
    }
}

ul.nav.navbar-nav.navbar-main .padding-left-29 {
    padding-left: 16.881px;
}

ul.nav.navbar-nav.navbar-main .padding-left-43 {
    padding-left: 22.056px;
}

#navbar.in .navbar-nav li.padding-left-43 {
    padding-left: 43.056px;
}

.navbar-nav .li-login-width-xs .btn-primary {
    padding: 12px 0px !important;
}

@media (min-width: 1920px) and (max-width: 2560px) {

    @-moz-document url-prefix() {

        div.modal.snapthat-remainder-modal .checkbox label input[type="checkbox"]:checked ~ .cr > .cr-icon {
            left: 2px;
        }
    }




    div.panel.panel-content.panel-thank-tank .thank-tank-text {
        font-size: 37pt;
        line-height: 44.4pt;
        font-family: 'DMSans-Regular';
    }

    div.hytPlayerWrap.paused::after {
        max-height: 100%;
    }

    div.hytPlayerWrap.self-guided.paused::after {
        max-height: 690px;
    }

    .About .youtube-video__player iframe {
        width: 100%;
        height: 746px;
        max-height: 746px;
    }

    .youtube-video__player div.hytPlayerWrap.self-guided iframe {
        height: 746px;
        width: 100%;
    }

    div.hytPlayerWrap.self-guided.ended::after {
        max-height: 690px;
    }


    div.hytPlayerWrap.ended::after {
        max-height: 100%;
    }

    .dashboard .panel-week .panel-body {
        width: 265px;
        margin: auto;
    }

    div.panel-info {
        height: 70px;
    }

    div .panel-thank-tank {
        border-radius: 10px;
        padding: 15px;
        min-height: 365px;
    }

    div label.receive-updates {
        padding-left: 0 !important;
        position: relative !important;
    }

    p .TextAreaHeight100 {
        min-height: 367px;
    }

    .form-horizontal.registration-form span.cr-icon.glyphicon.glyphicon-ok-circle::before {
        border: 4.5px solid #ff4504 !important;
        margin-left: -3px !important;
    }

    p.button-text-center {
        width: calc(100% - 120px);
    }

    .form-horizontal.registration-form .radio .cr .cr-icon {
        margin-top: 0px !important;
    }

    .form-horizontal.registration-form .checkbox .cr .cr-icon, .radio .cr .cr-icon {
        margin-top: 1px !important;
    }

    .Profile .radio .cr .cr-icon {
        margin-top: 0px !important;
    }

    .Header_Icon_width {
        padding: 15px 0px 7px 0px !important;
    }

    div.week-2-page .week2-mediabox {
        height: 300px;
    }

    .pr-0 {
        padding-right: 0;
    }

    .pb-23 {
        padding-bottom: 23.275px;
    }

    div.week-4-page .custom-strength.active:before {
        margin-left: 310px;
    }


    div.week-4-page .custom-strength.active label {
        font-family: DMSans-Regular;
        font-size: 18pt;
        line-height: 21.6pt;
    }

    div.image-logo-div img.SnapThatImageWeek6 {
        width: 199px !important;
    }
}

.padding-bottom-30 {
    margin-bottom: 19px !important;
    font-size: 12pt !important;
    line-height: 14.4pt !important;
    font-family: DMSans-Regular;
}


.margin-right-16 {
    margin-right: 0px;
    margin-left: -28px !important;
    padding-bottom: 10px !important;
}

.nav > li > a.logout-button-style {
    background-color: #D64204;
    color: #fefcfa !important;
    border-radius: 26px;
    height: 45px;
    padding-top: 13px !important;
    text-decoration: none !important;
    text-transform: uppercase;
}

.ul-height-scroll {
    height: auto;
    overflow: auto;
}

a.logout_text.btn.btn-primary.padding-top-11 {
    padding-top: 12px !important;
}

.w-34 {
    width: 34%;
}

.nav.navbar-nav.navbar-right.logOut-button-div li a.logout-link {
    font-size: 12pt;
    font-family: DMSans-Regular;
    line-height: 14.4pt !important;
}

.pt-20 {
    padding-top: 20px;
}

.pt-4 {
    padding-top: 4px !important;
}

.pb-20 {
    padding-bottom: 20px;
}

.email-textbox {
    width: 100%;
    border: none;
    background: none;
    padding-left: 0;
    border-bottom: 1px solid rgb(159, 174, 181);
}

    .email-textbox:focus-visible {
        outline: none;
    }

.email-ouline:focus-visible {
    outline: none;
}

li.hidden-xs.logout-width a {
    font-size: 12pt;
    line-height: 14.4pt !important;
}
/* Mobile / smartphones, portrait iPhone, portrait 480x320 phones (Android) */
@media (min-width:320px) and (max-device-width:766px) and (orientation: portrait) {
    div.youth-Educator-Handbook {
        width: 100%;
        margin: 0;
        height: 400px;
        margin-bottom: 30px;
    }

    div.container-fluid.sub-header1 h1, div.container.sub-header1 h1 {
        font-size: 30pt;
        line-height: 38pt;
    }

    div.sub-header1-image-div .sub-header1-bg-image {
        width: 224.198px;
    }

    div.instructional-Youth-Educators .description {
        padding-left: 5px;
    }

    div.instructional-Youth-Educators .heading h3 {
        padding-left: 5px;
    }

    div.box.youth-Educator-Handbook-left {
        height: 400px;
    }

    .youtube-video__player.margin-bottom-45-iframe iframe {
        margin-bottom: 20px;
    }

    div.youtheducator .youth-Educator-modal img {
        height: 473px;
    }

    div.youtheducator img {
        height: 400px;
        width: 100%;
    }

    div.container.youtheducator {
        padding: 30px 15px;
    }

    div.about-BITE-BACK .youth-Educator-Handbook-right img {
        height: 400px;
    }

    div.request-your, div.box.extra-Resources {
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
    }

    div.mental-Fitness-Challenge {
        margin-left: 0;
    }

    div.box.what-Is-BiteBack, div.intro-video-to-watch, div.mental-Fitness-Challenge {
        height: 342px;
        width: 100%;
        padding: 15px;
    }

    div.about-BITE-BACK {
        width: 100%;
        height: 400px;
    }

    div.instructional-Youth-Educators {
        height: 500px;
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
    }

    div.COVID-19 {
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
    }

    .instructional-Youth-Educators .youth-Educator-Handbook-right img {
        height: 500px;
    }

    .navbar #bdi-logo {
        width: 217.087px;
        height: 53.44px;
        margin-top: 10px;
    }

    div.jumbotron.orange.AboutUs-page-style {
        margin-bottom: 54px;
    }

    div.youtube-video__player iframe {
        width: 100%;
    }

    div.email-ouline {
        width: 95%;
    }

    .MFCTerms .container {
        padding-left: 20px;
    }

    .jumbotron.orange.MFC-terms-header-style .container {
        padding-left: 20px !important;
    }

    ul.nav.navbar-nav.navbar-main.ul-height-scroll.menu-top-div-style {
        padding: 20px;
    }

    .login-user-btn {
        padding: 0px 20px;
    }


    .navbar #navbar.in, .navbar #navbar.collapsing {
        top: 65px !important;
        padding: 0;
    }

    a.insta-icon {
        padding-left: 0;
    }

    div.email-btn {
        padding-top: 37.228px;
        padding-bottom: 40px;
    }

    .m-signup button.btn-signup {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    div.dark h3 {
        margin: 0;
    }

    .navbar-brand.Header-Menu_Icon-sm {
        padding-left: 0;
    }

    .email-textbox {
        font-size: 16pt;
        line-height: 19.2pt;
    }

    footer div.dark.no-padding-top .container {
        padding-left: 15px;
    }

    .notification-popover .notification-bell {
        top: 24px;
        font-size: 20px;
    }

    /*.notification-popover span.bell-badge {
        top: 10px;
        left: -34px;
    }*/

    .notification-popover {
        display: inline-block !important;
        float: right;
        right: 78px;
    }

    .m-pt-15 {
        padding-top: 15px;
    }

    .pb-20 {
        padding-bottom: unset;
    }

    .dark {
        max-height: 600px;
        height: auto;
    }

        .dark ul.footer-nav li.fbins-icons-style {
            padding-left: unset;
        }



    .jumbotron.orange.sub-header p.hidden-on-mobile {
        visibility: hidden;
    }

    .Emergency-Help-div h2 {
        margin-top: 50px;
    }

    .jumbotron.orange.contactUs-page-style h1.style-for-mobile {
        padding-top: 40px;
    }

    .jumbotron.orange.AboutUs-page-style h1.style-for-mobile {
        padding-top: 40px;
    }

    .jumbotron.instructional-videos-subheader-style h1 {
        word-break: break-word;
    }

    .jumbotron.orange.sub-header.instructional-videos-subheader-style {
        height: 320px !important;
        margin-bottom: 40px;
        padding-top: 30px;
    }

    div.jumbotron.instructional-videos-subheader-style p.instructional-para {
        width: 270px;
    }

    .bitebackinstructionalvideos.container {
        margin-left: 0px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

        .bitebackinstructionalvideos.container .box-inner {
            padding: 0px;
        }

        .bitebackinstructionalvideos.container .box-inner {
            height: auto;
            min-height: unset;
        }

    /*div.container.sub-header1 p {
        font-size: 15pt;
    }*/

    .home-page .jumbotron.orange, .snapthat-home .jumbotron.orange {
        height: 320px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .teen-boy-div img {
        height: 320px;
        right: 0;
        position: absolute;
        bottom: -30px;
    }

    .homepage-header-ripple img {
        width: 62%;
        height: 194.326px;
    }



    .home-page .home-page-body {
        width: auto;
    }

    .home-page-body .body-header-content.container-fluid {
        background-color: #F6F8F8;
        /*height: 640px;*/
    }

    div.home-page.mentalFitness .transparent {
        width: 97% !important;
        margin-bottom: 70px;
    }

    div.home-page.mentalFitness.mentalFitness-home-page .transparent {
        margin-bottom: 50px
    }

    div.home-page.mentalFitness.mentalFitness-home-page .mobile-view-fixed-top {
        padding-top: 30px;
    }

    .mentalFitness-home-page .body-header-content.container-fluid.body-section {
        padding-bottom: 0px;
    }

    .home-page.mentalFitness .jumbotron-btns .btn {
        width: 100%;
    }

    div.home-page-body p.text {
        width: 95%;
    }

    div.home-page-body .jumbotron-btns.width100per .btn.btn-default.btn-lg {
        width: 100% !important;
    }


    .home-page .jumbotron .container.w-50 {
        margin-left: 20.06px;
        max-width: 30px;
    }

    div.m-s-xs-100 {
        width: 100%;
    }

    .home-page .jumbotron .header-background, .snapthat-home .jumbotron .header-background {
        height: 350px;
        background-position: 43%;
        right: -6px;
    }


    div.header-background:before {
        background-position: unset !important;
        background-size: 100px;
        width: 100px !important;
    }

    .home-page-body .jumbotron-btns.width100per a.btn.btn-default.btn-lg {
        width: 100%;
        font-size: 12.096pt !important;
        line-height: 19pt !important;
        padding: 10px !important;
        height: 45px !important;
    }

    div.Login, div.ForgotPassword {
        background: none;
    }

    div.login-main-div .left-login {
        width: 100%
    }

    form.login-form input[type="text"], .login-form input[type="password"] {
        width: 100% !important;
    }

    div.Login .body-working-area, div.ForgotPassword .body-working-area {
        margin-top: 50px;
        padding-top: 0px;
    }

    div.login-header-title h1 {
        font-size: 30pt;
        line-height: 40pt;
    }

    button.btn.btn-primary.btn-signin {
        width: 212px !important;
    }

    div.row.background_color_white .btn {
        padding: 8px;
        width: 120px;
    }




    .welcome_text {
        font-family: DMSans-Medium;
        font-size: 34pt;
        line-height: 40.8pt;
        font-weight: normal;
    }

    /*.week_container .row.background_color_white h3 {
        font-size: 26pt;
        line-height: 35pt;
    }*/

    form.form-horizontal.registration-form .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input, .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left {
        width: 100% !important;
    }

    .learn div.six_weekly_text h1 {
        font-size: 38pt;
    }

    div.powerup .btn.btn-info, div.powerup a.btn.btn-info:hover, div.powerup a.btn.btn-info:active {
        width: 100%;
    }

    div.snapthat-home .home-page-body a.btn.btn-info {
        width: 100%;
    }

    .learn.find-out-more.home-page.mentalFitness .home-page-body p.text, .powerup.find-out-more.home-page.mentalFitness .home-page-body p.text {
        font-size: 18pt;
        line-height: 21.6pt;
    }

    div.panel-header-reminder-div {
        padding-top: 0px;
    }

    div.panel-header-main-div {
        display: block;
    }

    a.btn-act-powerup span, a.btn-act-powerup span:hover {
        font-size: 13pt !important;
    }

    audio::-webkit-media-controls-timeline {
        width: 55% !important;
    }

    div.panel-header-main-div div {
        padding-right: 0;
    }

    div.week-2-page .week2-mediabox {
        height: 255px;
    }

    p.down-select {
        position: relative;
    }

    div.Week3 .row.remove-margin.background_color_white {
        padding: 0 15px 15px 15px;
    }

    div.sayItOut .box, div.make_time .box, div.fight_well .box, div.focus_on .box {
        margin-bottom: 0px;
    }

    div.sayItOut div.box-inner-padding, div.make_time div.box-inner-padding, div.fight_well div.box-inner-padding, div.focus_on div.box-inner-padding {
        padding-bottom: 0px !important;
    }

    div.sayItOut div.box-inner, div.make_time div.box-inner, div.fight_well div.box-inner, div.focus_on div.box-inner {
        min-height: 250px !important;
    }

    .week-working-area.row.background_color_white h3 {
        font-size: 30pt;
        line-height: 40pt;
    }
}
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
@media only screen and (min-device-width:768px) and (max-device-width:1024.9px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    li.mfcstart.emergency-help-li a.emergency-help-link.emergency-help-link-style {
        position: absolute;
        top: 246px;
    }


    /* div div.container-fluid.sub-header1 h1, div div.container.sub-header1 h1 {
        margin-top: 70px;
    }*/

    div.header-img-wrapper img.sub-header1-bg-image1 {
        height: auto !important;
    }

    div.container-fluid.sub-header1.thank-page h1 {
        margin-top: 20px;
    }


    .youtube-video__player.margin-bottom-45-iframe iframe {
        margin-bottom: 20px;
    }

    .About .youtube-video__play-button {
        max-height: 345px;
    }

    ul.nav.navbar-nav.navbar-main.ul-height-scroll.menu-top-div-style .logout-btn {
        padding-top: 52px !IMPORTANT;
    }

    div.youth-Educator-Handbook {
        width: 100%;
        margin: 0;
        height: 500px;
        margin-bottom: 30px;
    }

    div.youtheducator img {
        height: 500px;
    }

    div.container.youtheducator {
        padding: 30px 0;
        margin: 0 30px;
        width: auto;
    }

    .firstDiv-width-for-desktop {
        padding: 0;
    }

    div.container.sub-header1 {
        margin: 0 30px;
        width: auto;
        padding: 0;
    }

    div.about-BITE-BACK .youth-Educator-Handbook-right img {
        height: 500px;
    }

    div.request-your, div.box.extra-Resources {
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
    }

    div.mental-Fitness-Challenge {
        margin-left: 0;
    }

    div.box.what-Is-BiteBack, div.intro-video-to-watch, div.mental-Fitness-Challenge {
        height: 342px;
        width: 100%;
        padding: 15px;
    }

    div.about-BITE-BACK {
        width: 100%;
        height: 500px;
    }

    div.box.youth-Educator-Handbook-left {
        height: 500px;
    }

    div.instructional-Youth-Educators {
        height: 500px;
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
    }

    div.COVID-19 {
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
    }

    .instructional-Youth-Educators .youth-Educator-Handbook-right img {
        height: 500px;
    }

    .bitebackinstructionalvideos.container {
        padding-left: 35px;
        padding-right: 35px;
        margin-left: 0px;
        width: 100%;
    }

    .jumbotron.orange.sub-header.instructional-videos-subheader-style .container {
        margin-left: 0px;
        padding-left: 35px;
    }



    div.jumbotron.instructional-videos-subheader-style p.instructional-para {
        width: 600px;
    }



    .notification-popover {
        display: inline-block !important;
        float: right;
        right: 80px;
    }

    .nav.navbar-nav a.emergency-help-link-style {
        font-size: 14pt !important;
        font-family: DMSans-Regular !important;
        line-height: 16.8pt !important;
    }

    div.youtube-video__player iframe {
        width: 100%;
        height: 465.779px !important;
    }

    .jumbotron.orange.MFC-terms-header-style .container, .jumbotron.orange.sitemap-subheader-style .container, .jumbotron.orange.emergencyhelp-page-style .container, .jumbotron.orange.contactUs-page-style .container, .Contact .container, .EmergencyHelp .container, .jumbotron.orange.AboutUs-page-style .container, .About .container {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .login-user-btn a {
        width: 250px !important;
    }

    li.login-user-btn {
        float: left;
        padding-left: 20px;
    }

    .MFCTerms .container {
        padding-left: 20px;
    }

    .jumbotron.orange.MFC-terms-header-style .container {
        padding-left: 20px !important;
    }

    div.dashboard {
        padding-top: 70px;
    }

    .logout-btn {
        padding-left: 29px !important;
    }

    #navbar.in .navbar-nav li.ipad-padding-left-43 {
        padding-left: 43px;
    }

    #navbar.in .li-login {
        padding-bottom: 40px !important;
    }

    li.emergency-help-li.padding-left-29.ipad-padding-left-43 {
        padding-top: 0px !important;
    }

    footer .nav > li {
        position: inherit !important;
        display: inline-block;
    }

    li.hidden-xs.youthEducator-width {
        padding-left: 28px;
    }

    div.dark.no-padding-top .footer-top-div {
        padding-top: 61.343px;
    }

    div.email-btn {
        padding-top: 37.228px;
        padding-bottom: 40px;
    }

    .m-signup button.btn-signup {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #navbar.in .navbar-nav li.ipad-padding-left-43 {
        padding-left: 0px;
    }

    ul.nav.navbar-nav.navbar-right.mfc_start.padding-top-0.padding-15.ul-height-scroll {
        padding-left: 30px;
    }

    .navbar-nav .width-125 {
        padding: 0px 7px 9px 0px !important;
    }

    .navbar-toggle {
        margin-top: 25px !important;
        margin-right: 23px !important;
    }


    footer div.dark.no-padding-top .container {
        padding-left: 20px;
    }

    .m-signup {
        padding-left: 0;
    }

    .email-textbox {
        font-size: 16pt;
        line-height: 19.2pt;
    }

    .notification-popover {
        display: inline-block !important;
        float: right;
        right: 80px;
        top: 38px;
    }

    #navbar.in .li-login .btn.btn-primary, #navbar.collapsing .li-login .btn.btn-primary {
        width: 190px;
    }

    .m-pt-15 {
        padding-top: 15px;
    }

    .pb-20 {
        padding-bottom: unset;
    }

    .dark {
        height: 600px;
    }


    ul.footer-nav li {
        width: unset;
        float: none;
        padding: 0px;
        text-align: left;
    }

    .fbins-icons-style {
        position: absolute;
        right: 0;
        bottom: 10px;
    }

    li.pt-4.fbins-icons-style {
        width: 18%;
    }



    .home-page .homepage-header-banner img {
        left: -668px !important;
        height: 67vh !important;
    }

    .home-page-body .jumbotron-btns.width100per .btn.btn-default.btn-lg {
        width: unset;
    }

    .body-header-margin {
        margin-left: -30px;
        margin-right: -30px;
    }

    .learn.find-out-more.home-page.mentalFitness .home-page-body p.text, .powerup.find-out-more.home-page.mentalFitness .home-page-body p.text {
        font-size: 18pt;
        line-height: 21.6pt;
    }

    .i-p-3 {
        width: 33.33%;
        float: left;
    }
}
/* tablet, landscape iPad, lo-res laptops  */
@media only screen and (min-device-width:1024px) and (max-device-width:1280px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    li.mfcstart.emergency-help-li a.emergency-help-link.emergency-help-link-style {
        position: absolute;
        top: -140px;
    }

    .youtheducator .heading h3 {
        font-size: 22pt;
    }

    .youtube-video__player.margin-bottom-45-iframe iframe {
        margin-bottom: 40px;
    }

    .About .youtube-video__play-button {
        max-height: 428px;
    }

    ul.nav.navbar-nav.navbar-main.ul-height-scroll.menu-top-div-style .logout-btn {
        padding-top: 52px !IMPORTANT;
    }

    div.youth-Educator-Handbook {
        width: 100%;
        margin: 0;
        height: 450px;
        margin-bottom: 30px;
    }

    div.box.youth-Educator-Handbook-left {
        height: 450px;
    }

    div.youtheducator img {
        height: 450px;
    }

    div.container.youtheducator {
        padding: 30px 0;
    }

    div.firstDiv-width-for-desktop {
        padding: 0;
    }

    div.about-BITE-BACK .youth-Educator-Handbook-right img {
        height: 450px;
    }

    div.request-your, div.box.extra-Resources {
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
        height: 450px;
    }

    div.mental-Fitness-Challenge {
        margin-left: 0;
    }

    div.box.what-Is-BiteBack, div.intro-video-to-watch, div.mental-Fitness-Challenge {
        height: 450px;
        width: 100%;
        padding: 15px;
    }

    div.about-BITE-BACK {
        width: 100%;
        height: 450px;
    }

    div.instructional-Youth-Educators {
        height: 450px;
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
    }

    div.COVID-19 {
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
        height: 450px;
    }

    .instructional-Youth-Educators .youth-Educator-Handbook-right img {
        height: 450px;
    }

    .notification-popover {
        display: inline-block !important;
        float: right;
        right: 80px;
    }

    .nav.navbar-nav a.emergency-help-link-style {
        font-size: 14pt !important;
        font-family: DMSans-Regular !important;
        line-height: 16.8pt !important;
    }

    div.About-Us-div-Bottom-Image {
        background-size: 609.059px 427.779px;
    }



    div.youtube-video__player iframe {
        width: 100%;
        height: 465.779px !important;
    }

    div.email-ouline {
        width: 97%;
    }

    .login-user-btn a {
        width: 250px !important;
    }

    li.login-user-btn {
        float: left;
        padding-left: 20px;
    }

    .MFCTerms .container, .jumbotron.orange.MFC-terms-header-style .container {
        padding-left: 10px !important;
    }

    .logout-btn {
        padding-left: 29px !important;
    }

    .navbar #navbar.in, .navbar #navbar.collapsing {
        padding-left: 35px;
    }

    #navbar.in .li-login {
        padding-bottom: 40px !important;
    }

    ul.nav.navbar-nav.navbar-right.mfc_start.padding-top-0.padding-15.ul-height-scroll {
        padding-left: 30px;
    }

    .notification-popover {
        display: inline-block !important;
        float: right;
        right: 80px;
        top: 38px;
    }

    #navbar.in .li-login .btn.btn-primary, #navbar.collapsing .li-login .btn.btn-primary {
        width: 190px;
    }

    .navbar #navbar.in, .navbar #navbar.collapsing {
        margin-top: 0 !important;
    }

    .m-pt-15 {
        padding-top: 15px;
    }

    .pb-20 {
        padding-bottom: unset;
    }

    ul.footer-nav li {
        width: unset;
        float: none;
        padding: 0px;
        text-align: left;
    }

    .fbins-icons-style {
        position: absolute;
        right: 0;
        bottom: 10px;
    }

    .bitebackinstructionalvideos.container {
        width: 93vw;
    }



    div.jumbotron.instructional-videos-subheader-style {
        height: 350px;
    }

        div.jumbotron.instructional-videos-subheader-style p.instructional-para {
            width: 585px;
        }

    .bitebackinstructionalvideos .media-body {
        height: 150px;
    }

    div.home-page-body .jumbotron-btns.width100per .btn.btn-default.btn-lg {
        width: 190px !important;
    }

    .body-header-margin {
        margin-left: -30px;
        margin-right: -30px;
    }

    div.Login, div.ForgotPassword {
        background: url(/Content/Images/Side_Graphic_Login_ForgotPasswod.png);
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    div.login-main-div .left-login {
        width: 50%;
    }
}
/*Ipad-8th*/
@media only screen and (min-device-width:809.8px) and (max-device-width:810.2px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    li.mfcstart.emergency-help-li a.emergency-help-link {
        padding-top: 0px !important;
    }

    i.mfcstart.emergency-help-li a.emergency-help-link {
        padding-left: 12px !important;
    }

    li.pt-4.fbins-icons-style {
        width: 15% !important;
    }

    .dark ul.footer-nav li.fbins-icons-style {
        padding-right: 20px !important;
    }

    div.dark {
        height: 600px;
    }

    .dark ul.footer-nav li.fbins-icons-style {
        padding-left: unset;
    }

    ul.footer-nav li {
        width: unset;
        float: none;
        padding: 0px;
        text-align: left;
    }
}

.Emergency-Help-div h2, .Emergency-Help-div p, .contact-Us-div h2, .contact-Us-div p, .about-Us-div h2, .about-Us-div p {
    color: black;
    text-decoration-color: black;
}

.Emergency-Help-div a, .contact-Us-div a, .about-Us-div a {
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #D64204;
    color: #616161;
}

    .Emergency-Help-div a:hover, .contact-Us-div a:hover, .about-Us-div a:hover {
        text-decoration: none;
        box-shadow: inset 0 -1px 0 #D64204;
        color: #D64204;
    }

.MFCTerms h3, .Emergency-Help-div h2, .contact-Us-div h2, .about-Us-div h2 {
    font-size: 24pt;
    line-height: 28.8pt;
    font-family: DMSans-Regular;
    font-weight: normal;
}

.Emergency-Help-div p, .Emergency-Help-div a, .contact-Us-div p, .contact-Us-div a, .about-Us-div p, .about-Us-div a {
    font-size: 16pt;
    /* line-height: 19.2pt;*/
    line-height: 24pt;
    font-family: DMSans-Regular;
    font-weight: normal;
    word-break: break-word;
}

.Emergency-Help-div .Emergency-Help-margin-top-10 {
    margin-top: 25px;
}

.jumbotron {
    padding: 0px;
}
/*BBK-424 Starts*/
.About-Us-div-Bottom-Image {
    background-image: url('../Images/Bottom_Graphic_About_Us.svg');
    background-repeat: no-repeat;
    background-position: right 0 bottom -12px;
    background-size: 928.059px 676.779px;
}

div.About-Us-div-Bottom-Image .padding-bottom-205 {
    padding-bottom: 210px !important;
}


.about-Us-div a {
    text-decoration: none;
}
/*BBk-424 Ends*/

.mr-0 {
    margin-right: 0;
}

.p-tb-20 {
    padding: 20px 0;
}

.extra-resources-div ul li a {
    font-size: 12.096pt;
    line-height: 14.515pt;
    font-family: 'DMSans-Medium';
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #D64204;
    color: #616161;
}

    .extra-resources-div ul li a:hover {
        text-decoration: none;
        box-shadow: inset 0 -1px 0 #D64204;
        color: #D64204;
    }

.extra-resources-div ul {
    padding-left: 0px;
    margin-bottom: 78.499px;
}

    .extra-resources-div ul li {
        list-style-type: none;
        margin-top: 39.224px;
        margin-left: 2px;
    }

        .extra-resources-div ul li a {
            text-transform: uppercase;
        }


.pt-15 {
    padding-top: 15px;
}

.btn-signup {
    border: 2px solid #D64204;
    color: #D64204;
    background: transparent;
    border-radius: 20px;
    width: 162px;
    font-size: 12pt;
    line-height: 14.4pt;
    padding: 6px 8px 8px 8px;
    height: 36px;
    text-transform: uppercase;
    font-family: DMSans-Medium;
}

    .btn-signup:hover, .btn.btn-signup:focus {
        border: 2px solid #D64204;
        color: #D64204;
        background: transparent;
        outline: none;
    }

ul.footer-nav li.fbins-icons-style {
    padding-left: 14px;
    margin-top: -10px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-5 {
    padding-top: 5px;
}

.m-signup .btn-signup {
    margin-top: 30px;
    width: 100%;
    height: 45px;
    margin-bottom: 30px;
}

.mo-footer {
    display: grid;
    grid-template-columns: 5fr 1fr;
}
/*bbk-423 starts */
.sitemap-div a {
    font-size: 12.096pt;
    line-height: 20pt;
    font-family: 'DMSans-Medium';
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #D64204;
    color: #616161;
}

    .sitemap-div a:hover {
        text-decoration: none;
        color: #D64204;
        box-shadow: inset 0 -1px 0 #D64204;
    }

.sitemap-div ul {
    padding-left: 3px;
}

    .sitemap-div ul li {
        list-style-type: none;
        margin-top: 35px;
    }
/*bbk-423 End */
.Contact .row.contact-Us-div h2 {
    margin-bottom: 0;
}


.Contact h2.by_mail {
    padding-top: 38px;
    margin-top: 0;
}

.Contact h2.by_phone {
    padding-top: 35px;
    margin-top: 0;
}

.Contact h2.email_by {
    padding-top: 40px;
    margin-top: 0;
}

.Contact h2.social_Media {
    padding-top: 50px;
    margin-top: 0;
}

.Contact p.social_media {
    padding-bottom: 100px;
    margin-bottom: 0;
}

.header-logo .Header-Menu-a-1 {
    width: 136px;
    height: 60.44px;
    position: fixed;
    top: 20px;
    left: 120px;
}

.header-logo .Header-Menu-a-2 {
    width: 78px;
    height: 60.44px;
    position: fixed;
    top: 20px;
    left: 258px;
}

.Header-Menu_Icon-sm .Header-Menu-a-1 {
    width: 136px;
    height: 53px;
    position: absolute;
    top: 14px;
    left: 19px;
}

.Header-Menu_Icon-sm .Header-Menu-a-2 {
    width: 78px;
    height: 53px;
    position: fixed;
    top: 14px;
    left: 126px;
}

.margin-top-35 {
    margin-top: 35px;
}

.navbar-nav .width-125 {
    width: 125px;
    height: 100px;
    padding: 0px 7px 9px 7px !important;
}

@media only screen and (min-width : 1920px) {

    div.home-page.Explore .width-225-div {
        width: 100%;
        padding-left: 20px;
    }

    div .SnapThatImage {
        width: auto;
        max-width: 100%;
        height: 283px;
        border-radius: 10px;
    }

    div.Week6 .thank-tank-text {
        font-size: 37pt;
        line-height: 44.4pt;
        font-family: 'DMSans-Regular';
    }

    div p.getInspiration {
        margin-bottom: 20px;
    }

    .Week5 div .TextAreaHeight100 {
        min-height: 367px;
    }

    form.snapthatForm-style {
        background-size: 50% 25%;
        padding-bottom: 160px;
    }

    div .snap-that input::-webkit-file-upload-button {
        margin-right: 20px;
    }

    body .container-fluid.sub-header1.real-stories-page .sub-header1-text-div h1 {
        margin-top: 70px;
    }

    div.container-fluid.sub-header1.real-stories-page .sub-header1-text-div h1, div.container-fluid.sub-header1.real-stories-page .sub-header1-text-div p {
        width: 70%;
    }

    div.mentalFitness .Explore-body .box-inner p {
        font-size: 16pt;
    }

    div.real-stories .panel-content .panel-stories-content {
        font-size: 37pt;
        line-height: 44.4pt;
    }

    div.real-stories .panel-stories h4 {
        font-size: 37pt;
        line-height: 44.4pt;
    }

    div.panel-powerup-content {
        min-height: 280px !important;
    }

    .dashboard .panel-week .panel-body {
        width: 265px;
        margin: auto;
    }

    /*div.youtheducator img {
        width: 100%;
        height: 480px;
    }*/

    .box.what-Is-BiteBack .heading {
        padding: 0 88px;
    }

    div.container.youtheducator {
        padding: 40px 35px 100px 35px;
    }

    div.box.youth-Educator-Handbook-left {
        padding-left: 0;
        height: 400px;
    }

    .COVID-19 .description {
        padding: 0 48px;
    }

    .request-your .heading {
        padding: 0 44px;
    }

    .box.youth-Educator-Handbook .heading {
        padding-right: 15%;
    }


    div.button-Div.single-button {
        bottom: 35px;
    }

    div.email-btn {
        padding: 20px 0 0 15px;
    }

    div.firstDiv-width-for-desktop {
        width: 69%;
    }

    div.secondDiv-width-for-desktop {
        width: 30.5%;
    }

    footer div.dark.no-padding-top .container {
        padding-right: 0;
        padding-left: 10px !important;
    }

    div.email-ouline {
        padding-top: 30px;
        width: 58.33333333%;
    }

    button.btn-signup {
        width: 100%;
    }

    div.container.youtheducator {
        padding-right: 0;
    }

    div.instructional-Youth-Educators, div.youtheducator .width-400, div.youtheducator .extra-Resources.width-400, div.youtheducator .what-Is-BiteBack.width-400 {
        height: 400px;
    }


    div.about-BITE-BACK {
        height: 480px;
    }

    div.COVID-19, div.box.extra-Resources, div.request-your {
        height: 480px;
        width: 100%;
    }

    div.box.what-Is-BiteBack, div.intro-video-to-watch, div.mental-Fitness-Challenge {
        height: 480px;
        width: 100%;
    }





    div.youth-Educator-Handbook {
        height: 480px;
        width: 100%;
    }

    div.container.youtheducator {
        padding-left: 10px;
        padding-right: 10px;
    }

    .container.youtheducator {
        width: 88%;
    }

    ul.nav.navbar-nav.navbar-main {
        width: 50%;
    }


    .jumbotron.orange.AboutUs-page-style {
        margin-bottom: 0;
    }

    .about-us-first-div {
        margin-top: 54px;
    }

        .about-us-first-div h2 {
            margin-top: 0;
        }

    .email-ouline {
        padding-right: 0px;
        width: 270px;
    }

    .email-btn {
        padding-top: 22px;
        padding-left: 15px;
    }

    .jumbotron.orange.MFC-terms-header-style .container {
        padding-left: 10px !important;
    }

    a.insta-icon {
        padding-left: 22px;
    }

    div.jumbotron.orange.sub-header.contactUs-page-style {
        height: 390px;
    }

    div.Contact h2.by_mail {
        padding-top: 66px;
        margin-top: 0;
    }

    .Emergency-Help-margin-top-10.provide-crisis {
        padding-right: 100px;
    }

    ul.footer-nav.full-width.footer-nav-margin-top-15 {
        margin-bottom: 0px !important;
    }

    .extra-resources-page-style .container {
        padding-left: 6px !important;
    }

    .container.extra_resources .extra-resources-div .padding-left-10 {
        padding-left: 10px;
    }

    .container.extra_resources ul {
        padding-left: 0px;
    }

    .jumbotron.orange.extra-resources-page-style .container {
        margin-top: 54px;
    }

    li.footer-BiteBack-li-style {
        padding-left: 18% !important;
    }

    div.dark {
        background: #DFDFDF;
        height: 200px;
    }

    ul.nav.navbar-nav.navbar-main .padding-left-43 {
        padding-left: 12%;
    }

    ul.nav.navbar-nav.navbar-main .padding-left-29 {
        padding-left: 10%;
    }

    div.About .youtube-video__play-button {
        max-height: 746px;
    }

    .ul-height-scroll {
        overflow: unset;
    }

    ul.nav.navbar-nav.navbar-right.mfc_start.padding-top-0.padding-15.ul-height-scroll {
        margin: 0;
        padding: 0;
    }
    /*
        .MFCTerms .container,
        .jumbotron.orange.MFC-terms-header-style .container,
        .sitemap.container,
        .jumbotron.orange.sitemap-subheader-style .container,
        .jumbotron.orange.emergencyhelp-page-style .container,
        .jumbotron.orange.contactUs-page-style .container, 
        .Contact .container, 
        .EmergencyHelp .container, 
        .jumbotron.orange.AboutUs-page-style .container, 
        .About .container, 
        .jumbotron.orange.extra-resources-page-style .container,
        .container.extra_resources 
        {
        width: 88%;
        }
        */

    /*23/09/2021 Starts*/
    .jumbotron.orange.sub-header .container, .Contact .container, .About .container, .container.extra_resources, .EmergencyHelp .container, .sitemap.body-working-area, .MFCTerms .container {
        width: 88%;
    }
    /*23/09/2021 Ends*/

    .jumbotron.contactUs-page-style p {
        width: 44%;
    }

    div.jumbotron.contactUs-page-style h1.style-for-mobile {
        margin-top: 50px;
        margin-bottom: 20px;
    }



    /*.jumbotron.orange.contactUs-page-style .sub-header-style, .jumbotron.orange.emergencyhelp-page-style .sub-header-style {
        padding-left: 10px;
    }*/


    .About-Us-div-Bottom-Image .container, .jumbotron.orange.sub-header .container, .Contact .container, .EmergencyHelp .container {
        padding-left: 10px !important;
    }

    div.jumbotron.orange.sub-header.instructional-videos-subheader-style .container {
        margin-left: 0px;
        padding-left: 124.06px !important;
    }

    footer .dark.no-padding-top div.container {
        width: 88%;
        padding-left: 10px;
    }

    .footer-nav-margin-top-20 {
        margin-top: 0;
    }

    ul.footer-nav li {
        padding-left: 10%;
        padding-top: 0;
    }

    ul.footer-nav.footer-nav-margin-top-20 {
        width: 100%;
    }

    .jumbotron.orange.extra-resources-page-style .container {
        padding-left: 31px;
    }

    ul.footer-nav li.fbins-icons-style {
        padding-left: 19%;
        margin-top: -6px;
        padding-top: 0 !important;
    }

    .btn .btn-signup {
        padding: 7px 8px 8px 8px;
    }

    ul.footer-nav.footer-nav-margin-top-20 {
        margin-top: 6px;
    }

    div.sub-header1-bg-image {
        width: 456.756px;
        height: 309.177px;
        background-repeat: no-repeat;
        float: right;
        position: absolute;
        top: 207px;
        right: 0px;
    }

    div.container-fluid.sub-header1 h1 {
        margin-top: 105px;
    }


    div.container-fluid.sub-header1 h1, div.container-fluid.sub-header1 p {
        width: 62%;
    }

    p.instructional-title-p {
        padding-right: 170px;
    }

    p.instructional-title-p-2 {
        padding-right: 170px;
    }

    div.jumbotron.instructional-videos-subheader-style p.instructional-para {
        width: 602px;
    }

    .bitebackinstructionalvideos.container {
        margin-left: 0px;
        width: 100%;
        padding-left: 124.06px;
        padding-right: 124.06px;
    }

    .bitebackinstructionalvideos .box-inner {
        padding: 0px;
        padding-bottom: 60px;
    }

    .bitebackinstructionalvideos img.play-pause-image {
        left: 37%;
    }

    .bitebackinstructionalvideos .col-lg-4 {
        width: 31.3333%
    }

    .m-l-3 {
        margin-left: 3%;
    }

    .home-page .homepage-header-banner img {
        position: absolute;
        left: 0;
        top: 0;
        width: 89.5%;
    }


    div.home-page .jumbotron.orange .container.w-50, div.snapthat-home .container.w-50 {
        max-width: 865px;
    }


    .home-page.mentalFitness .jumbotron p.text, .home-page-body p.text {
        width: 550px;
        color: #313131;
        font-family: 'DMSans-Regular';
        font-size: 16pt;
        line-height: 19.2pt;
        height: auto;
        margin-bottom: 15px;
    }

    .home-page.mentalFitness .transparent {
        width: 550px;
        padding: 10px;
        background: #ffffff;
    }

    .home-page.mentalFitness .jumbotron-btns.width100per .btn.btn-default.btn-lg, .home-page-body .jumbotron-btns.width100per .btn.btn-default.btn-lg {
        font-family: DMSans-Medium;
        font-size: 12.096pt;
        line-height: 14.515pt;
        text-transform: uppercase;
        color: white;
        background-color: #D64204;
        width: 190px;
        height: 35.656px;
        padding: 8px 10px;
        font-weight: normal;
    }

    div.homepage-header-ripple img {
        width: 730px !important;
        height: 385px;
        background-repeat: no-repeat;
        float: right;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .home-page .jumbotron.orange .container h1, .home-page-body h1 {
        font-family: DMSans-Medium;
        font-size: 40pt;
        line-height: 48pt;
        font-weight: normal;
        color: #313131;
        width: 450px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    div.Login, div.ForgotPassword {
        background-size: 78% 100%;
    }

    .ForgotPassword form.login-form label {
        font-size: 16pt;
        line-height: 19.2pt;
    }

    .week_container .row.background_color_white h3 {
        /*color: #FF9444;*/
        font-size: 40pt;
        line-height: 48pt;
    }

    .Meaning-Quiz-weekday-div .Meaning-Quiz-weekday-text-first.week-introduction-page {
        padding: 0px 146px 0px 0px;
    }

    div.ToughStuff-page-style .sub-header-style {
        width: 35%;
    }

    div.home-page.powerup-page div.jumbotron.orange .container h1 {
        margin-top: 30px;
    }
}

.nav.navbar-nav .emergency-help-link-style {
    font-family: DMSans-Medium !important;
    font-size: 12.096pt !important;
    font-weight: normal;
}

.jumbotron.orange.register-page-style {
    margin-top: 100px;
    padding-top: 60px;
    height: 336px;
    background-size: 456.756px 309.177px;
    margin-top: 100px;
}

    .jumbotron.orange.register-page-style h1 {
        color: #D64204;
        font-size: 40pt;
        line-height: 48pt;
        font-family: DMSans-Medium;
        font-weight: normal;
    }

    .jumbotron.orange.register-page-style p {
        color: #000000;
        font-size: 16pt;
        line-height: 19.2pt;
        font-family: DMSans-Regular;
        text-decoration-color: black;
        font-weight: normal;
    }



/*.jumbotron.orange.contactUs-page-style .sub-header-style, .jumbotron.orange.emergencyhelp-page-style .sub-header-style {
    padding-left: 15px;
}*/

/*.jumbotron.orange.MFC-terms-header-style .container,
.jumbotron.orange.sitemap-subheader-style .container,
.jumbotron.orange.emergencyhelp-page-style .container, 
.jumbotron.orange.contactUs-page-style .container, 
.Contact .container, 
.EmergencyHelp .container, 
.jumbotron.orange.AboutUs-page-style .container, 
.About .container {
    padding-left: 35px;
}*/

.jumbotron.orange.sub-header .container,
.Contact .container,
.EmergencyHelp .container,
.About .container {
    padding-left: 0;
}

footer .dark.no-padding-top .container {
    padding-left: 35px;
}
/*23/09/2021 Starts*/
.sitemap.body-working-area {
    padding-bottom: 59.85px;
}
/*23/09/2021 Ends*/
.about-Us-div #biteback_youtubeimag1, .about-Us-div #biteback_youtubeimag2, .youtube-video__player iframe {
    margin-top: 45px;
}

.youtube-video__player iframe {
    width: 96%;
    height: 465.779px;
}

/*IPhone 5S*/
@media (max-device-width:320px) and (max-device-width:325px) {
    ul.footer-nav.footer-nav-margin-top-20 li, ul.footer-nav.footer-nav-margin-top-20 li.pt-4.fbins-icons-style {
        float: unset;
        width: 100%;
    }

        ul.footer-nav.footer-nav-margin-top-20 li.footer-BiteBack-li-style {
            width: 60%;
            float: left;
        }

        ul.footer-nav.footer-nav-margin-top-20 li.pt-4.fbins-icons-style {
            margin-top: -4px;
            padding-top: 0 !important;
            width: 30%;
            padding-left: 20px;
            float: right;
        }


    div.container-fluid.sub-header1 h1, div.container.sub-header1 h1 {
        font-size: 29pt;
    }
}

.dark.no-padding-top .footer-top-div {
    padding-top: 46.97px;
}

ul.footer-nav.full-width.footer-nav-margin-top-15 {
    margin-bottom: 4.612px;
    margin-top: 6px;
}

ul.footer-nav.footer-nav-margin-top-20 {
    margin-top: 34.612px;
}

.email-ouline {
    padding-top: 35px;
    width: 298px;
}

.email-btn {
    padding-top: 24px;
}

.provide-crisis {
    margin-bottom: 60px;
}

.insta-icon {
    padding-left: 22px;
}

@media only screen and (min-device-width:1366px) and (max-device-width:1367px) {


    .bitebackinstructionalvideos.container {
        margin-left: 0px;
        width: 100%;
        padding-left: 124.06px;
        padding-right: 124.06px;
    }

    bitebackinstructionalvideos.container .box-inner {
        padding: 0px;
    }

    div.jumbotron.instructional-videos-subheader-style p.instructional-para {
        width: 600px;
    }

    .bitebackinstructionalvideos .col-lg-4 {
        width: 31.333%;
    }

    .m-l-3 {
        margin-left: 3%;
    }

    .bitebackinstructionalvideos .box-inner p {
        font-size: 14pt;
    }


    div.homepage-header-ripple img {
        width: 530px !important;
        height: 315px;
    }

    div.home-page .jumbotron.orange .container.w-50 {
        max-width: 518px;
        margin-left: 107.06px !important;
        margin-right: 107.06px;
    }

    form.login-form p.link-reg {
        font-family: DMSans-Regular;
        font-size: 12pt;
        line-height: 14.2pt;
    }

    form.login-form .link-label2 {
        font-family: DMSans-Medium;
        font-size: 12pt;
        line-height: 14.2pt;
    }

    div.learn.find-out-more.home-page.mentalFitness .jumbotron p.text {
        width: 450px;
        font-size: 13pt;
        line-height: 17.2pt;
    }
}
/*Ipad*/
@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .dark {
        height: 600px;
    }

    .Wellbeing .week-working-area.flow-quiz {
        padding: 0px 20px;
    }

    .Wellbeing div.progressbar.quiz-progressbar.progressbar-margin {
        display: block;
    }

    .m-signup.hidden-lg {
        padding-left: 0;
    }


    .jumbotron.orange.sub-header .container, .Contact .container, .EmergencyHelp .container, .About .container {
        padding-left: 10px;
    }

    .jumbotron.orange.sub-header.instructional-videos-subheader-style .container {
        padding-left: 35px;
    }

    footer .dark.no-padding-top .container {
        padding-left: 10px;
    }

    .bitebackinstructionalvideos.container {
        padding-left: 35px;
        padding-right: 35px;
        margin-left: 0px;
        width: 100%;
    }

    .bitebackinstructionalvideos .col-lg-4 {
        width: 31.3333%
    }

    .m-l-3 {
        margin-left: 3%;
    }


    .home-page .jumbotron.orange .row, .snapthat-home .jumbotron.orange .row.hidden-xs.hidden-sm {
        display: none;
    }

    div.powerup .btn.btn-info, div.powerup a.btn.btn-info:hover, div.powerup a.btn.btn-info:active {
        margin-bottom: 25px;
    }

    .home-page-body .row.visible-xs.visible-sm {
        display: block !important;
    }

    div.homepage-header-ripple img {
        width: 635px !important;
        height: 327px !important;
    }

    div.header-background:before {
        background-position: unset;
        background-size: 160px;
    }

    div.panel.mfc-banner {
        padding-left: 33px;
        padding-right: 0px;
    }

    .panel-header-reminder-div {
        padding-right: 0px;
    }

    div.week-2-page p a {
        font-size: 18pt;
        line-height: 22pt;
    }

    .social_connection .sayItOut .box-inner {
        min-height: 350px;
    }

    .social_connection .make_time .box-inner {
        min-height: 295px;
    }

    .social_connection .fight_well .box-inner {
        min-height: 550px;
    }

    .social_connection .focus_on .box-inner {
        min-height: 240px;
    }

    p.down-select {
        position: absolute;
    }
}
/*Ipad 11 pro*/
@media only screen and (min-device-width:833.8px) and (max-device-width:834.2px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {

    .MFCTerms .container {
        margin-left: 15px;
    }



    footer .dark.no-padding-top .container {
        width: 95% !important;
    }

    footer .dark.no-padding-top .container {
        padding-left: 10px;
        margin-left: 20px;
    }
}
/*Ipad-7th*/
@media only screen and (min-device-width:809.8px) and (max-device-width:810.2px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {


    .jumbotron.orange.sub-header .container, .Contact .container, .EmergencyHelp .container, .About .container {
        padding-left: 10px;
        margin-left: 20px;
    }

    .MFCTerms .container {
        margin-left: 15px;
    }

    footer .dark.no-padding-top .container {
        padding-left: 10px;
        margin-left: 20px;
    }

    .jumbotron.orange.sub-header.instructional-videos-subheader-style .container {
        margin-left: 0px;
        padding-left: 35px;
    }
}

.MFCTerms p {
    font-size: 16pt;
    line-height: 19.2pt;
    font-family: DMSans-Regular;
    font-weight: normal;
    word-break: break-word;
}

.does-it-work, .does-it-work h2 {
    margin-top: 0;
}

.mfc-bottom-padding {
    padding-bottom: 80px;
}

p.mfc-page-padding {
    padding-bottom: 20px;
}

    p.mfc-page-padding.first {
        padding-top: 40px;
    }

img.play-pause-image {
    position: absolute;
    top: 68px;
    width: 57.249px;
    height: 61.814px;
    left: 33.66%;
}

.bitebackinstructionalvideos .box:not(:first-child,:last-child) {
    padding-left: 15px;
    padding-right: 15px;
}


.bitebackinstructionalvideos .play-pause-image:hover {
    cursor: pointer;
}

.email-ouline {
    padding-right: 0px;
}

.email-btn {
    padding-left: 15px;
}
/*Samsung Galaxy S6*/
@media only screen and (min-device-width:359.8px) and (max-device-width:360.2px) {
    ul.footer-nav.footer-nav-margin-top-20 li.pt-4.fbins-icons-style {
        float: right;
        width: 26%;
        margin-top: -28px;
        padding-left: 19px;
        padding-top: 0 !important;
    }

    .email-ouline {
        width: 92%;
    }
}



.jumbotron.orange.AboutUs-page-style {
    margin-bottom: 0;
}

.about-us-first-div {
    margin-top: 54px;
}

    .about-us-first-div h2 {
        margin-top: 0;
    }

jumbotron.AboutUs-page-style h1 {
    margin-top: 0px;
}

.box.what-Is-BiteBack, .intro-video-to-watch, .mental-Fitness-Challenge {
    height: 400px;
    width: 100%;
    border-radius: 12px;
    padding: 15px;
    position: relative;
}

.mental-Fitness-Challenge {
    background: rgb(0, 205, 220);
}

.box.what-Is-BiteBack {
    background: rgb(255, 159, 26);
}

.intro-video-to-watch {
    background: rgb(244, 241, 239);
}

.box.what-Is-BiteBack .inner-div {
    height: 100%;
}

.box.what-Is-BiteBack .heading {
    height: auto;
    margin: auto;
}

.heading h3 {
    font-size: 25pt;
    font-family: 'DMSANS-REGULAR';
    line-height: 30pt;
    text-align: center;
    font-weight: normal;
}

.description {
    text-align: center;
}

    .description p {
        font-size: 16pt;
        line-height: 19.2pt;
        font-family: 'DMSANS-REGULAR';
    }

.button-Div {
    position: relative;
    display: flex;
    justify-content: center;
}

.link-button {
    width: 150px;
    border: 1.344pt solid;
    padding: 4px 10px;
    text-align: center;
    color: black !important;
    border-radius: 25px;
    height: 36px;
    display: inline-block;
    text-decoration: none;
    margin-inline-end: 8px;
    font-size: 12.096pt;
    line-height: 20.515pt;
    cursor: pointer;
    text-transform: uppercase;
}

.mental-Fitness-Challenge .button-Div {
    display: block;
}

.youth-Educator-Handbook {
    height: 400px;
    width: calc(100%);
    padding: 0 0 0 20px;
    background: rgb(50, 220, 210);
    border-radius: 12px;
}

.box.youth-Educator-Handbook-left {
    padding-left: 0;
    height: 400px;
}

.box.youth-Educator-Handbook-right {
    padding: 0;
}

.youtheducator img {
    width: auto;
    height: 400px;
    max-width: 100%;
    border-radius: 0 12px 12px 0;
}

div.youtheducator .image-div-youth img {
    /*max-width: 266px!important;*/
    float: right !important;
}

.youth-Educator-Handbook .heading h3 {
    font-size: 25pt;
    font-family: 'DMSANS-REGULAR';
    line-height: 30pt;
    text-align: left;
    padding-top: 15px;
}

.youth-Educator-Handbook .description {
    text-align: left;
}

.youth-Educator-Handbook .button-Div {
    position: relative;
    display: block;
}

.instructional-Youth-Educators {
    height: 400px;
    width: 100%;
    padding: 0 0 0 15px;
    background: rgb(60, 220, 130);
    border-radius: 12px;
}

.box.instructional-Youth-Educators:not(:first-child,:last-child) {
    padding-right: 0px;
    padding-left: 7px;
}

.instructional-Youth-Educators .description {
    text-align: left;
    padding-left: 20px;
}

.instructional-Youth-Educators .heading h3 {
    text-align: left;
    padding-left: 20px;
    padding-top: 15px;
}

.instructional-Youth-Educators .button-Div {
    position: relative;
    display: block;
    padding-left: 20px;
}

.box.extra-Resources {
    height: 400px;
    width: 100%;
    padding: 15px;
    background: rgb(0, 205, 220);
    border-radius: 12px;
    position: relative;
}




.COVID-19 {
    height: 400px;
    width: 100%;
    padding: 15px;
    background: rgb(225, 69, 4);
    border-radius: 12px;
    position: relative;
}

    .COVID-19 .button-Div {
        position: relative;
        display: flex;
        justify-content: center;
    }

.about-BITE-BACK {
    height: 400px;
    width: 100%;
    padding: 0 0 0 15px;
    background: rgb(254, 15, 122);
    border-radius: 12px;
}

.request-your {
    height: 400px;
    width: 100%;
    padding: 15px;
    border-radius: 12px;
    background: rgb(248, 214, 228);
    position: relative;
}

.sub-header1-image-div {
    padding-right: 0px;
}



.container-fluid.sub-header1 h1, .container.sub-header1 h1 {
    color: black;
    font-size: 40pt;
    line-height: 48pt;
    font-family: DMSans-Medium;
    font-weight: normal;
    margin-top: 90px;
}

.container-fluid.sub-header1 p {
    color: black;
    font-size: 16pt;
    line-height: 21.6pt;
    font-family: DMSans-Regular;
    text-decoration-color: black;
    font-weight: normal;
}

.container-fluid.sub-header1 p {
    margin-top: 30px;
}

.powerup .container-fluid.sub-header1 p {
    margin-top: 20px;
}

.container.sub-header1 p {
    color: black;
    font-size: 16pt;
    line-height: 19.2pt;
    font-family: DMSans-Regular;
    text-decoration-color: black;
    font-weight: normal;
}

.container.sub-header1 p {
    margin-top: 30px;
}

.container-fluid.sub-header1 {
    margin-top: 100px;
    margin-bottom: 30px;
    background-color: #edf1f2;
    overflow: hidden;
}


.sub-header1-bg-image1 {
    background-repeat: no-repeat;
    width: auto;
    height: 100%;
    float: right;
    bottom: 0;
    right: 0px;
    position: relative;
    background-position: right 50px;
}

/*.sub-header1-image-div:before {
    content: ' ';
    background: url(/Content/Images/CurveCut.png);
    position: absolute;
    left: 0;
    height: 518.213px;
    width: 75px;
    z-index: 1;
    background-size: 100% 100%;
}*/

.sub-header1-bg-image {
    width: 456.756px;
    height: 309.177px;
    background-repeat: no-repeat;
    float: right;
    position: absolute;
    top: 207px;
    right: 0px;
}


.sub-header1-image-div {
    padding: 0px;
    height: 100%;
    overflow: hidden;
}



/* Portrait Ipad-Pro*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

    div.container-fluid.sub-header1 h1 {
        margin-left: 15px !important;
        margin-top: 90px;
    }

    div.container-fluid.sub-header1 p {
        margin-left: 15px;
    }

    .sub-header1 .sub-header1-image-div .sub-header1-bg-image {
        width: 456.756px !important;
        height: 309.177px !important;
    }

    div.Login .body-working-area, div.ForgotPassword .body-working-area {
        padding-top: 70px;
    }

    .Week6 .row.background_color_white .btn.btn-primary.btn-block {
        width: 220px !important;
    }

    .row.background_color_white .btn {
        width: 174px !important;
    }
}

.disableEventPointer {
    pointer-events: none;
}

.wellbeing-checks-up p {
    font-size: 16pt;
    line-height: 19.2pt;
    font-family: DMSans-Regular;
    font-weight: normal;
    word-break: break-word;
}

.wellbeing-checks-up {
    padding: 30px 30px 0 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .wellbeing_page {
        margin-left: 0px;
        margin-right: 0px;
    }


    div.container-fluid.sub-header1.thank-page h1 {
        margin-top: 20px;
    }

    div.box.youth-Educator-Handbook-left {
        height: 450px;
    }

    div.youth-Educator-Handbook {
        width: 100%;
        margin: 0;
        height: 450px;
        margin-bottom: 30px;
    }

    div.youtheducator img {
        height: 450px;
        width: 100%;
    }

    div.container.youtheducator {
        padding: 30px 0;
        margin: 0 30px;
        width: auto;
    }

    div.about-BITE-BACK .youth-Educator-Handbook-right img {
        height: 450px;
        width: 100%;
    }

    div.request-your, div.box.extra-Resources {
        width: 100%;
        margin: 0;
        height: 450px;
        margin-bottom: 30px;
    }

    div.mental-Fitness-Challenge {
        margin-left: 0;
    }

    div.box.what-Is-BiteBack, div.intro-video-to-watch, div.mental-Fitness-Challenge {
        height: 450px;
        width: 100%;
        padding: 15px;
    }

    div.about-BITE-BACK {
        width: 100%;
        height: 450px;
    }

    div.instructional-Youth-Educators {
        height: 450px;
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
    }

    div.COVID-19 {
        width: 100%;
        margin: 0;
        height: 450px;
        margin-bottom: 30px;
    }

    .instructional-Youth-Educators .youth-Educator-Handbook-right img {
        height: 450px;
        width: 100%;
    }

    .jumbotron.orange.sub-header.instructional-videos-subheader-style .container {
        padding-left: 10px;
    }

    .bitebackinstructionalvideos.container {
        margin-left: 0px;
        width: 100%;
        padding-left: 35px;
        padding-right: 35px;
    }

    div.home-page .jumbotron.orange div.container.w-50 {
        margin-left: 25.06px;
    }
}

.about-BITE-BACK .heading h3 {
    text-align: left;
    padding-left: 20px;
    padding-top: 15px;
}

.about-BITE-BACK .description {
    text-align: left;
    padding-left: 20px;
}

.about-BITE-BACK .button-Div {
    position: relative;
    padding-left: 20px;
    display: block;
}

.position-relative {
    position: relative;
}


/*iPhone 11 landscape*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {

    .bitebackinstructionalvideos.container .box-inner {
        padding: 0px;
    }

    .bitebackinstructionalvideos.container {
        min-height: 350px;
        margin-left: 0px;
        padding-left: 15px;
    }

    div.jumbotron.orange.sub-header.instructional-videos-subheader-style .container {
        margin-left: 0px;
        padding-left: 15px;
    }
}

@media only screen and (device-width: 828px) and (device-height: 1792px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1) {

    .bitebackinstructionalvideos.container .box-inner {
        min-height: 350px;
    }

    p.instructional-title-p {
        padding-right: 380px;
    }

    p.instructional-title-p-2 {
        padding-right: 380px;
    }

    .jumbotron.orange.sub-header.instructional-videos-subheader-style .container {
        margin-left: 0px;
        padding-left: 15px;
    }

    .bitebackinstructionalvideos.container {
        margin-left: 0px;
        padding-left: 15px;
        width: 100vw;
        padding-bottom: 40px;
    }

        .bitebackinstructionalvideos.container .box-inner {
            padding: 0px;
        }
}

@media only screen and (device-width: 1792px) and (device-height:828px ) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1) {
    .jumbotron.orange.sub-header.instructional-videos-subheader-style .container {
        padding-left: 20px;
        margin-left: 104px;
    }



    .container.youtheducator {
        padding-left: 50px;
        padding-right: 50px;
    }
}


/*Web view*/
@media only screen and (min-width: 1280px) and (max-width: 1900px) {
    div.description p {
        font-size: 12pt;
        line-height: 15.2pt;
        font-family: 'DMSANS-REGULAR';
    }

    .Wellbeing .week-warpper .Meaning-Quiz-weekday-text-first p {
        display: block;
        vertical-align: middle;
        height: auto;
    }

    .youtube-video__player__inner, .youtube-video__thumbnail, .youtube-video__player iframe {
        width: 92% !important;
    }

    .hytPlayerWrap .youtube-video__player__inner, .hytPlayerWrap .youtube-video__thumbnail, .hytPlayerWrap .youtube-video__player iframe {
        width: 100% !important;
    }

    .About-Us-div-Bottom-Image .hytPlayerWrap {
        width: 92%;
    }

    .youtheducator img {
    }

    .About-Us-div-Bottom-Image .hytPlayerWrap.paused::after {
        width: 92%;
    }

    .About-Us-div-Bottom-Image .hytPlayerWrap.ended::after {
        width: 92%;
    }

    button .btn-signup {
        width: 100%;
    }

    .inner-div.box.COVID-19 .description {
        padding: 0 10px;
    }

    .container.youtheducator .heading h3 {
        font-size: 18pt;
        line-height: 25pt;
    }

    .inner-div.box.intro-video-to-watch .heading {
        padding: 0 15%;
    }


    .inner-div.box.request-your .heading {
        padding: 0 20px;
    }

    .box.what-Is-BiteBack .heading {
        padding: 0 47px;
    }

    div.instructional-Youth-Educators .heading h3 {
        text-align: left;
        padding-left: 20px;
        padding-top: 15px;
    }

    .firstDiv-width-for-desktop {
        width: 55%;
    }

    div.container.youtheducator {
        padding: 30px 0 100px 0;
        margin: 0 125px;
        width: auto;
    }

    .secondDiv-width-for-desktop {
        width: 45%;
        padding-left: 0;
    }

    div.email-ouline {
        width: 58.33333333%;
    }

    footer .dark.no-padding-top .container {
        padding-right: 35px;
    }

    footer .container {
        width: auto;
        margin: 0 125px;
        padding: 0 !important;
    }

    .email-btn {
        padding-right: 0;
    }
    /*23/09/2021 Starts*/
    .jumbotron.orange.sub-header .container,
    .Contact .container,
    .EmergencyHelp .container,
    .About .container {
        width: auto;
        margin: 0 125px;
        padding: 0 !important;
    }
    /*23/09/2021 Starts*/

    .jumbotron.orange.sub-header.extra-resources-page-style .container {
        margin: 0 123px;
    }

    .sitemap-div ul {
        padding-left: 0;
    }

    div.home-page .homepage-header-banner img {
        width: 111%;
        left: -70px;
    }




    div.homepage-header-ripple img {
        width: 456.756px !important;
        height: 309.177px;
        background-repeat: no-repeat;
        float: right;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .home-page.mentalFitness .jumbotron p.text, .home-page-body p.text {
        font-size: 13pt;
        line-height: 17.2pt;
    }

    div.learn.find-out-more.home-page.mentalFitness .jumbotron p.text, div.powerup.find-out-more.home-page.mentalFitness .jumbotron p.text, div.snapthat-home .jumbotron p.text {
        width: 450px;
        font-size: 13pt;
        line-height: 17.2pt;
    }



    .home-page.mentalFitness .transparent p, .home-page-body .transparent p {
        font-size: 12pt;
        line-height: 15.8pt;
    }

    div.home-page .jumbotron.orange .container.w-50 {
        max-width: 573px;
    }

    form.login-form p.link-reg {
        font-family: DMSans-Regular;
        font-size: 12pt;
        line-height: 14.2pt;
    }

    form.login-form .link-label2 {
        font-family: DMSans-Medium;
        font-size: 12pt;
        line-height: 14.2pt;
    }

    .Login .sitemap-div a img {
        vertical-align: top;
        margin-top: 2px;
    }

    .social_connection .sayItOut .box-inner {
        min-height: 340px;
    }

    .social_connection .make_time .box-inner {
        min-height: 284px;
    }

    .social_connection .fight_well .box-inner {
        min-height: 509px;
    }

    .social_connection .focus_on .box-inner {
        min-height: 257px;
    }
}


.margin-bottom-45-iframe iframe {
    margin-bottom: 45px;
}

@media only screen and (min-device-width : 1440px) and (max-device-width : 1441px) {


    div.jumbotron.instructional-videos-subheader-style p.instructional-para {
        width: 600px;
    }

    .m-l-3 {
        margin-left: 3%;
    }

    .bitebackinstructionalvideos .col-lg-4 {
        width: 31.3333%
    }

    .bitebackinstructionalvideos .box-inner p {
        font-size: 15pt;
    }

    div.home-page .homepage-header-banner img {
        width: 100%;
        left: -34px;
    }



    .home-page .jumbotron.orange {
        background-position: top left 124%;
    }

    div.homepage-header-ripple img {
        width: 557px !important;
    }

    div.week-4-page .custom-strength.active:before {
        right: 30px;
    }
}

.margin-bottom-45-iframe iframe {
    margin-bottom: 45px;
}

@media only screen and (min-device-width:809.8px) and (max-device-width:811px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .jumbotron.orange.sub-header.instructional-videos-subheader-style .container {
        margin-left: 0px;
        padding-left: 35px !important;
    }
}

.button-Div.single-button {
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: calc(100% - 30px);
}

.box.youth-Educator-Handbook-left .button-Div.single-button {
    text-align: left;
}

.bitebackinstructionalvideos.container {
    padding-bottom: 10px;
}
/*----------------------------------------------------------------------*/
.Meaning-Quiz-text-div {
    margin-top: 25px;
}

    .Meaning-Quiz-text-div p {
        font-size: 16pt;
        line-height: 19.2pt;
        font-family: DMSans-Regular;
        font-weight: normal;
        word-break: break-word;
    }

div.Meaning-Quiz-text-div div.Meaning-Quiz-text-style h3 {
    font-size: 26pt;
    line-height: 36pt;
    font-family: DMSans-Medium;
    font-weight: normal;
    word-break: break-word;
}

div.Meaning-Quiz-text-div div.Meaning-Quiz-text-style p {
    font-size: 14pt;
    line-height: 21.6pt;
    font-family: DMSans-Regular;
    font-weight: normal;
    word-break: break-word;
}

div.Meaning-Quiz-text-div div.Meaning-Quiz-text-style .slider-container p {
    font-family: DMSans-Medium;
}

.btn-orange {
    color: #D64204 !important;
    border: 2px solid #D64204 !important;
    background-color: #ffffff;
    font-size: 12.096pt;
    line-height: 14.515pt;
    font-family: DMSans-Medium;
    height: 36px !important;
    font-weight: normal !important;
    width: 174px;
    padding: 6px 0px 0px 0px !important;
    text-transform: uppercase;
}

    .btn-orange:hover {
        color: #ff9f1a;
    }

a.quiz-reminder-button {
    padding-right: 30px;
    font-size: 18pt;
    line-height: 24pt;
    font-family: DMSans-Regular;
    font-weight: normal;
    color: #000;
    cursor: pointer;
}

.quiz-reminder-button img {
    margin-left: 10px;
    margin-top: -3px;
}

.redError-message {
    color: #D64204 !important;
    font-size: 12.096pt;
    line-height: 14.515pt;
    font-family: DMSans-Medium;
    font-weight: normal !important;
}

.Meaning-Quiz-weekday-div .Meaning-Quiz-weekday-text-first p {
    color: #D64204;
    font-size: 23.056pt;
    line-height: 27.668pt;
    font-family: DMSans-Bold;
    font-weight: normal;
}

.Meaning-Quiz-weekday-div .Meaning-Quiz-weekday-text-first p {
    margin-top: 50px;
}

.Meaning-Quiz-weekday-text-second p {
    color: black;
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: DMSans-Medium;
    font-weight: normal;
    padding-bottom: 15px;
}

    .Meaning-Quiz-weekday-text-second p,
    .Meaning-Quiz-weekday-text-second p a,
    .Meaning-Quiz-weekday-text-second ul li,
    .Meaning-Quiz-weekday-text-second ul li a {
        color: black;
        font-size: 16pt !important;
        line-height: 24pt; /*19.2pt*/
        font-weight: normal;
        font-family: DMSans-Regular;
    }

        .Meaning-Quiz-weekday-text-second ul li a,
        .Meaning-Quiz-weekday-text-second p a {
            text-decoration: none;
            box-shadow: inset 0 -1px 0 #D64204;
            color: #616161;
        }

            .Meaning-Quiz-weekday-text-second ul li a:hover,
            .Meaning-Quiz-weekday-text-second p a:hover {
                color: #D64204;
                text-decoration: none;
                box-shadow: inset 0 -1px 0 #D64204;
            }



.Meaning-Quiz-weekday-text-second ul li {
    padding-bottom: 10px;
    display: table;
}

.Meaning-Quiz-weekday-text-second ul {
    list-style: none;
    padding: 0;
}

    .Meaning-Quiz-weekday-text-second ul li::before {
        position: relative;
        content: "\2022";
        color: #FF8C2B;
        font-weight: bold;
        width: 20px;
        margin-left: 0;
        font-size: 38px;
        display: table-cell;
        top: 3.5px;
    }

div.mindfulness-quiz div.mindfulness-quiz-score {
    font-size: 83.81pt;
    line-height: 122.172pt;
    font-family: DMSans-Bold;
    color: #D64204;
}

div.mindfulness-quiz .mindfulness-quiz-total-score {
    font-size: 31.81pt;
    line-height: 38.172pt;
    font-family: DMSans-Bold;
    color: #D64204 !important;
}

.Meaning-Quiz-text-style .slider.slider-horizontal {
    width: 733.969px;
    height: 28.458px;
}

@media only screen and (min-width : 315px) and (max-width: 325px) {
    a.quiz-reminder-button {
        padding-right: 5px;
    }



    .Meaning-Quiz-text-div .Meaning-Quiz-text-style .padding-5 {
        padding: 5px;
    }

    .Meaning-Quiz-text-div .Meaning-Quiz-text-style .padding-left-13 {
        padding: 13px;
    }


    .Meaning-Quiz-text-div .Meaning-Quiz-text-style .btn-orange {
        width: 130px;
    }

    .container .Meaning-Quiz-text-div p {
        padding: 5px;
    }



    .Meaning-Quiz-weekday-div .Meaning-Quiz-weekday-text-first p {
        margin-top: 150px;
    }
}


@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    a.quiz-reminder-button {
        padding-right: 5px;
    }


    .container .Meaning-Quiz-text-div p {
        padding: 5px;
    }



    .Meaning-Quiz-weekday-div .Meaning-Quiz-weekday-text-first p {
        margin-top: 150px;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {

    div.Meaning-Quiz-text-style .btn-orange {
        width: 174px;
    }
}

@media all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {

    .jumbotron.orange.Meaning-Quiz-page-style .container {
        padding-left: 15px;
    }

    div input.btn-snap-that {
        margin-top: 20px;
    }

    div.Meaning-Quiz-text-div div.Mental-fitness-div {
        padding-left: 0px;
    }



    .Meaning-Quiz-weekday-div .Meaning-Quiz-weekday-text-first p {
        margin-top: 160px;
    }
}

.Mental-fitness-div h2.margin-bottom-30 {
    color: black;
    font-size: 40pt !important;
    line-height: 48pt;
    font-weight: normal;
    font-family: DMSans-Medium;
    padding-bottom: 20px;
}




.quiz-reminder-button-icons {
    color: #D64204;
    padding-left: 20px;
}


.quiz-reminder-button-style {
    padding: 30px 180px 30px 0px;
}

.margin-bottom-140 {
    margin-bottom: 114.868px;
}

div.Meaning-Quiz-text-style {
    margin-bottom: 84.868px;
    clear: both;
}


@media only screen and (min-width : 901px) and (max-width : 1200px) {
    button.navbar-toggle {
        display: block;
        margin-top: 20px;
    }

    body {
        padding-top: 0px !important;
    }

    div.header-logo {
        padding-left: 10.06px;
        top: -4px;
    }

    div.navbar-collapse.collapse {
        display: none !important;
    }

    div#navbar.navbar-collapse.collapse.in,
    div#navbar.navbar-collapse.collapsing {
        display: block !important;
        margin-top: 0;
        padding-bottom: 190px;
        padding-left: 0px;
        width: 100%;
    }

    div#navbar .navbar-nav li {
        margin-top: 20px !important;
        padding-bottom: 23px;
        width: 100%;
    }

        div#navbar .navbar-nav li a {
            color: black;
            text-decoration: underline;
        }

    div#navbar .navbar-nav.emergency-help {
        width: 100%;
    }

        div#navbar .navbar-nav.emergency-help ul {
            width: 100%;
        }

            div#navbar .navbar-nav.emergency-help ul li {
                padding: 0 20px;
                text-align: left;
                margin-left: 0px;
            }

                div#navbar .navbar-nav.emergency-help ul li a,
                div#navbar .navbar-nav li a.logout-button-style {
                    width: 250px;
                }

                div#navbar .navbar-nav.emergency-help ul li a {
                    margin-left: 10px;
                }

    ul.nav.navbar-nav li.emergency-help-li-landspace a {
        font-family: 'DMSans-Regular' !important;
        font-size: 14pt !important;
    }

    ul.nav.navbar-nav li.emergency-help-li-landspace {
        position: fixed;
        z-index: 2;
        bottom: 0;
        font-weight: normal;
        line-height: 16.8pt !important;
        background-color: #D64204 !important;
        text-transform: uppercase;
        height: 100px !important;
        padding-top: 15px !important;
    }

    .emergency-help li.mfcstart.emergency-help-li {
        bottom: 75px !important;
    }

    .navbar-collapse.collapse ul.mfc_start {
        padding-bottom: 150px !important;
    }

    div#navbar ul.nav.navbar-nav li.emergency-help-li-landspace span {
        display: block !important;
        color: white;
        float: right;
        top: -18px;
        right: 10px;
    }
}

div.jumbotron.orange.extra-resources-page-style .container {
    margin-top: 54px !important;
}
/*----------------------------------*/
.row.Mental-fitness-div {
    margin: 80px 0px 80px 0px;
}

h2.Meaning-Quiz-weekda-h1 {
    margin-top: 80px;
    font-family: DMSans-Medium;
    /*font-size: 40pt;
    line-height: 48pt;*/
    font-size: 24pt;
    line-height: 32pt;
}

.Meaning-Quiz-weekday-div {
    margin-bottom: 100px;
}

.quiz-reminder-button-style {
    padding-top: 20px;
    padding-bottom: 40px;
}

.Meaning-Quiz-text-style {
    margin: 0px 200px 0px 143px;
}

#biteback_youtubeimag1 .youtube-video__play-button {
    width: 92%;
}

.jumbotron.sub-header.Meaning-Quiz-page-style .padding-left-0.sub-header-style p {
    width: 60%;
}





/*-------------------------BBBk-441 Starts---------------------------------------*/

.mental-fitness-checkup-box .image-icon {
    width: 58.507px;
    height: 58.508px;
}

.mentalFitness .Explore-body .box-inner h3 {
    font-size: 22pt;
    line-height: 30pt;
    font-family: DMSans-Regular;
    color: #000500;
    font-weight: normal;
}

.mentalFitness .Explore-body .box-inner p {
    font-size: 14pt;
    line-height: 19.2pt;
    font-family: DMSans-Regular;
    color: #000500;
    font-weight: normal;
}

.btn.btn-secondary {
    font-size: 12.096pt;
    line-height: 14.515pt;
    color: #181416;
    border: 1.344pt solid #181416;
    font-family: DMSans-Medium;
    width: 170px;
    height: 40px;
    font-weight: normal;
    background-color: transparent;
}

.home-page .box-inner p a.btn.btn-secondary {
    padding: 9px 0px !important;
    margin-top: 0px;
    margin-left: 0;
    left: auto;
    text-transform: uppercase;
}

.snap-That-box-inner .btn-secondary {
    width: 230px;
    padding: 7px 0px !important;
    margin-top: 0px;
    margin-left: 0px;
    left: 0px;
}

.thank_tank-box-inner .btn-secondary {
    width: 235px;
    padding: 7px 0px !important;
    margin-top: 0px;
    margin-left: 0px;
    left: 0px;
}

.image-icon {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.personality-quiz-box .image-icon {
    width: 58.507px;
    height: 58.508px;
}


.mindfulness-quiz-box .image-icon {
    width: 58.507px;
    height: 58.508px;
}

.gratitude-quiz-box .image-icon {
    width: 54px;
    height: 54px;
}


.button-text-center {
    position: absolute;
    bottom: 30px;
    width: calc(100% - 30px);
    text-align: center;
}

.button-text-left {
    text-align: left;
}

.media .media-body h3, .p-text-center {
    text-align: center;
}

.text-padding {
    padding: 0px 20px 0px 20px;
}

.thank_tank-box-inner h3, .thank_tank-box-inner .thank_tank_description {
    padding: 0px 56px 0px 0px;
}

.box.feature.full_width_img .box-inner .thank_tank, .box.feature.full_width_img .box-inner .snapThat {
    padding-left: 50px;
    height: 400px;
}

.mindfulness-quiz-box .p-text-center {
    padding: 0px 20px 0px 20px;
}

.snap-That-box-inner h3, .snap-That-box-inner .snap-That-text-center {
    padding: 0px 71px 0px 0px;
}

.mentalFitness .margin-left-right {
    margin-right: 90px;
    margin-left: 90px;
    width: auto;
}

.thank_tank-box-inner .thank_tank_description, .snap-That-box-inner .snap-That-text-center {
    margin-top: 25px;
}

.gratitude-quiz-box .p-text-center, .mindfulness-quiz-box .p-text-center {
    margin-top: 30px;
}

.mentalFitness .media-body h3 {
    margin-top: 10px;
}


.mentalFitness .Explore-body {
    padding-right: 0px;
    padding-left: 0px;
}

.Explore-body .media-body {
    width: 100%;
    display: block;
}

@media only screen and (min-width : 1920px) {

    div.edit_profile div.radio span.cr-icon.glyphicon.glyphicon-ok-circle::before {
        margin-left: -5px;
    }

    .personality-quiz-box h3, .text-padding {
        padding: 0px 25px 0px 25px;
    }

    p.mental-fitness-text {
        width: 80%;
        margin: auto;
    }

    p.personalityQuiz-text {
        width: 70%;
        margin: auto;
    }

    p.thank-thank-text {
        width: 68%;
    }

    p.mindfulness-text {
        width: 60%;
        margin: auto;
    }

    p.photography-text {
        width: 56%;
    }

    p.enhance-text {
        width: 75%;
        margin: auto;
    }

    p.meditations-text {
        width: 50%;
    }

    p.havingSolid-text {
        width: 76%;
        margin: auto;
    }

    p.finding-text {
        width: 80%;
        margin: auto;
    }

    p.howYou-text {
        width: 65%;
        margin: auto;
    }

    p.everFelt-text {
        width: 60%;
        margin: auto;
    }

    p.real-text {
        width: 70%;
    }

    p.strength-text {
        width: 70%;
    }

    a img.play-pause-image {
        top: 60px;
    }



    .full_width_img .feature-img img, div.youtheducator img {
        right: 0px !important;
    }

    .box.feature.full_width_img .box-inner .thank_tank, .box.feature.full_width_img .box-inner .snapThat {
        padding-left: 90px;
    }

    .mentalFitness .box-inner, .Explore .box-inner {
        padding: 24px 60px 28px 60px;
    }

    .thank_tank-box-inner h3, .thank_tank-box-inner .thank_tank_description {
        padding: 0px 0px 0px 0px;
    }

    .mindfulness-quiz-box .p-text-center {
        padding: 0px 29px 0px 30px;
    }

    .snap-That-box-inner h3, .snap-That-box-inner .snap-That-text-center {
        padding: 0px 36px 0px 0px;
    }



    /*div.header-background:before {
        background-position: left top 0px;
        width: 75px;
        background-size: 100% 100%;
    }*/

    .social_connection .sayItOut .box-inner {
        min-height: 254px;
    }

    .social_connection .make_time .box-inner {
        min-height: 225px;
    }

    .social_connection .fight_well .box-inner {
        min-height: 370px;
    }

    .social_connection .focus_on .box-inner {
        min-height: 226px;
    }

    select.form-control.SayItOutLoud, select.form-control.MakeTime, select.form-control.FightWell, select.form-control.FocusOnThePositives {
        width: 220.993px !important;
    }
}

@media screen and (min-width: 320px) and (max-device-width: 736px) and (orientation: portrait) {


    div.thank_tank.padding_right_30, div.snapThat.padding_right_30 {
        height: 500px;
        padding-right: 0px;
        padding-left: 30px;
        padding-top: 30px;
    }

    div.thank_tank-box-inner h3, div.thank_tank-box-inner .thank_tank_description {
        padding: 0px 0 0px 0px;
    }

    .snap-That-box-inner div.snapThat.padding_right_30 {
        height: 476px;
    }

    div.snap-That-box-inner h3, div.snap-That-box-inner .snap-That-text-center {
        padding-right: 0px;
    }

    div.mentalFitness div.Explore-body {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    div.thank_tank-box-inner .btn.btn-secondary, div.snap-That-box-inner .btn.btn-secondary {
        font-size: 12.096pt;
        width: 190px;
    }

    div.personality-quiz-box .p-text-center {
        padding: 24px 32px 0px 32px;
    }

    div.gratitude-quiz-box .p-text-center {
        padding: 24px 32px 0px 32px;
    }

    div.mental-fitness-checkup-box .p-text-center {
        padding: 0 20px 0px 20px;
    }

    div.mentalFitness div.snap-That-box-inner, div.mentalFitness .thank_tank-box-inner {
        padding: 0px 0px 0px 0px;
    }

    .Explore-body .box {
        margin-bottom: 30px !important;
    }
}
/*-------------------------BBBk-441 Ends---------------------------------------*/
.youtube-video__play-button__inner img {
    max-width: 83.932px;
}

/*iPhone 5SE*/
@media screen and (device-width: 320px) and (orientation: portrait) {
    div.row.Explore-body div.snap-That-box-inner div.snapThat.padding_right_30 {
        height: 430px;
        padding-right: 10px;
        padding-left: 30px;
        padding-top: 30px;
    }


    /*div.thank_tank-box-inner .btn.btn-secondary, div.snap-That-box-inner .btn.btn-secondary {
        font-size: 7.096pt;
        width: 135px;
    }*/

    div.row.Explore-body.padding-top-bottom div.thank_tank-box-inner div.thank_tank.padding_right_30 {
        height: 510px;
        padding-right: 10px;
        padding-left: 30px;
        padding-top: 30px;
    }

    div.full_width_img .feature-img img {
        height: 495px;
    }
}


.Explore-body .box {
    margin-bottom: 30px;
}

.home-page-body {
    margin-bottom: 100px;
}

.row.padding-top-bottom {
    padding-top: 60px;
}

.container.w-50 {
    max-width: 494px;
    margin-right: 0px !important;
}

.w-50 {
    width: 60%;
}

.powerup .w-50, .snapthat-home .w-50 {
    width: 100%;
}

.find-out-more .header-background {
    background: url('/Content/Images/MFC Header.jpg');
    background-size: 100% 105%;
    background-repeat: no-repeat;
}

/*BBK-531 Starts*/
.powerup .header-background {
    background: url('../Images/PowerUp_Header.jpg');
    background-size: 100% 105%;
    background-repeat: no-repeat;
}

.snapthat-home .header-background {
    background: url('../Images/Snap-That-Img-Sm.jpg');
    background-size: 100% 105%;
    background-repeat: no-repeat;
}

.snapthat-home .home-page-body .btn-info, .snapthat-home .jumbotron.orange .btn-info, .powerup .btn.btn-info, .powerup a.btn.btn-info:hover, .powerup a.btn.btn-info:active, .thank-tank .btn.btn-info, .thank-tank a.btn.btn-info:hover, .thank-tank a.btn.btn-info:active, .real-stories-page .btn.btn-info, .real-stories-page a.btn.btn-info:hover, .real-stories-page a.btn.btn-info:active {
    margin-top: 22px;
    width: 240px;
    Height: 36px;
    font-weight: normal;
    font-family: DMSans-Medium;
    font-size: 12.096pt;
    line-height: 14.515pt;
    border: 1pt solid #D64204 !important;
    color: #D64204 !important;
    margin-left: 0px !important;
    padding: 8px;
    box-shadow: none !important;
}

div.snapthat-home .jumbotron.orange .btn-info, div.snapthat-home .home-page-body .btn-info {
    line-height: 13.515pt;
}


.powerup .jumbotron.orange h1, .powerup .sub-header1 h1 {
    font-family: DMSans-Medium;
    font-size: 40pt;
    line-height: 48pt;
    font-weight: normal;
    color: #D64204;
    width: 450px;
    margin-top: 40px;
}

.snapthat-home .jumbotron.orange h1, .snapthat-home .SnapThat-header h1 {
    font-family: DMSans-Regular;
    font-size: 40pt;
    line-height: 48pt;
    font-weight: normal;
    color: #D64204;
    width: 450px;
    margin-top: 40px;
}

.powerup .jumbotron.orange a.link-text, div.snapthat-home .jumbotron.orange a.link-text, div.snapthat-home .home-page-body a.link-text, div.snapthat-home .SnapThat-header a.link-text, div.powerup .sub-header1 a.link-text {
    color: #313131 !important;
    font-family: 'DMSans-Regular';
    font-size: 16pt;
    line-height: 19.2pt;
    width: 419px;
}

.powerup .home-page-body .text a.link-text {
    color: #313131;
    font-size: 18pt;
    font-family: 'DMSans-Regular';
}

.powerup .home-page-body h1.header-text, .snapthat-home .home-page-body h1.header-text {
    color: #D64204;
}

.powerup.find-out-more.home-page.mentalFitness .jumbotron p.text {
    font-size: 18pt;
    line-height: 21.6pt;
    width: 566px;
}
/*BBK-531 Ends*/
/*BBK-509 Starts*/
.learn .header-background {
    background: url('../Images/Keep_Learning_Header.jpg');
    background-size: 100% 117%;
    background-repeat: no-repeat;
    background-position: top -100px right 0px;
}

.learn .jumbotron.orange .container h1 {
    font-family: DMSans-Regular;
    font-size: 40pt;
    line-height: 48pt;
    font-weight: normal;
    color: #D64204;
    width: 450px;
    margin-top: 40px;
}

.learn .home-page-body h1 {
    color: #D64204;
}


div.learn .jumbotron.orange .container p.text-look, div.learn .home-page-body p.text-look {
    font-family: DMSans-Medium;
}

.learn.find-out-more.home-page.mentalFitness .jumbotron p.text {
    font-size: 18pt;
    line-height: 21.6pt;
    width: 610px;
}
/*BBK-509 Ends*/

.find-out-more.home-page .jumbotron.orange .container h1 {
    margin-top: 100px;
    margin-bottom: 40px;
}

.find-out-more.home-page.mentalFitness .jumbotron p.text {
    font-size: 16pt;
    line-height: 19.2pt;
    width: 419px;
}

.header-background {
    background: url(/Content/Images/Landing_Page_Header.jpg);
    background-size: cover;
    height: 516.213px;
    background-position: 50%;
    position: relative;
}

    .header-background:before {
        background: url(/Content/Images/CurveCut.png);
        background-size: auto,cover;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        z-index: 1;
        pointer-events: none;
        background-position: left top -180px;
    }
/*.header-background :before{
    background:url(../Images/CurveCut.png);
    background-size:auto,cover;
}*/
.home-page.mentalFitness .jumbotron.orange, .snapthat-home .jumbotron.orange {
    display: flex;
}

div.home-page .jumbotron.orange, div.snapthat-home .jumbotron.orange {
    background-image: none !important;
    padding-top: 0px !important;
}

.home-page-body .body-header-content.container-fluid {
    background-color: #F6F8F8;
}

.youtheducator .box {
    margin-bottom: 30px;
}

.find-out-more .item .item-inner {
    border-radius: 10px;
    margin: 0 0 30px 0;
}

.find-out-more .item .drak-blue {
    background-color: #00cddc;
}

.find-out-more .item .light-blue {
    background-color: #32dcd2;
}

.find-out-more .item .yellow {
    background-color: #ff9f1a;
}

.find-out-more .item .pink {
    background-color: #fe0f7a;
}

.find-out-more .item .svg-wrapper {
    width: auto;
    height: auto;
    background-color: white;
    border-radius: 50%;
    margin-top: 30px;
    max-width: 275px;
    max-height: 275px;
    float: right;
    margin-right: 30px;
}

    .find-out-more .item .svg-wrapper img {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }

.find-out-more .item img {
    width: auto;
    height: 410px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}



.find-out-more .item .img-wrapper {
    padding: 0;
    height: 410px;
}

.find-out-more .item h2 {
    color: #000000;
    line-height: 30pt;
    font-size: 25pt;
    font-weight: normal;
    font-family: 'DMSANS-REGULAR';
    margin: 30px 0;
}

.find-out-more .item p {
    color: #000000;
    line-height: 19.2pt;
    font-size: 16pt;
    font-weight: normal;
    font-family: 'DMSANS-REGULAR';
    max-width: 258px;
}

.find-out-more .item.win-great-prices p {
    max-width: 276px;
}

.find-out-more .item .left {
    height: 350px;
    position: relative;
    padding-left: 30px;
}

    .find-out-more .item .left .a-wrapper {
        width: 100%;
        position: absolute;
        bottom: 0;
    }

        .find-out-more .item .left .a-wrapper a {
            color: #000000;
            border: 2pt solid;
            width: 189.656px;
            line-height: 14.515pt;
            font-size: 12.096pt;
            font-weight: normal;
            font-family: DMSans-Medium;
            text-transform: uppercase;
        }

.find-out-more-body-wrapper {
    margin-top: 80px;
    margin-bottom: 50px;
}

.find-out-more .btn.btn-secondary {
    color: #D64204;
    font-family: DMSans-Medium;
    font-size: 12.096pt;
    line-height: 14.515pt;
    border: 2pt solid #D64204;
    width: 190px;
    height: 36px;
    text-transform: uppercase;
    padding: 7px 0;
    margin-bottom: 30px;
}

.six_weekly_text h1 {
    font-family: DMSans-Medium;
    font-size: 40pt;
    line-height: 48pt;
}

.six_weekly_text p {
    font-family: DMSans-Regular;
    font-size: 16pt;
    line-height: 19.2pt;
}

.bitebackinstructionalvideos .media .media-body h3 {
    text-align: left;
}


.modal-dialog.modal-lg {
    margin-top: 30px;
}


/*BBK-538 starts*/
.login-main-div {
    height: 500px;
}

    .login-main-div .left-login {
        width: 50%;
    }

.Login, .ForgotPassword {
    background: url(/Content/Images/Side_Graphic_Login_ForgotPasswod.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

    .Login .body-working-area, .ForgotPassword .body-working-area {
        margin-top: 100px;
        padding-top: 50px;
    }



.login-header-title h1 {
    font-family: DMSans-Medium;
    font-size: 40pt;
    line-height: 48pt;
    font-weight: normal;
    color: #D64204;
}

.login-form {
    margin-top: 38.195px;
}

.ForgotPassword .login-form {
    margin-top: 72.918px;
}

.login-form label {
    font-family: DMSans-Medium;
    font-size: 12.096pt;
    line-height: 14.515pt;
    font-weight: normal;
    text-transform: uppercase;
    display: inline;
    color: #000;
}

.ForgotPassword form.login-form label {
    text-transform: none !important;
}

.login-form a.quiz-reminder-button {
    padding-right: 0px;
}

.login-form p.link-reg {
    font-family: DMSans-Regular;
    font-size: 16pt;
    line-height: 19.2pt;
    font-weight: normal;
    text-transform: none;
}

.login-form .link-label2 {
    font-family: DMSans-Medium;
    font-size: 16pt;
    line-height: 19.2pt;
    font-weight: normal;
    text-transform: none;
    float: left;
    margin-right: 10px;
}

.login-form a {
    font-family: DMSans-Medium;
    font-size: 12pt;
    line-height: 14.4pt;
    font-weight: normal;
    text-transform: none;
}

label.transform-none {
    text-transform: none;
}

.form-group.mb-23 {
    margin-bottom: 23.781px;
}

.form-group .mb-7 {
    margin-bottom: 7.751px;
}

.login-form input[type="text"], .login-form input[type="password"] {
    height: 36.865px;
    background-color: #f4f1ef !important;
    border: none;
    outline: none;
    font-size: 14pt;
    line-height: 16.8pt;
    font-family: DMSans-Medium;
    font-weight: normal;
    max-width: 515.125px;
    box-shadow: none;
    border-radius: 7px;
}

.ForgotPassword .login-form input[type="text"] {
    margin-top: 29.135px;
}

.login-form input[type="text"]:focus, .login-form input[type="password"]:focus {
    box-shadow: none;
}



button.btn.btn-primary.btn-signin {
    background: none !important;
    border: 1pt solid #D64204 !important;
    color: #D64204 !important;
    width: 189.656px;
    height: 35.656px;
    font-family: DMSans-Medium !important;
    font-size: 12.096pt !important;
    line-height: 14.515pt !important;
    font-weight: normal;
    padding: 0px;
}

/*  button.btn.btn-primary.btn-signin:hover {
        background-color: #e14504 !important;
        color: #fff !important;
    }*/

.ForgotPassword button.btn.btn-primary.btn-signin {
    margin-top: 38.64px;
}

.btn.btn-primary.btn-signin:focus {
    outline: none;
}

.login-form .underline {
    text-decoration: underline;
}

.form-horizontal.registration-form .control-label {
    text-align: left;
    font-family: 'DMSANS-MEDIUM';
    font-size: 12.096pt;
    line-height: 14.515pt;
    font-weight: normal;
    color: #000;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.form-horizontal.registration-form .form-control {
    display: block;
    width: 100%;
    height: 36.865px;
    padding: 6px 12px;
    font-weight: normal;
    font-size: 14pt;
    font-family: 'DMSANS-MEDIUM';
    line-height: 16.8pt;
    color: #000 !important;
    background-color: #f4f1ef;
    background-image: none;
    border: none;
    border-radius: 7px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: none;
    margin-left: 0;
}

.registration-form .radio label, .registration-form .checkbox label {
    font-family: 'DMSANS-MEDIUM';
    font-size: 12.096pt;
    line-height: 14.515pt;
    font-weight: normal;
    color: #000;
    text-transform: uppercase;
}

.modal .checkbox .cr, .registration-form .checkbox .cr, .radio .cr, .band.checkbox .cr {
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: 1.25em;
    width: 20px;
    height: 20px;
    margin-right: .5em;
    top: 5px;
    font-size: 16px;
    border: 1.5pt solid #ff4504;
}

.band.checkbox .cr {
    top: 2px;
}


.registration-form .radio {
    padding-left: 0;
}
/* ----------- Web view ----------- */
@media screen and (min-device-width: 1200px) {
    form.form-horizontal.registration-form .form-control {
        width: 515px;
    }

    .container-fluid.sub-header1.real-stories-page .sub-header1-text-div h1 {
        margin-top: 70px;
    }

    .thank_tank_page .thank-_tank_list {
        padding-right: 15px;
    }

    .youtheducator .modal img {
        width: 100%;
        height: 460px;
        border-radius: 0 12px 12px 0;
    }

    div.panel {
        padding: 30px 0px 15px 0px;
    }

    .WEMWBSquizdiv .box.quiz {
        width: 80%;
        margin: auto;
    }

        .WEMWBSquizdiv .box.quiz .answer-options, .WEMWBSquizdiv .box.quiz .answer-options div {
            padding-left: 0;
        }

        .WEMWBSquizdiv .box.quiz .row.clear-both {
            padding-top: 20px;
        }

    .thank-_tank_list {
        padding-right: 0;
    }

    .thank-tank-div-list .thank-_tank_list:nth-child(3n) {
        padding-right: 15px;
    }

    p.first-text-area, p.second-text-area {
        padding-right: 0;
    }

    .registration-form .radio label, .Profile .radio label {
        padding-left: 4%;
    }

        .registration-form .radio label:first-child {
            padding-left: 15px;
        }

    div.edit_profile .radio label:first-child span.cr-icon.glyphicon.glyphicon-ok-circle::before {
        margin-left: -5px;
    }

    .home-page.mentalFitness.find-out-more .item .left .a-wrapper {
        padding-left: 27px;
    }

    .weekPage-padding {
        padding: 0;
    }
}

.registration-form .btn.btn-primary.complete_registration {
    width: 212px;
    background-color: transparent;
    color: #D64204 !important;
    border: 1pt solid;
    font-size: 12pt !important;
    font-family: 'DMSans-Regular' !important;
    line-height: 16pt !important;
    letter-spacing: 1pt;
    font-weight: normal;
    height: 36px;
    padding: 0;
}

/*   .registration-form .btn.btn-primary.complete_registration:hover {
        background-color: #e14504 !important;
        color: #fff !important;
    }*/

.Registration {
    background: none;
    background-repeat: no-repeat;
    background-position: right 0 bottom -1px;
    background-size: 75%;
    margin-top: 10%;
}

.submit-btn-div {
    padding-bottom: 100px;
    padding-left: 5px;
}

label.register-heading {
    font-size: 40pt;
    line-height: 48pt;
    font-family: 'DMSANS-MEDIUM';
    font-weight: normal;
    color: #D64204;
    padding-bottom: 15px;
}

.registration-form .checkbox label a {
    font-family: 'DMSANS-MEDIUM';
    font-size: 12.096pt;
    line-height: 14.515pt;
    font-weight: normal;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #D64204;
    color: #616161;
}

    .registration-form .checkbox label a:hover {
        color: #D64204;
        text-decoration: none;
        box-shadow: inset 0 -1px 0 #D64204;
    }

.form-horizontal.registration-form select.form-control {
    background-image: url(../Images/DownArrow.png);
    background-repeat: no-repeat;
    background-position: top 12px right 20px;
    -webkit-appearance: none;
    width: 174.825px;
    height: 38.014px;
    font-family: 'DMSans-Medium';
    font-weight: normal;
    font-size: 14pt;
    line-height: 16.8pt;
    padding-right: 40px;
}

    .form-horizontal.registration-form select.form-control option {
        color: #000 !important;
        font-family: 'DMSans-Medium';
        font-weight: normal;
        font-size: 14pt;
        line-height: 16.8pt;
    }

.form-horizontal.registration-form span.cr-icon.glyphicon.glyphicon-ok-circle::before {
    content: "\e013";
}

.form-horizontal.registration-form .checkbox .cr .cr-icon, .radio .cr .cr-icon, .checkbox.band .cr .cr-icon {
    position: absolute;
    font-size: 0.6em;
    line-height: 0;
    top: 50%;
    left: 3px;
    margin-top: 0px;
}

label.keep-me-text-padding {
    padding-left: 0px;
}

label.receive-updates {
    padding-left: 5px !important;
    position: absolute;
}

.form-horizontal.registration-form .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input, .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left {
    background-color: rgb(244,241,239) !important;
    border: none;
    box-shadow: none;
    width: 100%;
    height: 38.014px;
}

a.btn.btn-orange {
    box-shadow: none;
}

.form-horizontal.registration-form span.cr-icon.glyphicon.glyphicon-ok-circle::before, .checkbox.band .cr span.cr-icon.glyphicon.glyphicon-ok::before {
    content: "\e013";
    background-color: #ff4504;
    border-radius: 100%;
    border: 4.5px solid #ff4504;
    margin-left: -3px;
}

.modal .checkbox .cr span.cr-icon.glyphicon.glyphicon-ok::before, .modal .checkbox .cr span.cr-icon.glyphicon.glyphicon-ok-circle::before, div.edit_profile .radio span.cr-icon.glyphicon.glyphicon-ok-circle::before {
    content: "\e013";
    background-color: #ff4504;
    border-radius: 100%;
    border: 4.5px solid #ff4504;
    margin-left: -3px;
}





div.edit_profile .radio span.cr-icon.glyphicon.glyphicon-ok-circle::before {
    margin-left: -4px;
}

.checkbox.band .cr span.cr-icon.glyphicon.glyphicon-ok::before {
    margin-left: -4px;
}


.form-horizontal.registration-form .glyphicon-ok:before {
    content: "\e013";
    background-color: #ff4504;
    border-radius: 80%;
    border: 4px solid #ff4504;
    margin-left: -4px;
}

.form-horizontal.registration-form .checkbox .cr .cr-icon {
    margin-left: -0.05em;
    color: #fff;
}

.form-horizontal.registration-form .radio .cr .cr-icon {
    margin-left: -0.2em;
    color: #fff;
    margin-top: 0px;
}

.home-page.mentalFitness.find-out-more .item .left .a-wrapper a {
    height: 36px;
    padding: 7px 0;
    border: 1pt solid;
    max-width: 190px;
    width: calc(100% - 50px);
}

.home-page.mentalFitness.find-out-more .btn.btn-secondary {
    padding: 7px 0;
    border: 1pt solid;
}

.registration-form .btn.btn-primary.complete_registration:focus {
    outline: 0;
}

span.field-validation-error.redError.SelfDescribeError {
    padding-left: 15px;
}

span.help-block.highSchoolStudent-error {
    padding-left: 15px;
}

.form-horizontal.registration-form .radio label input[type="radio"]:checked + .cr, .checkbox.band label input[type="checkbox"]:checked + .cr {
    background-color: #ff4504 !important;
}

.sub-header-style {
    width: 95%;
}

span.about-prizes, span.freeSchool {
    font-family: 'DMSANS-MEDIUM';
    font-size: 12.096pt;
    line-height: 14.515pt;
    font-weight: normal;
    color: #000;
    text-transform: uppercase;
}

.tooltip > .tooltip-inner {
    background: #000 !important;
    color: #fff !important;
}

.home-page.mentalFitness .transparent .btn-lg.btn-default:hover {
    color: #fff !important;
}

.box.quiz {
    margin-bottom: 80px;
}

.youth-Educator-modal .youtube-video__play-button {
    max-height: 80%;
}

.youth-Educator-modal .icon-play:before {
    background-image: none;
}

.youtheducator .youth-Educator-modal img {
    width: 100% !important;
}

.youtheducator .youth-Educator-modal img {
    border-radius: 0;
}

.youth-Educator-modal-div .youtube-video__player iframe {
    width: 100% !important;
    margin-top: 0;
}

.bitebackinstructionalvideos {
    padding-bottom: 30px;
}



.dashboard-icon-img {
    width: 34.75px;
    height: 34.75px;
    margin-right: 13px;
    position: relative;
    top: -7px;
}


.nav.nav-sidebar li a {
    font-family: DMSans-Regular;
    line-height: 24pt;
    font-size: 20pt;
    font-weight: normal;
}


.dashboard-image-div img {
    width: 85%;
}

.glyphter-icon-intro:before, a.completed span.icon-start-active:before, .icon-start-active:before, .glyphter-icon-intro:before, .glyphter-icon-dashboard:before {
    background-size: 34.75px, 34.75px;
}

.icon-start-lock:before {
    background-size: 34.75px, 34.75px;
}


.mr-10 {
    margin-right: 10px;
}

.non-underline {
    box-shadow: none !important;
}

.float-left {
    float: left;
}




.mb-40 {
    margin-bottom: 40px;
}

div.Meaning-Quiz-text-div div.Meaning-Quiz-text-style label {
    padding-left: 0;
    word-break: break-word;
    display: table !important;
    font-family: 'DMSANS-MEDIUM';
    font-size: 16pt;
    line-height: 19.2pt;
    font-weight: normal;
}




.about-BITEBACK-div .link-button, .Instructional-Videos-ForYouth .link-button {
    width: 189.814px
}

.chk-wrapper {
    display: table-cell;
}

div.Meaning-Quiz-text-div .radio label input[type="radio"]:checked + .cr {
    border-color: #ff4504;
    background: #ff4504;
}

.personality-quiz-warpper .Meaning-Quiz-weekday-text-second {
    margin-top: 40px;
}

.panel.mfc-banner.introduction-page p {
    font-family: DMSans-Regular;
    font-size: 14pt;
    line-height: 16.8pt;
}

.row.background_color_white .btn {
    width: 174px;
    text-transform: uppercase;
    height: 36px;
    padding: 8px;
    letter-spacing: 2px;
    font-weight: normal;
    font-family: DMSans-Medium;
}

.pl-5 {
    padding-left: 5px;
}

.row.background_color_white .btn:active, .row.background_color_white .btn:focus, .row.background_color_white .btn:focus-visible {
    outline: none;
    box-shadow: none;
}

.row.remove-margin {
    margin: 0;
}

.week_container .box.quiz .slider-container p {
    font-size: 14pt;
    line-height: 21.6pt;
    font-family: DMSans-Medium;
    font-weight: normal;
    word-break: break-word;
}

.week_container .box.quiz p {
    font-size: 14pt;
    line-height: 21.6pt;
    font-family: DMSans-Regular;
    font-weight: normal;
    word-break: break-word;
}

.week_container .box.quiz h3 {
    font-size: 30pt;
    line-height: 36pt;
    font-family: DMSans-Medium;
    font-weight: normal;
    word-break: break-word;
}

.intro_content div.box:not(:first-child),
.intro_content div.box:not(:last-child) {
    padding-right: 0;
    padding-left: 0;
}

.week_container .Meaning-Quiz-weekday-text-second ul {
    padding-left: 0;
}

    .week_container .Meaning-Quiz-weekday-text-second ul li {
        display: table;
        padding: 0;
    }

.week_container .Meaning-Quiz-weekday-text-second p {
    margin: 30px 0 10px 0;
    padding: 0;
}

.week-warpper .Meaning-Quiz-weekda-h1 {
    margin-top: 10px;
    font-weight: normal;
}

.week-warpper .row.Mental-fitness-div {
    margin: 50px 0px 50px 0px;
}

.nav.nav-sidebar li.active a {
    color: #D64204 !important;
}

.personality-quiz-warpper a.btn.btn-orange {
    margin-top: 18px;
}

.personality-quiz-warpper .box.quiz.current {
    margin-bottom: 98px;
}

div.quiz-quest-last {
    margin-bottom: 152px !important;
}


.Meaning-Quiz-weekday-div .Meaning-Quiz-weekday-text-first.week-introduction-page p {
    font-size: 23.056pt;
    line-height: 27.668pt;
    text-align: center;
}

.flow-quiz .quiz-progressbar.introduction-page .circle div.score-wrapper .current-score {
    font-size: 95pt;
}

.week-2-page p a {
    font-size: 18pt;
    line-height: 24pt;
    font-family: DMSans-Regular;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #D64204;
    color: #616161;
}

    .week-2-page p a:hover {
        text-decoration: none;
        color: #D64204;
        box-shadow: inset 0 -1px 0 #D64204;
    }

.week-2-mindful-page ul {
    padding-left: 0px;
}

    .week-2-mindful-page ul li {
        display: table;
        font-size: 18pt !important;
        line-height: 21.6pt;
        font-family: DMSans-Regular;
        color: black;
        margin-bottom: 20px;
    }

        .week-2-mindful-page ul li::before {
            position: relative;
        }

.width-auto {
    width: auto;
}


.form-horizontal div.padding-0 {
    padding: 0px;
}

.panel.mfc-banner .p-tag {
    font-size: 14pt;
    line-height: 16.8pt;
    font-family: DMSans-Regular;
    color: black;
    padding-left: 4px;
}

.Meaning-Quiz-weekday-text-second p.result-heading {
    font-size: 18pt !important;
    line-height: 21.6pt;
    font-family: 'DMSans-Medium';
    color: black;
}

div.week_container .background_color_white p strong {
    font-family: 'DMSans-Medium';
    font-weight: normal;
}



div.week_container .background_color_white p strong {
    font-family: 'DMSans-Medium';
    font-weight: normal;
    padding-left: 0;
}

div.week_container .background_color_white li {
    list-style: none;
    display: table;
    padding: 0;
    font-size: 18pt;
    line-height: 21.6pt;
}

/*div.week_container .background_color_white li::before {
        content: "\2022";
        color: #FF8C2B;
        font-weight: bold;
        width: 20px;
        margin-left: 0;
        font-size: 38px;
        display: table-cell;
        top: 3.5px;
    }*/

/*div.week_container div.week-4-page .background_color_white li::before {
    content: "";
    display: none;
}*/

/*div.week_container div.week-4-page .background_color_white li {
    padding: 10px;
}*/


div.week_container .background_color_white ul {
    padding: 0;
}

div.week_container .background_color_white p.result-heading {
    font-family: 'DMSans-Medium' !important;
    font-weight: normal;
}

.dashboard-margin-bottom .Week1 .week_container .flow-quiz ul li::before,
.dashboard-margin-bottom .Week1 .week_container .row.background_color_white .box.quiz.current h3 {
    font-family: DMSans-Medium;
    font-size: 26pt;
    line-height: 36pt;
    font-family: DMSans-Medium;
    font-weight: normal;
    word-break: break-word;
}

.week-working-area.gratitude-quiz-week3 .slider-container {
    line-height: 0;
}

.week-working-area.gratitude-quiz-week3 .box.quiz.next h3 {
    font-size: 30pt;
    line-height: 36pt;
    font-family: DMSans-Medium;
    font-weight: normal;
    word-break: break-word;
}

.new_week_unlock_up .btn.btn-primary.start_btn,
.new_week_unlock_up .btn.btn-primary.start_btn:hover {
    color: #D64204 !important;
    border: 1pt solid #D64204 !important;
    line-height: 13.515pt !important;
    width: 174px;
    text-transform: uppercase;
    height: 36px;
    padding: 8px;
    letter-spacing: 2px;
    font-weight: normal;
    font-family: DMSans-Medium !important;
    letter-spacing: 0 !important;
    font-weight: normal !important;
}



.week-2-page .week2-btn {
    color: #D64204 !important;
    border: 2px solid #D64204 !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
    padding: 8px !important;
}

.week-2-page a.week2-btn:hover {
    color: #D64204 !important;
    border: 2px solid #D64204 !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
}

.week-2-page .slider-container p {
    margin-top: 10px;
}

.week-working-area.gratitude-quiz-week3 .slider.slider-horizontal {
    height: 28.458px;
}

.mb-70 {
    margin-bottom: 70px;
}

.week_container .row.background_color_white .intro-quiz h5 {
    font-size: 12pt;
    line-height: 21.6pt;
}

.current_Week_PopUp a.btn.btn-primary {
    color: #ffff !important;
    border: 1pt solid #D64204 !important;
    line-height: 13.515pt !important;
    width: 174px;
    background: #D64204;
    text-transform: uppercase;
    height: 36px;
    padding: 8px;
    letter-spacing: 2px;
    font-weight: normal;
    font-family: DMSans-Medium !important;
    letter-spacing: 0 !important;
    font-weight: normal !important;
}

    .current_Week_PopUp a.btn.btn-primary:hover {
        background: #D64204;
    }



/*------------------------------------------*/
.learn .header-background.connection-page {
    background: url('../img/aidan-meyer-129873.jpg');
    background-size: 100% 150%;
    background-repeat: no-repeat;
}


.connecton-header-page .six_weekly_text p, .connecton-header-page .six_weekly_text a, .connecton-header-page .six_weekly_text span {
    color: black;
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: DMSans-Regular;
    font-weight: normal;
}

div.connecton-header-page .six_weekly_text a {
    box-shadow: inset 0 -1px 0 #D64204 !important;
    color: #616161;
}

    div.connecton-header-page .six_weekly_text a:hover {
        color: #D64204;
        box-shadow: inset 0 -1px 0 #D64204;
    }

.connecton-header-page div.six_weekly_text h1 {
    font-size: 40pt;
}

.connection-tabs-div .nav-tabs li {
}

.connection-tabs-div .nav.nav-tabs li a {
    padding: 15px !important;
    color: #D64204 !important;
}

.connection-tabs-div .nav.nav-tabs li.active a {
    background-color: #f4f1ef !important;
}

.connection-tabs-div .tab-content {
    background-color: #f4f1ef;
    padding-bottom: 50px;
    padding-left: 22px;
    padding-right: 22px;
}

div.Meaning-Quiz-weekday-text-second.week1-gratitude-result ul li, div.Meaning-Quiz-weekday-text-second.week1-gratitude-result ul li a {
    font-size: 18pt !important;
    padding: 0;
    margin-top: 5px !important;
    line-height: 21.2pt;
}

div.Meaning-Quiz-weekday-text-second.introduction-page-div ul li, div.Meaning-Quiz-weekday-text-second.introduction-page-div ul li a {
    font-size: 18pt !important;
    line-height: 19.2pt;
    margin-top: 5px !important;
}

div.Meaning-Quiz-weekday-text-second.week2-mindfulness-result ul li, div.Meaning-Quiz-weekday-text-second.week2-mindfulness-result ul li a {
    font-size: 18pt !important;
    margin-top: 5px !important;
    line-height: 21.2pt;
}

p.text-left.dropthanktank a.btn.btn-primary.btn-sm {
    width: 204px;
    height: 36px;
    line-height: 14.515pt !important;
    font-family: 'DMSANS-MEDIUM' !important;
    font-size: 12.096pt !important;
    letter-spacing: 0;
}

.thank-tank.week1thanktank .glyphicon-ok:before, .thank-tank.thank_tank_page .glyphicon-ok:before {
    background-color: #ff4504;
    border-radius: 100%;
}

.thank-tank.week1thanktank .checkbox .cr, .thank-tank.thank_tank_page .checkbox .cr {
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: 1.25em;
    width: 20px;
    height: 20px;
    margin-right: .5em;
    top: 2px;
    font-size: 16px;
    border: 1.5pt solid #ff4504;
}

.thank-tank.week1thanktank label input[type="checkbox"]:checked + .cr, .thank-tank.thank_tank_page label input[type="checkbox"]:checked + .cr {
    background-color: #ff4504 !important;
}

.thank-tank.week1thanktank .checkbox .cr .cr-icon, .thank-tank.thank_tank_page .checkbox .cr .cr-icon {
    font-size: 9pt;
    left: 2px;
}

.week1thanktank-top-div {
    border-bottom: 2pt dotted #D64204;
}

button.btn-thank-tank {
    color: #D64204;
    border: 1pt solid #D64204 !important;
    width: 125px;
    background: transparent;
    height: 36px !IMPORTANT;
    font-size: 12pt !important;
    line-height: 14.515pt;
    font-family: 'DMSANS-MEDIUM' !important;
    letter-spacing: 0;
    border-radius: 50px;
    padding: 5px !important;
    margin-top: 40px !important;
    margin-left: 20px;
}

.Week1 .week_container .flow-quiz ul li::before {
    font-size: 30pt;
    line-height: 19.2pt;
    font-family: DMSans-Medium;
    font-weight: normal;
    word-break: break-word;
}


p.pull-right.btn-thank-tank-reminders a.quiz-reminder-button.link-label2.float-left {
    padding-right: 0px;
    font-size: 20pt;
    line-height: 24pt;
    color: #000;
    margin-right: 8px;
}


p.pull-right.btn-thank-tank-reminders a.non-underline.float-left.mr-10 {
    margin-top: 4px;
}

input.btn.btn-default.btn-getMoreData {
    color: #D64204;
    border: 1pt solid #D64204 !important;
    width: 205px;
    background: transparent;
    height: 36px !IMPORTANT;
    font-size: 12pt !important;
    line-height: 14.515pt;
    font-family: 'DMSANS-MEDIUM' !important;
    letter-spacing: 0;
    border-radius: 50px;
    padding: 5px !important;
    font-weight: normal !important;
    text-transform: uppercase;
}

.row.week-working-area.remove-margin.background_color_white .week_thank_tank p.pull-right.btn-thank-tank-reminders {
    display: none;
}

.panel.panel-content.panel-thank-tank.color_1 {
    background: #fe0f7a;
}

.panel.panel-content.panel-thank-tank.color_2 {
    background: #3cdc82;
}

.panel.panel-content.panel-thank-tank.color_3 {
    background: #ff9f1a;
}

.panel.panel-content.panel-thank-tank.color_4 {
    background: #32dcd2;
}

.panel.panel-content.panel-thank-tank.color_5 {
    background: #dae3e5;
}

.panel.panel-content.panel-thank-tank.color_6 {
    background: #00cddc;
}

div.week_container .background_color_white ul.tick-mark li {
    font-size: 14pt;
    font-family: 'DMSans-Regular';
}



.jumbotron.sub-header.ToughStuff-page-style {
    height: 420px;
}


.jumbotron.orange.sub-header.ToughStuff-page-style {
    background-size: 480.756px 365.177px;
}




.ToughStuff .panel.col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.ToughStuff .panel {
    box-shadow: none;
    border-bottom: 1pt dashed #FF0000
}

.ToughStuff .panel {
    box-shadow: none;
    background-position: bottom;
    background-size: 9px 7px;
    background-repeat: repeat-x;
    background-image: radial-gradient(#D64204 20%, rgba(255,255,255,0) 29%);
    border-bottom: none;
}

    .ToughStuff .panel.border-bottom-none {
        border-bottom: none;
        margin-bottom: 40px;
        background-image: none;
    }

.ToughStuff .panel {
    padding: 15px 15px 15px 15px;
}

    .ToughStuff .panel h3 {
        text-transform: uppercase;
        font-size: 12.096pt;
        line-height: 14.515pt;
        font-family: DMSans-Medium;
        font-weight: normal;
        color: black;
    }

/*.ToughStuff .panel h3 {
        padding-bottom: 15px;
    }*/

.panel.panel-content.panel-thank-tank .thank-tank-text {
    /*font-size: 28pt;*/ font-size: 22pt;
    line-height: 32.4pt;
    font-family: 'DMSans-Regular';
    word-break: break-word;
}

.panel.panel-content.panel-thank-tank p.wordbreakall span, .panel.panel-content.panel-thank-tank p.wordbreakall {
    font-size: 12pt;
    line-height: 14.4pt;
    font-family: 'DMSANS-REGULAR';
    color: #000;
}

    .panel.panel-content.panel-thank-tank p.wordbreakall span {
        float: left;
    }

.panel.panel-content.panel-thank-tank p.wordbreakall {
    padding-top: 15px;
    text-align: left;
}

strong.thank-tank-message {
    font-size: 12pt !important;
    line-height: 14.515pt !important;
    font-family: 'DMSans-Medium' !important;
}

/*.btn-thank-tank.Active {
    background: #e14504;
    color: #fff;
}
*/
label.checkbox-text {
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: 'DMSANS-REGULAR';
    padding-left: 0;
}

p.text-left.dropthanktank {
    padding: 30px 0px 70px 0px;
}

h1.welcome_text.week1-gratitude-text {
    margin-top: 0;
}

.week1-header {
    padding: 25px 0px 35px 0px;
}

p.pull-right.btn-thank-tank-reminders {
    padding-top: 50px;
    cursor: pointer;
}

div.thank-tank-reminders {
    padding: 0;
}

.week1thanktank-top-div .checkbox.col-md-4 {
    width: 36.333333%;
}


.connection-tabe-text-style h3:nth-child(1), .connecton-text2-mobile-view h3:nth-child(1),
.connection-tabe-text-style h3, .connection-tabe-text-style span.fontsize20, .connecton-text2-mobile-view h3, .connecton-text2-mobile-view span.fontsize20 {
    /*font-size: 24pt;*/
    font-size: 18pt;
    line-height: 28.8pt;
    font-family: DMSans-Regular;
    color: black;
}

.connection-tabe-text-style h6, .connecton-text2-mobile-view h6 {
    font-size: 14pt;
}

.connection-tabe-text-style *, .connecton-text2-mobile-view * {
    font-size: 18pt;
    line-height: 25pt;
    font-family: DMSans-Regular;
    color: black;
    font-weight: normal;
    word-break: break-word;
}

.connection-tabs-div .nav-tabs li a, .connecton-text-mobile-view h4 {
    font-size: 22pt;
    line-height: 26.4pt;
    font-family: DMSans-Regular;
    font-weight: normal;
}

.connection-tabe-text-style div.well, connecton-text2-mobile-view div.well {
    background-color: #f4f1ef !important;
    background-image: linear-gradient(to bottom,#f4f1ef,#f4f1ef 100%);
}

.connection-tabs-div .nav-tabs li a:hover {
    border-bottom: none !important;
    border-color: transparent;
}

.connecton-text-mobile-view a .panel-heading h4.accordion-toggle, .connecton-text-mobile-view .panel-heading .accordion-toggle:after {
    color: #D64204;
    position: relative;
}

/*BBK-576 starts*/
.row.background_color_white .power_up .btn {
    width: 252px;
}

.panel-header-main-div {
    position: relative;
    clear: both;
    display: table;
    width: 100%;
}

    .panel-header-main-div div {
        padding-left: 0;
    }

.panel-header-reminder-div {
    padding-top: 52px;
    padding-right: 0px;
}

div.panel-header-reminder-div p a, div.panel-header-reminder-div p a:hover, div.panel-header-reminder-div p a:active {
    box-shadow: none;
}

.btn-act-powerup, a.btn-act-powerup :hover, .btn-act-powerup :active {
    background-color: transparent;
    color: #000 !important;
    font-size: 20pt;
    line-height: 24pt;
    font-family: DMSans-Regular;
    font-weight: normal;
    cursor: pointer;
}

a.btn-act-powerup span, a.btn-act-powerup span:hover {
    font-size: 20pt;
    line-height: 24pt;
    font-family: 'Glyphicons Halflings';
}

.p-0 {
    padding: 0;
}

.week-2-page .week2-mediabox {
    height: 203.725px;
    background-color: #F4F1EF;
    padding-left: 15px;
}

.Powerup .panel.panel-content.p1 {
    background-image: url(/Content/Images/Powerup_tile_1.png);
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}

.Powerup .panel.panel-content.p2 {
    background-image: url(../Images/Powerup_tile_2.png);
    background-size: 100% 70%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}

.Powerup .panel.panel-content.p3 {
    background-image: url(../Images/Powerup_tile_3.png);
    background-size: 100% 50%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}

.Powerup .panel.panel-content.p4 {
    background-image: url('../Images/PowerUp/Power_Up_Tile_4.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}

.Powerup .panel.panel-content.p5 {
    background-image: url(/Content/Images/Powerup_tile_1.png);
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}

.Powerup .panel.panel-content.p6 {
    background-image: url(../Images/Powerup_tile_2.png);
    background-size: 100% 70%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}

.Powerup .panel.panel-content.p7 {
    background-image: url(../Images/Powerup_tile_3.png);
    background-size: 100% 50%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}

.Powerup .panel.panel-content.p8 {
    background-image: url('../Images/PowerUp/Power_Up_Tile_4.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}

.Powerup .panel.panel-content.p9 {
    background-image: url(/Content/Images/Powerup_tile_1.png);
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}

.Powerup .panel.panel-content.p10 {
    background-image: url(../Images/Powerup_tile_2.png);
    background-size: 100% 70%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}

.Powerup .panel.panel-content.p11 {
    background-image: url(../Images/Powerup_tile_3.png);
    background-size: 100% 50%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}

.Powerup .panel.panel-content.p12 {
    background-image: url('../Images/PowerUp/Power_Up_Tile_4.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}

.Powerup .panel.panel-content.p13 {
    background-image: url(/Content/Images/Powerup_tile_1.png);
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}

.Powerup .panel.panel-content.p14 {
    background-image: url(../Images/Powerup_tile_2.png);
    background-size: 100% 70%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}

.Powerup .panel.panel-content.p15 {
    background-image: url(../Images/Powerup_tile_3.png);
    background-size: 100% 50%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}

.Powerup .panel.panel-content.p16 {
    background-image: url('../Images/PowerUp/Power_Up_Tile_4.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}

.Powerup .panel.panel-content.p17 {
    background-image: url(/Content/Images/Powerup_tile_1.png);
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}

.Powerup .panel.panel-content.p18 {
    background-image: url(../Images/Powerup_tile_2.png);
    background-size: 100% 70%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}


.week-2-page .week2-mediabox div.week2powerup {
    color: #000 !important;
    width: 100% !important;
    font-family: DMSans-Regular;
    font-size: 17.125pt !important;
    line-height: 20.55pt !important;
}

div.week2powerup1 {
    background: url(../Images/Powerup_tile_1.png);
    background-size: 100% 55%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}

div.week2powerup2 {
    background: url(../Images/Powerup_tile_2.png);
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}

div.week2powerup3 {
    background: url(../Images/Powerup_tile_3.png);
    background-size: 91% 45%;
    background-repeat: no-repeat;
    background-position: bottom right 0px;
}

.audioPlayer {
    margin-top: 45px;
    margin-bottom: 24px;
}

    .audioPlayer h4 {
        font-family: DMSans-Medium;
        font-size: 18pt;
        line-height: 21.6pt;
        margin-bottom: 23px;
    }

audio.power-up-player {
    width: 426px;
}



audio::-webkit-media-controls-panel {
    background-color: #F4F1EF;
}

audio::-webkit-media-controls-play-button {
    background-color: #FE0F7A;
    border-radius: 50%;
}

audio::-webkit-media-controls-current-time-display {
    position: absolute;
    right: 50px;
}

audio::-webkit-media-controls-time-remaining-display {
    position: absolute;
    right: 10px;
}

audio::-webkit-media-controls-timeline {
    position: absolute;
    left: 30px;
    width: 70%;
}

audio::-webkit-media-controls-mute-button, audio::-webkit-media-controls-volume-control-container {
    display: none;
}

/*BBK-576 ends*/


.connecton-text-mobile-view .panel-group .panel-heading {
    border-bottom: 0;
    padding: 10px 0;
}

.img-rightarrow {
    height: 18px;
}

.margin-right-0 {
    margin-right: 0;
}

.ShowWeek1ThankTankErrorMsg {
    padding-left: 0;
}

.ShowWeek1ThankTankErrorMsg2 {
    padding-left: 10px;
}

.ShowWeek1ThankTankErrorMsg3 {
    padding-left: 20px;
}

.week-4-page .welcome_text {
    font-size: 48pt;
}

.week-4-page-header-welcome-div {
    padding: 2px 0px 0px 0px;
}

.learn.home-page .sub-header1 h1 {
    color: #D64204;
    margin-top: 51px;
}

.learn.home-page .sub-header1 h1 {
    color: #D64204;
    margin-top: 51px;
}

.learn.home-page .learn-text2 {
    font-family: DMSans-Medium;
}


.connections-page .connection-page-header p * {
    color: black;
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: DMSans-Regular;
    font-weight: normal;
}

.connections-page .sub-header1 .connection-page-header h1 {
    margin-top: 100px;
    margin-bottom: 40px;
}

.connections-page .connection-page-header a, .connections-page .connection-page-header a:focus {
    box-shadow: inset 0 -1px 0 #D64204 !important;
    color: #616161;
    text-decoration: none;
}

    .connections-page .connection-page-header a:hover {
        color: #D64204;
        box-shadow: inset 0 -1px 0 #D64204;
    }

.WEMWBSquizdiv .top-div p {
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: 'DMSans-Regular';
    color: #000;
}

    .WEMWBSquizdiv .top-div p b {
        font-size: 18pt;
        line-height: 21.6pt;
        font-family: 'DMSans-Regular';
        color: #000;
    }

.WEMWBSquizdiv .box.quiz .box-inner h3 {
    font-size: 26pt;
    line-height: 36pt;
    color: #000;
    font-family: 'DMSans-Medium';
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: normal;
}

.WEMWBSquizdiv .box.quiz .box-inner p {
    font-size: 18pt;
    line-height: 21.6pt;
    color: #000;
    font-family: DMSans-Regular;
}


a.OpenMFCTermsConditions, a.OpenMFCTermsConditions:hover {
    color: #D64204;
    font-family: DMSans-Medium;
    font-size: 18pt;
    line-height: 21.6pt;
    text-decoration: underline !important;
}

.WEMWBSquizdiv div.progress {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#F7D0C0),to(#F7D0C0));
}

.checkbox.band label {
    font-family: DMSans-Medium;
    font-size: 18pt;
    line-height: 21.6pt;
}

.dashboard .welcome_text {
    font-family: DMSans-Medium;
    font-size: 40pt;
    line-height: 48pt;
    margin-top: 24px;
    font-weight: normal;
    color: #D64204;
}

.text-center.view-week-btn {
    padding: 25px 0;
}

.text-center.week_content p.margin-top-30 {
    font-size: 11.544pt;
    line-height: 13.853pt;
    font-family: 'DMSANS-MEDIUM';
    color: #000;
    text-transform: uppercase;
}

.text-center.week_content h3 {
    font-size: 23.859pt;
    line-height: 28.631pt;
    font-family: DMSans-Regular;
    color: #000;
    min-height: 80px;
    font-weight: normal;
}

.dashboard .view-week-btn a.btn.btn-default-white {
    font-size: 11.544pt;
    line-height: 13.853pt;
    font-family: 'DMSANS-MEDIUM';
    color: #000 !important;
    border: 1pt solid #000 !important;
    font-weight: normal;
    text-transform: uppercase;
}

.dashboard a.btn.btn-default, .dashboard a.btn.btn-default-white {
    font-size: 11.544pt;
    line-height: 13.853pt;
    font-family: 'DMSANS-MEDIUM';
    color: #000 !important;
    border: 1pt solid #000 !important;
    font-weight: normal;
    text-transform: uppercase;
}

.week_content.weekCompletedText h6 {
    font-size: 13.361pt;
    line-height: 16.034pt;
    font-family: DMSans-Regular;
    color: #000;
}

div.panel {
    padding: 30px 0px 15px 0px;
}

.sub-header1.explore-page-mobile-view {
    margin-bottom: 30px !important;
}

.sub-header1.explore-page {
    margin-bottom: 60px;
}

div.container.sub-header1.explore-page-mobile-view h1 {
    font-size: 40pt !important;
    line-height: 48pt !important;
}

.explore-margin-bottom {
    margin-bottom: 90px;
}

form.personfrom input {
    font-family: DMSans-Regular;
    font-size: 18pt;
    line-height: 21.6pt;
}

.week_container .row.background_color_white h3.card-font {
    font-family: DMSans-Regular;
    font-size: 18pt !important;
    line-height: 21.6pt !important;
    color: black;
}

.f-dr-18 {
    font-family: DMSans-Regular;
    font-size: 18pt;
    line-height: 21.6pt;
    height: 50px;
}

.dashboard p.pull-right.btn-thank-tank-reminders a.quiz-reminder-button.link-label2.float-left {
    color: #D64204;
}

.view-week-btn .btn.btn-default {
    background: transparent;
    color: #000;
    border: 1pt solid;
}

.view-week-btn .locked_image:hover {
    background: transparent !important;
}


.dashboard div.thank-tank-reminders {
    padding-right: 15px;
}

.dashboard div.panel {
    margin-bottom: 30px;
}

.dashboard .view-week-btn .locked_image img {
    height: 22px;
    width: 18px;
    margin-top: -5px;
}

.dashboard .view-week-btn .btn-default:active, .dashboard .view-week-btn .btn-default.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mental-fitness-rmargin div ul li.margin-top20px {
    margin-top: 0px !important;
}

.mental-fitness-rmargin div p {
    display: none;
}

.Meaning-Quiz-weekday-text-second h2 {
    font-size: 18pt !important;
    line-height: 21.6pt;
    font-family: 'DMSans-Medium';
    color: black;
    font-weight: normal;
    padding-bottom: 15px;
}

select.form-control.SayItOutLoud, select.form-control.MakeTime, select.form-control.FightWell, select.form-control.FocusOnThePositives {
    -webkit-appearance: none;
    width: 100%;
    height: 38.014px;
    font-family: DMSans-Regular;
    font-weight: normal;
    font-size: 14pt;
    line-height: 16.8pt;
    padding-right: 20px;
    margin-top: 20px;
    background: transparent;
    outline: none;
    box-shadow: none;
    border: 1pt solid #f4f1ef;
    z-index: 1;
}

.down-select::before {
    background-image: url(/Content/img/rightarrow.png);
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 10px;
    height: 18px;
    bottom: 10%;
    right: 6%;
    transform: rotate(90deg);
    background-size: 100% 100%;
    z-index: -1;
}

p.down-select {
    z-index: 1;
}

.position-abs-bottom {
    position: absolute;
    bottom: 0px;
}

div.pd-l-15 {
    padding-left: 15px !important;
}

.sayItOut .box, .make_time .box, .fight_well .box, .focus_on .box {
    margin-bottom: 35px;
}

.week_container .quiz-div .clear-both p, .week_container .quiz-div .slider-container p {
    margin-top: 0;
}

.quiz-div .box.quiz {
    margin: 0px;
}

.week_container .row.background_color_white h3 {
    margin-bottom: 0px;
}

.display-portrait-mobile {
    display: none;
}

div.learn div.panel.panel-content {
    padding-left: 15px;
    padding-right: 15px;
}

.week_container .background_color_white p.tank-message-div {
    margin-top: 25px;
}

p.tank-message-div strong.thank-tank-message, .week_container .background_color_white p.first-text-area, .week_container .background_color_white p.second-text-area, .week_container .background_color_white p.third-text-area {
    margin-top: 0px;
}

.backgroud_color-transparant {
    background-color: transparent !important;
}

.registration-form .checkbox label input[type="checkbox"]:checked ~ .cr {
    background-color: #ff4504 !important;
}

button.btn-thank-tank.Active {
    background-color: #D64204;
    color: white;
}

.connection-tabe-text-style span.fontsize20, .connecton-text2-mobile-view span.fontsize20 {
    display: inline-block;
    margin-bottom: 10px;
}

.Introduction .quiz .box-inner {
    padding-top: 30px !important;
}

.social_connection select.form-control.SayItOutLoud option, .social_connection select.form-control.MakeTime option, .social_connection select.form-control.FightWell option, .social_connection select.form-control.FocusOnThePositives option {
    font-family: DMSans-Regular;
    font-weight: normal;
    font-size: 14pt;
}

ul.tick-mark, ul.dots {
    display: flex;
    justify-content: space-between;
    color: #000;
    width: 100%;
    padding-left: 0 !important;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
}

ul.dots {
    position: relative;
    margin-top: -39.7px;
    height: 0;
    color: #e14504;
    margin-bottom: 39.7px;
    cursor: pointer;
}

ul.tick-mark li::before {
    content: "" !important;
    color: transparent;
    font-weight: bold;
    width:;
    margin-left: 0 !important;
    font-size: 0px !important;
    display: block !important;
    top: 3.5px;
}

ul.dots li::before {
    content: "" !important;
    color: transparent !important;
    width: 1px !important;
    height: 1px !important;
    margin-left: 0 !important;
    font-size: 0px !important;
    display: block !important;
    top: 0px !important;
}

ul.tick-mark li {
    font-size: 14pt;
    font-family: 'DMSans-Regular';
    list-style-type: none !important;
    display: block !important;
}

ul.dots li {
    min-height: 0px;
    padding: 0;
    box-shadow: 0px 0px 0px 5px #e14504;
    margin-top: 22px;
    background-color: #e14504;
    border-radius: 20%;
    color: transparent;
    width: 1px;
    height: 1px;
    border: 0px solid;
    line-height: 0 !important;
}

.quiz .dots li {
    min-height: 0px;
    padding: 0;
    margin-top: 18px;
    background-color: #e14504;
    border-radius: 100%;
    color: transparent;
    width: 10px;
    height: 10px;
    border: 0px solid;
    line-height: 0 !important;
    box-shadow: none;
}


li.label-0 {
    margin-left: -6px;
    margin-right: 4px;
}

li.label-2 {
    margin-left: 7px;
}

li.label-1 {
    margin-left: 2px;
}

li.label-4 {
    margin-left: 4px;
}

li.label-5 {
    margin-right: -5px;
    margin-left: 3px;
}

li.label-3 {
    margin-left: 4px;
}

ul.dots li {
    font-size: 20pt;
    font-family: 'DMSans-Regular';
    cursor: pointer;
}


.Week3 .week3-page3-dropdown {
    background-image: url('../Images/DownArrow.png');
    background-repeat: no-repeat;
    background-position: top 10px right 10px;
    -webkit-appearance: none;
    font-weight: normal;
    font-family: DMSans-Regular;
    padding-right: 40px;
}


.powerup-page .modal .modal-title, .powerup-page .modal-body .row h2 {
    font-family: DMSans-Medium;
    font-size: 40pt;
    line-height: 48pt;
    font-weight: normal;
    color: #000000;
}

.powerup-page .panel-heading .accordion-toggle:after {
    position: initial;
    right: 30px;
}

.powerup-page ul {
    list-style: none;
}


.powerup-page .modal-dialog ul li {
    display: table;
}


.powerup-ok-btn-style {
    width: 174px;
    text-transform: uppercase !important;
    height: 36px !important;
    padding: 8px;
    letter-spacing: 2px;
    font-weight: normal !important;
    padding: 0px !important;
}

.powerup-modal-header, .Look-after-yourself .modal-header {
    padding: 10px 50px 20px 50px;
}

.powerup-page .modal-body .row {
    padding: 0px 50px 0px 50px;
}

    .powerup-page .modal-body .row ul {
        padding: 0px;
    }

    .powerup-page .modal-body .row * {
        font-size: 18pt;
        line-height: 21.6pt;
        font-family: DMSans-Regular;
        color: black;
    }

/*.powerup-page a {
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #e14504;
    color: #616161 !important;
}*/

div.powerup.home-page.powerup-page a:hover, div.snapthat-home .jumbotron.orange a:hover, div.snapthat-home .SnapThat-header a:hover {
    text-decoration: none;
    color: #D64204 !important;
    box-shadow: inset 0 -1px 0 #D64204;
}

div.powerup.home-page.powerup-page div.jumbotron.orange .container.w-50 a:hover {
    text-decoration: none;
    color: #D64204 !important;
    box-shadow: inset 0 -1px 0 #D64204;
}

.powerup-page .panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.powerup-modal-body .panel {
    padding: 0px 0px 0px 0px;
}

.powerup-modal-body .custom-accordion .panel-heading {
    padding-left: 0px;
    padding-right: 0px;
}

.Introduction ul.dots, .Week2 ul.dots, .Week3 ul.dots, .Week4 ul.dots, .Week5 ul.dots {
    margin-top: -35.7px;
}

/*.Introduction li.label-5, .Week1 li.label-5, .Week2 li.label-5, .Week3 li.label-5, .Week4 li.label-5, .Week5 li.label-5 {
    margin-right: -11px;
}

.Introduction li.label-2, .Week1 li.label-2, .Week2 li.label-2, .Week3 li.label-2, .Week4 li.label-2, .Week5 li.label-2 {
    margin-left: 4px;
}

.Introduction li.label-3, .Week1 li.label-3, .Week2 li.label-3, .Week3 li.label-3, .Week4 li.label-3, .Week5 li.label-3 {
    margin-left: 5px;
}

.Introduction li.label-1, .Week1 li.label-1, .Week2 li.label-1, .Week3 li.label-1, .Week4 li.label-1, .Week5 li.label-1 {
    margin-left: 8px;
}*/

.powerup-modal-close-btn {
    top: 23px;
    left: 3px;
    margin-top: 0px !important;
    color: red;
    font-size: 40px;
}

    .powerup-modal-close-btn:hover {
        color: red;
    }


.powerup-audio-div .panel-collapse .panel-content {
    background-color: #f4f1ef;
}

    .powerup-audio-div .panel-collapse .panel-content .light-blue {
        background-image: url('../Images/PowerUp/Power_up_tile_1.jpg');
    }

.powerup-audioplayer .border1solid.whiteBackground {
    border: none;
    text-align: left !important;
}

    .powerup-audioplayer .border1solid.whiteBackground .power-up-player {
        border: none !important;
    }



/*BBK-551 starts */
.powerup .collapsed .panel-heading .accordion-toggle:after {
    background-image: url('/Content/Images/week3/Accordion_Collapse.jpg');
    position: relative;
}

.powerup .panel-heading .accordion-toggle:after {
    background-image: url(/Content/Images/week3/Accordion_Expanded.jpg);
    top: unset;
    display: inline-block;
    transform: rotate( 0deg);
    height: 12px;
    right: 0px;
    transition: 0.30s;
    width: 20px;
    margin-top: 10px;
    position: relative;
}

.powerup .panel-group a:focus {
    text-decoration: none;
    color: unset;
    outline: 0px;
}

.powerup .panel-heading .accordion-toggle {
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: DMSans-Regular;
}

.powerup .panel-group .panel .panel-heading {
    border-top: 2pt dotted #D64204;
    border-radius: 0px;
    padding-left: 1px;
}



.powerup div.panel {
    border: none !important;
}

.powerup div.panel {
    border: none !important;
    -webkit-box-shadow: none;
    background: transparent;
}

.powerup .panel-heading .accordion-toggle, .powerup .panel-heading .accordion-toggle1 {
    color: #D64204 !important;
    font-weight: normal;
    width: 100%;
}

.powerup .panel-group .panel .panel-heading {
    padding-right: 0px;
    cursor: pointer;
}

.power-up-bottom-image, .profile_bottom_image {
    /* background-image: url(/Content/Images/Explore/PowerUp_Bottom_Graphic.jpg);*/
    /* background-repeat: no-repeat;*/
    /*background-position: right 0 bottom 0px;
    background-size: 525px 300px;*/
}

.margin-bottom-150 {
    margin-bottom: 100px;
}

.powerup-page.power-up-bottom-image {
    padding-bottom: 150px;
}

.profile_bottom_image {
    padding-bottom: 200px;
}

.power-up-panel-collapse-div .panel-content p {
    padding: 20px 0px 0px 10px;
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: DMSans-Regular;
    color: black;
}

/*IPhone 5S --> POWER UP content text */
@media only screen and (min-device-width : 315px) and (max-device-width: 325px) {
    .power-up-panel-collapse-div .panel-content p {
        font-size: 15pt;
    }
}

.powerup-audioplayer .power-up-player-box h4 {
    text-align: center;
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: DMSans-Medium;
    color: black;
}


.powerup div.powerup-modal-footer {
    padding-left: 50px;
    padding-right: 50px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.accordion-icon-set {
    display: table-cell;
    width: 21px;
    vertical-align: middle;
    background-image: url(/Content/Images/week3/Accordion_Collapse.jpg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
}

.powerup .collapsed .panel-heading .accordion-toggle1 .accordion-icon-set {
    display: table-cell;
    width: 21px;
    vertical-align: middle;
    background-image: url(/Content/Images/week3/Accordion_Collapse.jpg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
}

.powerup .panel-heading .accordion-toggle1 .accordion-icon-set {
    background-image: url(/Content/Images/week3/Accordion_Expanded.jpg);
    transform: rotate( 0deg);
    display: table-cell;
    width: 20px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
}

.Registration span.help-block span.field-validation-error.redError.redError-message {
    text-transform: none;
}

.powerup.mentalFitness.find-out-more.home-page.powerup-page.power-up-bottom-image .home-page-body {
    margin-bottom: 0;
}

a.quiz-reminder-button.pull-right.power-Up-reminders-button {
    font-size: 20pt;
    line-height: 24pt;
    font-family: 'DMSANS-REGULAR';
    color: #000 !important;
    text-decoration: none;
    box-shadow: none;
    padding-right: 0;
}

div.powerup.home-page.powerup-page a.quiz-reminder-button.pull-right.power-Up-reminders-button:hover {
    box-shadow: none !important;
    color: #000 !important;
}

.powerup .panel-group .panel .panel-heading {
    padding-bottom: 0;
}

div.powerup.home-page.powerup-page div.mejs-container .mejs-controls .mejs-play:after, div.powerup.home-page.powerup-page div.mejs-container .mejs-controls .mejs-pause:after {
    width: 35px;
    height: 35px;
    top: 6px;
}

.powerup-audioplayer .power-up-player-box {
    width: 56%;
    padding-left: 0px;
}

.Powerup.custom-accordion {
    padding: 0;
}

.hytPlayerWrap.ended::after {
    max-height: 400px;
    width: 100%;
    content: "";
    position: absolute;
    top: 70px;
    left: 0;
    bottom: 50px;
    right: 0;
    cursor: pointer;
    background-color: black;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 64px 64px;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==)
}

.hytPlayerWrap.paused::after {
    max-height: 400px;
    width: 100%;
    content: "";
    position: absolute;
    top: 70px;
    left: 0;
    bottom: 50px;
    right: 0;
    cursor: pointer;
    background-color: black;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 40px;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+)
}

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

.week .hytPlayerWrap {
    position: inherit;
}

.Week4 .week_container .dotcirclewhite.dotcircle {
    color: #e14504;
    border: 2px solid;
}

.Week4 .week_container .horizontalline {
    border-top: 2px solid !IMPORTANT;
    border: 0;
}

.week-4-page span.my_strenghts_text, .week_container .row.background_color_white h3.sub-section-header {
    font-family: DMSans-Medium;
    font-size: 18pt;
    line-height: 21.6pt;
    font-weight: normal;
}

.week-4-page .custom-strength.active label, .week-4-page .custom-strength.active label:hover {
    background: #D64204;
    border: none;
    font-family: DMSans-Regular;
    font-size: 18pt;
    line-height: 21.6pt;
    height: 200px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.week-4-page .custom-strength label {
    background: #f4f1ef;
    font-family: DMSans-Regular;
    font-size: 18pt;
    line-height: 21.6pt;
    height: 200px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.week-4-page a.f-18-r {
    font-family: DMSans-Regular;
    font-size: 18pt;
    line-height: 21.6pt;
}

.week-4-page .custom-strength.active:before {
    content: "";
    width: 25px;
    height: 25px;
    border: none;
    margin-top: 28px;
    background-color: #D64204;
    position: absolute;
    /*background-image: url(/content/Images/Tick_Icon_DOrange_RGB.png);*/
    background-image: url(/content/Images/strength_tick_art.png);
    background-size: 30px 30px;
    /* background-position: -2px -2px;*/
    background-position: -1px -2px;
    right: 30px;
    background-repeat: no-repeat;
}

div.custom-strength label {
    padding: 40px;
    height: 120px;
}

    div.custom-strength label:hover {
        background: #D64204;
        border: none;
        color: #fff;
    }

div.week-4-page li.custom-strengthli {
    padding: 10px;
    display: flex !important;
    height: 100px;
    background: #D64204;
    align-items: center;
    justify-content: center;
    margin: 10px auto;
    width: 97%;
    border-radius: 10px;
    color: white;
}

    div.week-4-page li.custom-strengthli:before {
        display: none;
    }



h3.your-story-text {
    font-size: 40pt;
    line-height: 48pt;
    font-family: 'DMSANS-REGULAR';
    font-weight: normal;
    color: #D64204;
}

strong.story-title-text {
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: 'DMSANS-REGULAR';
    font-weight: normal;
    color: #000;
}

.story-describe-text {
    font-size: 16pt;
    line-height: 19.2pt;
    font-family: DMSans-Medium;
    font-weight: normal;
    color: #000;
}

input.form-control.story-title-textbox {
    font-size: 16pt;
    line-height: 19.2pt;
    font-family: DMSans-Medium;
    font-weight: normal;
    color: #000;
}

textarea.form-control.TextAreaHeight100.story-describe-textbox {
    font-size: 12pt;
    line-height: 14.4pt;
    font-family: DMSans-Regular;
    font-weight: normal;
    color: #000;
}

a.look-after-text {
    font-size: 16pt;
    line-height: 19.2pt;
    font-family: DMSans-Medium;
    font-weight: normal;
    color: #000;
    text-decoration: underline;
}

.real-stories .checkbox.margin-left-checkbox2 p label {
    font-size: 14pt;
    line-height: 16.8pt;
    font-family: DMSans-Regular;
    font-weight: normal;
    color: #000;
}

.real-stories .stories-btn-container a {
    padding: 8px 70px;
    height: 36px;
}

.your-story-top-div {
    border-bottom: 2pt dotted #D64204;
    padding-bottom: 30px;
}

.your-story-bottom-div {
    top: 30px;
}

input.btn.btn-default.showAllStories-btn {
    background-color: transparent;
    color: #D64204;
    border: 1pt solid #D64204 !important;
    width: 125px;
    font-size: 12pt;
    line-height: 14.515pt;
    font-family: 'DMSANS-MEDIUM';
    font-weight: normal !important;
    padding: 8px !important;
    height: 40px !important;
}

.real-stories .panel-content.color_1, .real-stories .panel-content.color_1 .panel-stories-content {
    background: #fe0f7a;
}

.real-stories .panel-content.color_2, .real-stories .panel-content.color_2 .panel-stories-content {
    background: #3cdc82;
}

.real-stories .panel-content.color_3, .real-stories .panel-content.color_3 .panel-stories-content {
    background: #ff9f1a;
}

.real-stories .panel-content.color_4, .real-stories .panel-content.color_4 .panel-stories-content {
    background: #32dcd2;
}

.real-stories .panel-content.color_5, .real-stories .panel-content.color_5 .panel-stories-content {
    background: #dae3e5;
}

.real-stories .panel-content.color_6, .real-stories .panel-content.color_6 .panel-stories-content {
    background: #00cddc;
}

.real-stories .panel-stories-content {
    margin: 0px;
    margin-bottom: 65px;
    padding-bottom: 15px;
}

.real-stories .panel-content .panel-info p.wordbreakall span, .real-stories .panel-content .panel-info p.wordbreakall {
    font-size: 12pt;
    line-height: 14.4pt;
    font-family: 'DMSANS-REGULAR';
    color: #000;
    padding-top: 20px;
}

.real-stories input.btn.btn-default.btn-getMoreData:hover {
    outline: none !important;
}

.real-stories input.btn.btn-default.showAllStories-btn.Active {
    background-color: #D64204;
    color: white;
}

.real-stories input.btn.btn-default.showAllStories-btn:focus {
    outline: none;
}

.real-stories span.cr-icon.glyphicon.glyphicon-ok::before, .real-stories .checkbox.band .cr span.cr-icon.glyphicon.glyphicon-ok::before {
    content: "\e013";
    background-color: #ff4504;
    border-radius: 100%;
    border: none;
    margin-left: 0;
}

.real-stories .checkbox .cr, .real-stories .radio .cr, .real-stories .band.checkbox .cr {
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: 1.25em;
    width: 20px;
    height: 20px;
    margin-right: .5em;
    top: 5px;
    font-size: 16px;
    border: 1.5pt solid #ff4504;
}

.real-stories .checkbox label input[type="checkbox"]:checked ~ .cr {
    background-color: #ff4504 !important;
}

.real-stories .checkbox .cr .cr-icon {
    position: absolute;
    font-size: 0.6em;
    line-height: 0;
    top: 50%;
    left: 3px;
    margin-top: 0px;
}

.real-stories a.look-after-text.quiz-reminder-button {
    padding-right: 5px;
}

.real-stories .panel-content .panel-stories-content {
    background: #00cddc;
    font-size: 19pt; /*17dec-dilshad*/
    /*line-height: 32.4pt;*/ line-height: 26pt;
    font-family: 'DMSans-Regular';
    margin-top: 10px;
}

.real-stories .panel-stories h4 {
    background: #00cddc;
    /*font-size: 28pt;*/ font-size: 20pt;
    /*line-height: 32.4pt;*/ line-height: 20pt;
    font-family: 'DMSans-Regular';
    background-color: transparent;
    padding-left: 15px;
    font-weight: 600;
}

.real-stories input.btn.btn-default.btn-getMoreData:focus {
    outline: none !important;
}

.real-stories .form-control:focus {
    border-color: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: transparent !important;
}

.real-stories .form-control {
    border: none;
    box-shadow: none;
}

.real-stories input.btn.btn-default.showAllStories-btn {
    border: 1pt solid #D64204 !important;
    width: 125px;
    background: transparent;
    height: 36px !IMPORTANT;
    font-size: 12pt !important;
    line-height: 14.515pt;
    font-family: 'DMSANS-MEDIUM' !important;
    letter-spacing: 0;
    border-radius: 50px;
    padding: 5px !important;
    margin-top: 40px !important;
    margin-left: 15px;
}

.real-stories h1.thank_heading.real-story {
    color: #D64204;
    padding-left: 15px;
}

.real-stories .thank-_tank_list {
    padding-left: 5px;
}

.real-stories a.look-after-text.quiz-reminder-button:hover {
    text-decoration: underline !important;
}

.real-stories a.btn.btn-primary:hover {
    background: #D64204;
}

.week-4-page-header-welcome-div p {
    font-family: DMSans-Regular;
    font-size: 14pt;
    line-height: 16.8pt;
}

div.container-fluid.sub-header1.thank-page h1, div.container-fluid.sub-header1.thank-page p {
    font-family: DMSans-Regular;
}

div.container-fluid.sub-header1.thank-page p {
    font-size: 18pt;
}

.container-fluid.sub-header1.thank-page h1 {
    margin-top: 50px;
}


.thank_tank_page .thank_heading {
    font-size: 40pt;
    line-height: 48pt;
    font-family: 'DMSANS-REGULAR';
    font-weight: normal;
    color: #D64204;
}

.thank_tank_page .than_thank_normaL_text {
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: 'DMSANS-REGULAR';
    font-weight: normal;
    color: #000;
}

.thank_tank_page .padding_left_right_none, .thank_tank_page .tank-message-div .thank-tank-message {
    padding-left: 0px;
    padding-right: 0px;
}

.thank_tank_page .img-rightarrow {
    margin-left: 10px;
}


.thank_tank_page .tank-message-div .thank-tank-message {
    font-size: 14pt;
    line-height: 16.8pt;
    font-family: DMSans-Medium;
    font-weight: normal;
    color: #000;
}

.thank_tank_page .TextAreaHeight100 {
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: 'DMSANS-REGULAR';
    font-weight: normal;
    color: #000;
}

.thank_tank_page .than_thank_small_text {
    font-size: 12pt;
    line-height: 14.4pt;
    font-family: 'DMSANS-REGULAR';
    font-weight: normal;
    color: #999;
    margin-top: 20px;
}

.thank_tank_page p.text-left.dropthanktank a.btn.btn-primary.btn-sm {
    padding: 8px;
    font-family: 'DMSANS-MEDIUM' !important;
    font-size: 12.096pt !important;
}

.thank_tank_page p.text-left.dropthanktank a.btn.btn-primary.btn-sm {
    padding: 8px;
    font-family: 'DMSANS-MEDIUM' !important;
    font-size: 12.096pt !important;
}

.thank_tank_page p.tank-message-div strong.thank-tank-message {
    margin-top: 20px;
    margin-bottom: 5px;
}

.thank_tank_page a.than_thank_normaL_text {
    cursor: pointer;
}

.btn-getMoreData:focus, .btn-getMoreData:active, .btn-getMoreData.btn:active:focus {
    outline: none;
}

.thank_tank_page .panel.panel-content.panel-thank-tank p.wordbreakall {
    text-align: right;
}

.thank_tank_page #thanktank_data {
    padding-bottom: 80px;
}

.thank_tank_page .thank_tank_list_top_30 {
    padding-top: 20px;
}

.thank_tank_page .tank-message-div {
    clear: both;
}

div.thank_tank_page .thank_tank_list_top_30 {
    padding-top: 45px;
}

div.thank_tank_page .radio, div.thank_tank_page .checkbox {
    margin-bottom: 0px;
    margin-top: 0px;
}

div.thank_tank_page p.text-left.dropthanktank {
    padding: 0px 0px 50px 0px;
}

div.thank_tank_page .TextAreaHeight100.form-control:focus {
    border: none;
}

/*.real-stories-page.container-fluid.sub-header1 h1 {
    font-family: 'DMSans-Regular';
}*/

.real-stories .container-fluid.sub-header1 .sub-header1-text-div p {
    font-size: 18pt;
}

.real-stories textarea.form-control.TextAreaHeight100.story-describe-textbox, .real-stories .form-control::-webkit-input-placeholder {
    font-size: 16pt;
}

.real-stories .form-control::-webkit-input-placeholder {
    font-family: DMSans-Medium;
}

.real-stories textarea.form-control.TextAreaHeight100.story-describe-textbox {
    font-family: 'DMSans-Regular';
}

.real-stories .title_lenght {
    margin-top: 20px;
    color: #999;
}

h3.snapthat_heading {
    font-size: 40pt;
    line-height: 48pt;
    font-family: 'DMSANS-REGULAR';
    font-weight: normal;
    color: #D64204;
}

strong.upload_picture {
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: 'DMSANS-REGULAR';
    font-weight: normal;
    color: #000;
}

input.cropit-image-input.choose_file {
    font-family: 'DMSANS-REGULAR';
    font-size: 14pt;
    color: #000;
    line-height: 16.8pt;
}

strong.snap-that-descript {
    font-size: 14pt;
    line-height: 16.8pt;
    font-family: 'DMSANS-REGULAR';
    font-weight: normal;
    color: #000;
}

.snap-that-checkboox, .snap-that-checkboox label {
    padding-left: 0;
}

    .snap-that-checkboox .glyphicon-ok:before {
        background-color: #ff4504;
        border-radius: 100%;
    }

    .snap-that-checkboox span.cr-icon.glyphicon.glyphicon-ok {
        font-size: 9pt;
        left: 2px;
    }

.snap-that .checkbox .cr {
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: 1.25em;
    width: 20px;
    height: 20px;
    margin-right: .5em;
    top: 2px;
    font-size: 16px;
    border: 1.5pt solid #ff4504;
}

.snap-that label input[type="checkbox"]:checked + .cr {
    background-color: #ff4504 !important;
}

.snap-that-checkboox label {
    font-size: 14pt;
    line-height: 16.8pt;
    font-family: 'DMSANS-REGULAR';
    padding-left: 0;
}

.snap-that a.export.btn.btn-primary.btn-sm {
    padding: 13px 0;
    font-family: 'DMSANS-MEDIUM' !important;
    font-size: 12.096pt !important;
    width: 205px;
    float: left;
    height: 27pt;
    margin-top: 40px;
    line-height: 10px !important;
}

input.btn-snap-that {
    color: #D64204;
    border: 1pt solid #D64204 !important;
    width: 125px;
    background: transparent;
    height: 36px !IMPORTANT;
    font-size: 12pt !important;
    line-height: 14.515pt;
    font-family: 'DMSANS-MEDIUM' !important;
    letter-spacing: 0;
    border-radius: 50px;
    padding: 5px !important;
    margin-left: 40px;
    display: inline-block;
}

a.pull-right.snap-that-remindr-text {
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: 'DMSANS-REGULAR';
    font-weight: normal;
    color: #000;
}

.snap-that .img-rightarrow {
    margin-left: 10px;
}

.panel.panel-content.panel-snapthat {
    padding: 15px 0px 15px 0px;
    margin-bottom: 0;
    width: 273px;
    max-width: 100%;
    margin: 0 auto;
}



.snap-that input.btn.btn-default.btn-getMoreData {
    margin-top: 60px;
}

input.btn-snap-that.Active {
    background-color: #D64204;
    color: white;
}

p.errormessage.snap-that-error {
    margin-top: 20px;
}

a.pull-left.snap-that-remindr-text {
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: 'DMSANS-REGULAR';
    font-weight: normal;
    color: #000;
    margin-top: 30px;
}

.spanthat_reminder.for-mombile {
    padding-left: 0;
}

.snap-that p.wordbreakall, .snap-that p.wordbreakall span {
    font-size: 12pt;
    line-height: 14.4pt;
    font-family: 'DMSANS-REGULAR';
    margin-top: 10px;
    color: #000;
}

.snap-that textarea.form-control.TextAreaHeight100 {
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: 'DMSANS-REGULAR';
    font-weight: normal;
    color: #000;
    border: none;
    min-height: 350px;
    padding-top: 20px;
    padding-left: 20px;
    border-radius: 10px;
}

    .snap-that textarea.form-control.TextAreaHeight100:focus {
        box-shadow: none;
        border: none;
    }

.description-font-text {
    color: #ACACAC;
}

.snap-that input::-webkit-file-upload-button {
    background-color: #f4f1ef;
    padding: 8px 10px 8px 10px;
    border-radius: 24px;
    border: none;
    width: 124px;
    height: 36px;
    font-family: DMSans-Medium;
    font-size: 12.096pt;
    line-height: 14.515pt;
    margin-right: 5px;
    text-transform: uppercase;
    -webkit-appearance: none;
}

div .SnapThatImage {
    border-radius: 10px 10px 0px 0px !important;
}

input.first-btn.btn-snap-that {
    margin-left: 0;
}

.snap-that .form-control::-webkit-input-placeholder {
    color: #999;
    text-transform: capitalize;
}

.snap-that-list-div:nth-child(2n+3) div {
    padding: 0;
}

.snapthat-home .jumbotron-photo:after {
    z-index: -1;
}

.snapthat-home .jumbotron.orange a, .snapthat-home .home-page-body a, .snapthat-home .SnapThat-header a, div.powerup .sub-header1 a {
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #D64204;
}

.snapthatForm-style {
    background: url("/Content/Images/Dashboard_Bottom_Graphic_Orange_Dot.png");
    background-position: left 0 bottom 0;
    background-repeat: no-repeat;
    padding-bottom: 120px;
    background-size: 50% 18%;
}

    .snapthatForm-style .home-page-body.body-working-area {
        margin-bottom: 0;
    }

h1.thank_heading.real-story {
    font-size: 40pt;
    line-height: 48pt;
    font-family: 'DMSANS-REGULAR';
    font-weight: normal;
    color: #D64204;
}


/*THANK tank POP UP*/
.thank-tank.thank_tank_page .modal-body .row h2, .modal-title, .modal .powerup-modal-body .row h2 {
    font-family: DMSans-Medium;
    font-size: 26pt;
    line-height: 48pt;
    font-weight: normal;
    color: #000000;
}

.thank-tank.thank_tank_page .modal-body .row p, b, ul.li-font-14 li {
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: DMSans-Regular;
    color: black;
}

.thank-tank.thank_tank_page .modal-body .row a {
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #D64204;
    color: #616161 !important;
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: DMSans-Regular;
    color: black;
}

.thank-tank.thank_tank_page .modal-body ul {
    padding: 0;
}

    .thank-tank.thank_tank_page .modal-body ul li {
        display: table;
    }

.thank-tank.thank_tank_page .modal-body .multiselect.dropdown-toggle.btn.notification-day-width,
.snapthat-home .modal-body .multiselect.dropdown-toggle.btn.notification-day-width,
.week-1-page .modal-body .multiselect.dropdown-toggle.btn.notification-day-width-week,
.week-2-page .modal-body .multiselect.dropdown-toggle.btn.notification-day-width-week,
.powerup.powerup-page .modal-body .multiselect.dropdown-toggle.btn.notification-day-width {
    text-align: left;
}

.week-1-page .modal-body .multiselect.dropdown-toggle.btn.notification-day-width-week,
.week-2-page .modal-body .multiselect.dropdown-toggle.btn.notification-day-width-week {
    text-transform: none;
    letter-spacing: 0px;
}

.thank-tank.thank_tank_page .modal-body ul.multiselect-container.dropdown-menu li,
.powerup.powerup-page .modal-body ul.multiselect-container.dropdown-menu li,
.week-1-page .modal-body ul.multiselect-container.dropdown-menu li,
.week-2-page .modal-body ul.multiselect-container.dropdown-menu li {
    width: 100%;
}
/*.thank-tank.thank_tank_page .modal-body ul li::before {
            position: relative;
            content: "\2022";
            color: #FF8C2B;
            font-weight: bold;
            width: 20px;
            margin-left: 0;
            font-size: 38px;
            top: 3.5px;
            right: 4px;
            display: table-cell;
        }*/
.col-md-7.Week5-Meaning-and-Purpose-Result {
    font-size: 23.056pt;
    line-height: 27.668pt;
    text-align: center;
    color: #D64204;
    font-family: DMSans-Bold;
    font-weight: normal;
    margin-top: 45px
}



.Week5 .TextAreaHeight100 {
    border-radius: 10px;
    font-size: 17.041pt;
    line-height: 20.449pt;
    font-family: 'DMSANS-REGULAR';
    padding: 10px;
}

.Week5 h5 strong {
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: 'DMSans-Medium';
    color: black;
    font-weight: normal;
}

.Week5 a.inspiration {
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: DMSans-Regular;
    color: #D64204;
    cursor: pointer;
}


/*Reminder pop up header in Profile*/
.modal-header.grey * {
    background-color: #edf1f2;
    color: #D64204 !important;
    border-radius: 10px 10px 0px 0px;
    padding: 20px;
}

/*IPhone 5S --> Reminder pop up header in Profile content text */
@media only screen and (min-device-width : 315px) and (max-device-width: 325px) {
    .modal-header.grey * {
        font-size: 30pt;
        line-height: 40pt;
    }
}

.Week5 .week_container .background_color_white p, .Week5 .week_container .background_color_white p b, .Week5 .week_container .background_color_white p strong {
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: DMSans-Regular;
    font-weight: normal;
}

.SnapThatModalWidth .modal-header {
    border-bottom: 0px solid #e5e5e5;
}

.SnapThatModalWidth .modal-content {
    padding: 10px 10px;
}

#verifyDiv h4 {
    font-size: 16pt !important;
    padding: 0;
    margin-top: 5px !important;
    line-height: 18.2pt;
    font-family: DMSans-Regular;
}

#verifyDiv a {
    font-size: 16pt !important;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #D64204;
    color: #616161;
    padding-right: 0px;
    cursor: pointer;
    font-family: DMSans-Regular;
}

    #verifyDiv a:hover {
        color: #D64204;
    }

.modal label {
    font-family: 'DMSANS-MEDIUM';
    font-size: 12.096pt;
    line-height: 14.515pt;
    font-weight: normal;
}

.modal .row .checkbox label {
    padding-left: 15px;
}

div.modal .btn.btn-primary {
    height: 36px !important;
    padding: 8px 36px !important;
}

div.modal .checkbox label input[type="checkbox"]:checked ~ .cr > .cr-icon, div.modal .checkbox label input[type="radio"]:checked ~ .cr > .cr-icon {
    margin-left: 0em;
    color: #fff;
    margin-top: 0px;
    font-size: 0.6em;
    left: 1px;
}


div.edit_profile .radio label input[type="checkbox"]:checked ~ .cr > .cr-icon {
    margin-left: 0em;
    color: #fff;
    margin-top: 0px;
    font-size: 0.6em;
    left: 1px;
}


.edit_profile .radio .cr {
    top: 3px;
}


.modal .powerup-modal-body ol li, .modal .powerup-modal-body ul li {
    font-size: 18pt !important;
    line-height: 21.6pt;
    font-family: DMSans-Regular;
    color: black;
}

.modal .modal-body.powerup-modal-body .row, .Look-after-yourself .modal-body .row {
    padding: 0px 50px 0px 50px;
}

.modal div.powerup-modal-footer, div.Look-after-yourself .modal-footer {
    padding-left: 50px;
    padding-right: 50px;
}

.modal .powerup-modal-body .panel {
    box-shadow: none;
}

.thank-tank.thank_tank_page .modal .powerup-modal-body a:hover {
    text-decoration: none;
    color: #D64204 !important;
    box-shadow: inset 0 -1px 0 #D64204;
}

.modal .powerup-modal-body ul li::before {
    position: relative;
    content: "\2022";
    color: #FF8C2B;
    font-weight: bold;
    width: 20px;
    margin-left: 0;
    font-size: 38px;
    top: 3.5px;
    right: 4px;
    display: table-cell;
}

.modal .powerup-modal-body ul li {
    display: table;
}

.modal .powerup-modal-body ul {
    list-style-type: none;
    padding: 0;
    display: table;
}

.modal .powerup-modal-body ol {
    padding: 0;
    display: table;
    padding-inline-start: 20px;
}



.modal .powerup-modal-body, .modal .powerup-modal-body p {
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: DMSans-Regular;
    color: black;
}

    .modal .powerup-modal-body a {
        text-decoration: none;
        box-shadow: inset 0 -1px 0 #D64204;
        color: #616161 !important;
        font-size: 18pt;
        line-height: 21.6pt;
        font-family: DMSans-Regular;
    }

        .modal .powerup-modal-body a:hover {
            text-decoration: none;
            color: #D64204 !important;
            box-shadow: inset 0 -1px 0 #D64204;
        }


.save_modal h4.modal-title {
    font-size: 20pt;
    font-family: 'DMSans-Regular';
    font-weight: normal;
    color: #000000;
    line-height: 22pt;
}

.font_size_18pt {
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: DMSans-Medium;
    color: black;
}

.Wellbeing .Meaning-Quiz-weekday-div.week-warpper {
    margin-bottom: 70px;
}

.Wellbeing .week-warpper .Meaning-Quiz-weekda-h1 {
    margin-top: 40px;
    font-weight: normal;
}

@media only screen and (max-width : 768px) and (orientation: landscape) {
    .Wellbeing .hidden_in_mobile_landscape {
        display: none !important;
    }

    .Wellbeing .show_in_landscape {
        display: block;
    }
}

/*Samsung Galaxy Tab S7 Starts*/
@media (device-width: 1205px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .finish_button_div {
        margin-bottom: 50PX;
    }
}

.box.redError.red-banner.custom-color b {
    color: #D64204;
    font-weight: normal;
}


.Error p {
    font-family: 'DMSans-Medium';
    font-size: 20pt;
    color: #ff9f1a !important;
}

.wellbeing-paragraph {
    padding-top: 30px;
}

.verify-msg, .verify-msg a {
    font-family: 'DMSANS-REGULAR';
    font-size: 20px;
    line-height: 1.75;
}

/*.account-notification-border.MFCReminderEnableDisable {
    padding-left: 20px;
}*/

.week-2-page .form-horizontal .form-group {
    margin-left: 0px;
}

.week-2-page span.hide-native-select select {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px -1px -1px -3px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.Week2 .modal .btn.btn-primary {
    background-color: #D64204;
}


.week-4-page .intro_content div h4 {
    font-family: DMSans-Medium;
    font-weight: normal;
    font-size: 18pt;
    line-height: 21.6pt;
}


.week-4-page .intro_content div .tips-items li {
    margin-top: 5px;
}

    .week-4-page .intro_content div .tips-items li::before {
        content: "\2022";
        color: #FF8C2B;
        font-weight: bold;
        width: 20px;
        margin-left: 0;
        font-size: 38px;
        display: table-cell;
        vertical-align: top;
    }


.orange-icon-bullet ul li::before {
    content: "\2022";
    color: #FF8C2B;
    font-weight: bold;
    width: 20px;
    margin-left: 0;
    font-size: 38px;
    display: table-cell;
    top: 3.5px;
    position: relative;
}


.profile-page-remainder-lable {
    position: relative;
}

    .profile-page-remainder-lable span {
        padding-top: 2px;
        margin-left: 4px;
        font-size: 12pt;
        font-family: DMSans-Medium;
    }




a.btn.btn-primary.margin-top-15.profile-page-remainder-lable-remainder-save-button {
    padding: 8px 36px !important;
}

.ExploreRemainderMessageshowhide, .RemainderMessageshowhide {
    color: #D64204 !important;
    font-size: 12.096pt !important;
    line-height: 14.515pt !important;
    font-family: DMSans-Medium !important;
    font-weight: normal !important;
}



.Profile .modal-div-aligen-center,
.modal-div-aligen-center {
    max-width: 170px;
    margin: 0 auto;
}

.modal-div-aligen-center-div-200 {
    max-width: 200px;
    margin: 0 auto;
}

.Profile .set_thank_tank_reminder_button a,
.set_thank_tank_reminder_button a {
    left: 0px !important;
}


.account-notification-border.MFCReminderEnableDisable.div-left-0 {
    padding-left: 0px !important;
}

.for_web_view_margin_left_37.div-left-0 {
    left: 0px !important;
}

label.lable-padding-left-0 {
    padding-left: 0px !important;
}

.modal-body.for_web_view_margin_left_30.snap-that-remainder {
    padding-left: 0px;
}

div.MFC_week_reminder .modal-body.for_web_view_margin_left_30.dashboard-remainder {
    padding-left: 0px;
}

.modal .modal-div-aligen-center .for_web_view_margin_left_37.div-left-0.thank-tank-margin-0 {
    margin-left: 0px !important;
}

div.modal.fade.set_reminder.power-up-notification-setting-modal {
    padding: 0px !important;
    margin-left: 0 !important;
}


.modal.fade.set_reminder.power-up-notification-setting-modal {
    width: 100% !important;
    height: 100% !important;
}


.Week1 .modal-body.for_web_view_margin_left_30 .form-group {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.Week1 .thank-tank_pop_up .set_thank_tank_reminder_button .btn.btn-primary {
    width: 170px;
}


div.row.background_color_white .week2-page2-remainder-button-save .btn-primary.margin-top-15 {
    width: 170px;
}





div.powerup.home-page.powerup-page div.set_thank_tank_reminder_button a:hover, div.powerup.home-page.powerup-page div.set_thank_tank_reminder_button {
    color: white !important;
}

.body-header-content.container-fluid.body-section {
    padding-bottom: 70px;
}


div.week6_reminder_pop_up .jumbotron.orange.margin-top-0 {
    margin-top: 0px;
    background: #edf1f2 !important;
    color: #D64204 !important;
    border-radius: 10px 10px 0px 0px;
    padding: 20px;
    height: auto;
}

    div.week6_reminder_pop_up .jumbotron.orange.margin-top-0 h2.modal-title {
        color: #D64204 !important;
        font-family: DMSans-Medium;
        /*font-size: 40pt;*/
        font-size: 30pt;
        /* line-height: 48pt;*/
        line-height: 36pt;
        font-weight: normal;
    }

div.week6_reminder_pop_up .modal-body.for_web_view_margin_left_30.width {
    width: 200px;
    margin: 0 auto;
}


.modal-body.for_web_view_margin_left_30.width .radio label input[type="radio"]:disabled + .cr {
    opacity: 1 !important;
}


.modal-body.for_web_view_margin_left_30.width .radio span.cr-icon.glyphicon.glyphicon-ok-circle::before {
    content: "\e013";
    background-color: #ff4504;
    border-radius: 100%;
    border: 4.5px solid #ff4504;
    margin-left: -3px;
}


.modal-body.for_web_view_margin_left_30.width label input[type="radio"]:checked ~ .cr > .cr-icon {
    margin-left: 0em;
    color: #fff;
    margin-top: 0px !important;
    font-size: 0.6em;
    left: 1px;
}

/*.modal-body.for_web_view_margin_left_30.width .checkbox label input[type="checkbox"]:checked ~ .cr > .cr-icon {
    opacity: 1;
}*/



.modal-body.for_web_view_margin_left_30.width .font_16 {
    font-family: 'DMSANS-MEDIUM';
    font-size: 12.096pt;
    line-height: 14.515pt;
    font-weight: normal;
}

    .modal-body.for_web_view_margin_left_30.width .font_16.text-style {
        font-size: 16pt;
        line-height: 21.6pt;
        font-weight: 700;
    }


.Week6 .btn.btn-primary.background-color {
    background: #D64204;
}

.Week6 .modal-body .margin-left-fixed {
    padding-left: 0px;
}

.Week6 .btn.btn-primary.background-color.remainder-save-button-with-174 {
    width: 174px !important;
}

.Week6 .modal {
    overflow-y: auto !important;
}



.Week6 .image-logo-div .cr-icon.glyphicon.glyphicon-ok {
    transform: none !important;
    left: 0 !important;
    margin-left: 0px !important;
}




.Week6 .image-logo-div .cr {
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: 1.25em;
    width: 20px;
    height: 20px;
    margin-right: 0.5em;
    top: 5px;
    font-size: 16px;
    border: 1.5pt solid #ff4504;
}

    .Week6 .image-logo-div .cr.week6snapthat {
        position: relative !important;
        display: inline-block !important;
        top: 8px !important;
        left: 10px;
        vertical-align: top;
    }

.Week6 .image-logo-div label input[type="checkbox"]:checked + .cr .glyphicon.glyphicon-ok:before {
    content: "\e013" !important;
    background-color: #ff4504;
    border-radius: 100%;
    border: 3px solid #ff4504;
    font-size: 0.7em;
    margin-left: -1px;
    top: -2.7px;
    position: relative;
}




.image-logo-div .box-inner {
    width: auto !important;
    float: left !important;
}

.image-logo-div .SnapThatImageWeek6 {
    width: auto !important;
}

.image-logo-div .week6snapthat {
    position: absolute !important;
    top: 15px !important;
    z-index: 20;
    right: 0px !important;
}

.image-logo-div .sanp_that_background .box-inner {
    padding: 20px;
    display: inline-block !important;
}

.image-logo-div .h3-margin-top-10 {
}

.image-logo-div .SnapThatImageWeek6 {
    width: 166px !important;
}



.image-logo-div .text-center-aligen-center {
    text-align: center;
}

.image-right-fidex {
    float: right;
}


.youthEducator .image-div-youth {
    text-align: right !important;
}

.width-254 {
    width: 254px;
}


.comman-div .sub-header-main-div a, .comman-div .sub-header-main-div a:focus, .comman-div .sub-header-main-div1 a {
    box-shadow: inset 0 -1px 0 #D64204 !important;
    color: #616161;
    text-decoration: none;
}

    .comman-div .sub-header-main-div a:hover {
        text-decoration: none;
        color: #D64204 !important;
        box-shadow: inset 0 -1px 0 #D64204;
    }

.connections-page .sub-header-main-div p *, .connections-page .sub-header-main-div1 p * {
    font-size: 18pt;
    line-height: 21.6pt;
    font-family: DMSans-Regular;
    font-weight: normal;
}

.user-not-logged-in-rs {
    padding: 0px !important;
}


div.checkbox .OtherSource-checkbox,
div.checkbox .Registratio-OtherSource {
    display: inline-block !important
}



.form-horizontal .Registration-Select-high-school-other {
    padding-top: 0px;
}

.form-horizontal .form-control.Registratio-OtherSource {
    margin-left: 9px;
}

.margin-left-fixed-200 {
    margin-left: 317px;
}

.form-horizontal.registration-form .Registration-Select-high-school input.form-control {
    background-image: url(../Images/DownArrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: top 12px right 20px !important;
    -webkit-appearance: none !important;
    width: 174.825px !important;
    height: 38.014px !important;
    font-family: 'DMSans-Medium';
    font-weight: normal !important;
    font-size: 14pt !important;
    line-height: 16.8pt !important;
    padding-right: 40px !important;
}


.registration-otherName-checkbox.checkbox label, .Registration-Select-high-school-other label.high_school_not {
    padding-left: 0px !important;
}

.mobileview-padding-left-4 {
    padding-left: 4px;
    text-align: left;
    font-family: 'DMSANS-MEDIUM';
    font-size: 12.096pt;
    line-height: 14.515pt;
    font-weight: normal;
    color: #000;
    padding-bottom: 10px;
    text-transform: uppercase;
}


.Registration-Select-high-school-other label {
    text-transform: none !important;
}

div.description-font-text.description-font-text-visibility-show {
    display: unset !important;
}

input.password-mask {
    font-family: "text-security-disc" !important;
    -webkit-text-security: disc;
}

    input.password-mask::-webkit-input-placeholder {
        font-family: 'DMSANS-MEDIUM';
    }

    input.password-mask:-ms-input-placeholder {
        font-family: 'DMSANS-MEDIUM';
    }

    input.password-mask:-moz-placeholder {
        font-family: 'DMSANS-MEDIUM';
    }

    input.password-mask::-moz-placeholder {
        font-family: 'DMSANS-MEDIUM';
    }

.snap-that-second-div .snap-that-remindr-text.set-pointer, .snap-that input::-webkit-file-upload-button {
    cursor: pointer !important;
}

.thank-tank-bottom-mobile-view {
    margin-bottom: 40px;
}

div.error-message-style span {
    color: #D64204 !important;
    font-size: 12.096pt !important;
    line-height: 14.515pt !important;
    font-family: DMSans-Medium !important;
    font-weight: normal !important;
}


.YouthEducatorDownloddiv input {
    display: block;
    width: 100%;
    height: 36.865px;
    padding: 6px 12px;
    font-weight: normal;
    font-size: 14pt;
    font-family: 'DMSANS-MEDIUM';
    line-height: 16.8pt;
    color: #000 !important;
    background-color: #f4f1ef;
    background-image: none;
    border: none;
    border-radius: 7px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: none;
    margin-left: 0
}


.YouthEducatorDownloddiv label {
    text-align: left;
    font-family: 'DMSANS-MEDIUM';
    font-size: 12.096pt;
    line-height: 14.515pt;
    font-weight: normal;
    color: #000;
    padding-bottom: 10px;
    text-transform: uppercase;
}

#YouthEducatorDownlodPdfModal button.close span {
    top: 0px !important;
    left: 0px !important;
    margin-top: 0px !important;
    color: #D64204 !important;
    font-size: 40px !important;
    opacity:1 !important;
}

#YouthEducatorDownlodPdfModal button.close {
    margin-top: -64px;
    opacity: 1 !important;
    left: -12px;
}

#YouthEducatorDownlodPdfModal .modal-title {
    padding-left: 15px;
}

#YouthEducatorDownlodPdfModal .modal-footer button.btn.btn-primary:focus, #YouthEducatorDownlodPdfModal .modal-footer button.btn.btn-primary:focus {
    outline: none !important;
    border: none !important;
}

#YouthEducatorDownlodPdfModal .modal-footer button.btn.btn-primary {
    width: 174px;
    height: 36px;
    font-weight: normal;
}

.set-reminder-link {
    text-transform: lowercase;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    cursor:pointer;
}

.notification-bell.margin-top-3-fixed {
    margin-top: -3px;
}

.notification-popover.margin-top-4-fixed {
    margin-top: -4px;
}

/*a.notification-popover span.bell-badge.fixed-bell-badge {
    left: -38px;
    top: -6px !important;
}*/

a.notification-popover span.notification-bell.margin-top-3-fixed-notification {
    top: -8px !important;
}


/*.notification-popover span.bell-badge.web-view-fixed-bell-icons {
    top: -6px !important;
    left: -33px;
}*/

div.youtheducator img.what-Is-BiteBack-videos {
    max-width: 83.932px;
}

.errormessage.small-device-space {
    padding-bottom: 3px;
}

.social_connection .box-inner strong {
    color: black;
}

#userStrengthlist {
    position: unset !important;
}

/*.Week4 .icon-start-active:before, nav.navbar-fixed-bottom.Week4 .icon-start-active:before {
    background-image: url(../Images/MFC_SolidStar_Icon_DOrange_Transparent.png)
}*/


.Week6 .icon-start-active.icon-start-active-week-6:before {
    background-image: url(/Content/Images/week1/Star_Outline_Icon_Black_RGB.png) !important;
}




@-moz-document url-prefix() {
    .new_week_text {
        min-height: 80px;
        color: #FFFFFF;
        font-family: 'DMSANS-MEDIUM';
        font-size: 40px;
        font-weight: 900;
        letter-spacing: 0;
        line-height: 40px;
        text-align: center;
    }
}

@-moz-document url-prefix() {
    div.mentalFitness div.svg-wrapper.fixed-desktop-view {
        width: 142px;
    }
}


.quiz .dots li:nth-child(1) {
    position: relative;
    left: -4px;
}

.quiz .dots li:nth-child(5) {
    position: relative;
    right: -5px;
}


.email-error-messageshow-hide {
    position: absolute;
}

.email-error-messageshow-hide {
    color: #D64204 !important;
    font-size: 12.096pt;
    line-height: 14.515pt;
    font-family: DMSans-Medium;
    font-weight: normal !important;
}

.snap-that .images-description-message {
    /* text-align: right;*/
    padding-top: 10px;
}


    .snap-that .images-description-message .images-description-message-show {
        visibility: hidden;
        width: auto;
        background-color: black;
        color: #fff;
        text-align: center;
        font-family: DMSans-Medium !important;
        right: 0;
        border-radius: 4px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 100%;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .snap-that .images-description-message .images-description-message-show::after {
            content: "";
            position: absolute;
            top: 100%;
            right: 8px;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .snap-that .images-description-message:not(.remove-hover).show .images-description-message-show {
        visibility: visible;
        opacity: 1;
    }

.snap-that .panel-info.snap-that-list-div-image {
    overflow: unset;
}

.snap-that .images-description-message {
    width: 100%;
    position: absolute;
    left: 0px;
}

.snap-that .images-description-message-dive-one {
    width: 35%;
}

.snap-that .msg-icon {
    right: 10px;
    position: absolute;
    top: 10px;
}


.learn .tough_stuff h3 {
    font-size: 24pt;
    line-height: 28.8pt;
}


div p.position-abs-bottom.down-select {
    color: black;
}

.youtheducator #biteback_youtubeimag1 .youtube-video__play-button {
    width: 100%;
}



@media only screen and (min-width : 1920px) {

    @-moz-document url-prefix() {

        div.modal .checkbox label input[type="checkbox"]:checked ~ .cr > .cr-icon {
            left: 2px !important;
        }


        div.modal .checkbox label input[type="radio"]:checked ~ .cr > .cr-icon {
            left: 2px !important;
        }

        div.modal .radio .cr .cr-icon {
            top: 44%;
            left: 3px;
        }


        .radio .cr .cr-icon {
            top: 40%;
        }
    }
}



.connections-page.learn .connection-tabe-text-style a {
    box-shadow: inset 0 -1px 0 #d64204 !important;
    color: #616161;
    text-decoration: none;
}

    .connections-page.learn .connection-tabe-text-style a:hover {
        text-decoration: none;
        color: #D64204;
        box-shadow: inset 0 -1px 0 #d64204;
    }


.Look-after-yourself .modal-body .row .panel p {
    font-size: 18pt !important;
    line-height: 21.6pt;
    font-family: DMSans-Regular;
    color: black;
}

.Look-after-yourself .modal-body .row .panel h2 {
    font-family: DMSans-Medium;
    font-size: 26pt;
    line-height: 48pt;
    font-weight: normal;
    color: #000000;
}

.Look-after-yourself div.panel {
    padding: 0px 0px 0px 0px;
    box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important;
}

.Look-after-yourself button.close, .powerup-modal-header button.close {
    top: 23px;
    left: 3px;
    margin-top: 0px !important;
    font-size: 40px;
}

body button.close.corss-icons {
    opacity: 1 !important;
    color: #D64204 !important;
}


button.close.week5-corss-icons {
    top: 1px;
    left: 0px;
    margin-top: 0px !important;
    font-size: 40px;
}


.DowntimemessageModaldiv .text-message {
    font-family: DMSans-Medium !important;
    font-size: 10.096pt;
    line-height: 14.515pt;
    color: #D64204;
    font-weight: normal !important;
}

.DowntimemessageModaldiv p.text-message {
    margin-bottom: 0px !important;
}

.DowntimemessageModaldiv .text-message a {
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #d64204;
    color: #616161 !important;
    font-size: 10.096pt;
    font-weight: normal !important;
    line-height: 14.515pt;
    font-family: DMSans-Medium !important;
}


    .DowntimemessageModaldiv .text-message a:hover {
        text-decoration: none;
        color: #D64204 !important;
        box-shadow: inset 0 -1px 0 #d64204;
    }



.DowntimemessageModaldiv button.close {
    top: 15px;
    left: 0px;
    margin-top: 0px !important;
    font-size: 40px !important;
}

.DowntimemessageModaldiv button.close {
    opacity: 1 !important;
    color: #D64204 !important;
}


.DowntimemessageModaldiv .modal-header {
    border-bottom: none !important;
}

.DowntimemessageModaldiv .modal-body {
    margin-top: 30px;
    margin-bottom: 30px;
}


.DowntimemessageModaldiv .btn.btn-primary:focus {
    outline: none !important;
}

.DowntimemessageModaldiv .btn.btn-primary {
    font-weight: normal !important;
    width: 174px;
    height: 36px;
    font-family: DMSans-Medium !important;
    font-size: 12.096pt !important;
    line-height: 14.515pt !important;
}

div.Week1 .week_container .row.background_color_white h3 {
    font-size: 30pt;
    line-height: 36pt;
}


.sticky-button {
    display: flex;
    position: fixed;
    bottom: 0;
    right: 36px;
    max-width: 345px;
    height: 171px;
    background-color: #fff;
    padding: 30px 45px;
    text-align: center;
    box-shadow: 0 -3px 30px 0 rgba(0,0,0,.08);
    transition: transform 0.4s ease, opacity 0.4s ease;
    transform: translateY(120%);
    z-index: 999;
    flex-direction: column;
    opacity: 1;
    pointer-events: none;
}

    .sticky-button.visible {
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto;
    }


.sticky-button--show {
    bottom: 29px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 2.2px;
    transition: all .35s ease;
    width: 100%;
}

.sticky-button__cta {
    background-color: #d64204;
    border: 2px solid #d64204;
    border-radius: 50px;
    height: 108px;
    text-align: center;
    align-items: center;
    align-content: center;
}

.button__inner {
    color: white;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 3.4px;
    font-family: 'DMSans-Regular';
    font-style: normal;
    vertical-align: middle;
}

.button--small{
    justify-content:center;
    display:flex;
}

.right-arrow {
    text-align: center;
    color:white;
    align-content: center;
}

.sticky-button__cta .right-arrow {
    display: none;
    margin-left: 2px;
    transition: opacity 0.3s ease;
    opacity: 0;
}

.sticky-button__cta .button__inner {
    transition: transform 0.3s ease;
}

.sticky-button__cta:hover .right-arrow {
    display: inline-block;
    opacity: 1;
}

.sticky-button__cta:hover .button__inner {
    transform: translateX(-10px);
}

.sticky-button__cta:hover {
    background-color: #bd3601;
    border-color: #bd3601;
}
@media (max-width: 600px) {

    .sticky-button {
        width: 100%;
        max-width: 100%;
        bottom: 1px !important;
        padding: 18px;
        right: 0px;
        height: auto;
        margin-bottom: 0px;
    }

    .button__inner {
        color: white;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 3.4px;
        height: 37px;
        font-family: 'DMSans-Regular';
        font-style: normal;
        vertical-align: middle;
        text-align: center;
        align-items: center;
        align-content: center;
    }


    .br{
        display:none;
    }

    .sticky-button__cta {
        background-color: #d64204;
        border: 2px solid #d64204;
        border-radius: 50px;
        height: auto;
    }

    .sticky-button--show {
        bottom: 60px;
    }
}