/* Assessment Landing Page */
.assessment_hero {
    position: relative;
}
.assessment_hero:before {
    background: #e8ecf2 none repeat scroll 0 0;
    content: "";
    height: 80%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.playbutton {
position: absolute;
z-index: 3;
background: transparent;
right: 0;
bottom: 0px;
border: none;
padding: 20px 30px;
}
.assessment_hero_content {
    position: relative;
}
.hero_overlay_text {
    margin-top: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.hero_overlay_text h1 {
    color: #fff;
    font-size: 44px;
    margin: 0 0 8px;
}
.hero_overlay_text p {
    color: #fff;
    font-size: 18px;
    margin: 0 0 40px;
    font-weight: 700;
}
.hero_overlay_text .primary_btn {
    padding: 15px 50px;
    min-width: 230px;
}
.your_unique_text {
    padding: 80px 0;
}
.unique_text h2 {
    color: #0871B9;
    font-size: 24px;
    margin: 0 0 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600
}
.unique_text p {
    color: #123456;
    font-size: 18px;
    margin: 0;
}
.startwith_wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #123456 none repeat scroll 0 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.startwith_wrapper.step_two {
    background: #F4F4F7;
    color: #123456;
}
.startwith_wrapper.step_three:before {
    background: #123456 none repeat scroll 0 0;
    border-bottom-right-radius: 8px;
    bottom: -36px;
    content: "";
    height: 36px;
    left: 0;
    position: absolute;
    width: 85%;
}
.startwith_content_left, .herefor_content, .backed_science_content {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.startwith_content_right {
    position: relative;
    width: 50%;
    z-index: 2;
    height: 100%;
    min-height: 600px;
    background-size: cover;
    background-position: center center;
    background-color: #E8ECF2;
}
.startwith_text {
    max-width: 550px;
    padding: 50px 30px;
    width: 100%;
}
  .unique_text{
    max-width: 750px;
    margin: 0 auto;
}
.startwith_text h2 {
    font-size: 42px;
    margin: 0 0 30px;
    padding: 0 0 25px;
    position: relative;
}
.single_sectext h3 {
    color:  #7C8EA2;
    font-size: 72px;
    margin: 0 0 15px;
}
.single_sectext h4 {
    font-size: 24px;
}
.startwith_text p {
    font-size: 16px;
    margin: 0 0 40px;
}
.startwith_text p a {
    color: #fff;
    text-decoration: underline;
}
.startwith_text h2:before {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 0;
    content: "";
    height: 4px;
    position: absolute;
    width: 60px;
}
.startwith_text p span {font-weight: 600}
.backed_science_wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #123456 none repeat scroll 0 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.backed_science_video {
    background-color: #f2f2f2;
    width: 50%;
    position: relative;
    /*height: 500px;*/
    overflow: hidden;
    min-height: 600px;
}

.contact_nutritionist {
    margin: 0 0 50px;
}
.herefor_wrapper {
    padding: 110px 0;
}
.herefor_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.herefor_image {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.herefor_text {
    max-width: 620px;
    padding: 0px 30px;
    width: 100%;
}
.herefor_text h2 {
    color: #123456;
    font-size: 32px;
    margin: 0 0 30px;
    padding: 0 0 25px;
    position: relative;
}
.herefor_text h2:before {
    background: #0070ba none repeat scroll 0 0;
    border-radius: 2px;
    bottom: 0;
    content: "";
    height: 7px;
    left: 0;
    position: absolute;
    width: 60px;
}
.herefor_text p {
    color: #123456;
    font-size: 16px;
    margin: 0 0 20px;
}
.herefor_text p span {
    font-weight: 600
}
.herefor_text a.primary_btn {
    margin: 15px 0 0;
}
.video_clip_wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    width: 100%;
    z-index: 1;
}
.video_clip {
    height: 100%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: auto !important;
}


/*==============================================
Responsive CSS
================================================*/
/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
    .startwith_text {padding: 45px 30px} .herefor_text h2, .faq_sub_section h2 {font-size: 28px;}
    .startwith_text h2 {font-size: 36px;margin: 0 0 20px;padding: 0 0 15px}
    .herefor_text p {font-size: 16px}
    .herefor_text p .rwd-line, .startwith_text p .rwd-line {display: none}
    .single_sectext h4 {font-size: 18px;}
    .single_sectext h3 {font-size: 60px;}
    .startwith_content_right, .backed_science_video {min-height: 450px;}
    .herefor_wrapper {padding: 80px 0;}
    
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero_overlay_text {background: #e8ecf2 none repeat scroll 0 0;margin: 0;padding: 40px 15px;position: relative;text-align: center;top: 0;width: 100%;}
    .hero_overlay_text h1 {color: #123456;font-size: 22px;margin: 0 0 30px;}
    .hero_overlay_text .primary_btn {padding: 15px 40px;}
    .mobile_padding_zero {padding: 0px}
    .unique_text p .hidden-xs {display: none;}    
    .your_unique_text {padding: 50px 0;}
    .startwith_wrapper, .backed_science_wrapper {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin: 0;}
    .startwith_content_left, .backed_science_content {width: 100%;}
    .startwith_text {float: none;max-width: 100%;padding: 50px 15px;width: 100%;text-align: center;}
    .startwith_text h2:before, .herefor_text h2:before {left: 50%;margin-left: -30px;}
    .startwith_content_right {min-height: auto;padding: 0;width: 100%;} 
    .startwith_content_right:before {display: none}    
    .herefor_container, .faqs_container {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 0;}     
    .startwith_content_right {min-height: auto;padding: 0;width: 100%;}     
    .backed_science_video {height: auto;width: 100%;min-height: auto}    
    .herefor_text {float: none;margin: 50px auto 25px;max-width: 100%;text-align: center;padding: 0}   
    .startwith_images li:last-child, .startwith_images li.margin_right_zero, .herefor_content, .herefor_image, .faqs_content_title, .faqs_content_details {width: 100%;}
    .prescription_image img, .startwith_images {width: 100%;}
    .herefor_text h2, .faq_sub_section h2 {font-size: 30px;}
    .contact_nutritionist {margin: 0;}
    .startwith_text h2 {font-size: 36px;}
    .nutritionist_image img {margin-left: 0;}
    .herefor_text p .rwd-line, .startwith_text p .rwd-line, .unique_text p .rwd-line {display: none}
    .hero_overlay_text p {font-size: 16px;margin: 0 0 30px;color: #123456;font-weight: 700;}
    .hero_overlay_text h1 {font-size: 22px;margin: 0 0 10px;}
    .single_sectext h3 {font-size: 60px;}
    .single_sectext h4 {font-size: 18px;}
    .video_clip {height: 100%;left: auto;min-height: auto;min-width: auto;overflow: hidden;position: relative;top: auto;-webkit-transform: none;transform: none;width: 100%!important;display: block;}
    .video_clip_wrapper {position: relative;height: auto;}
    .startwith_wrapper.step_three {padding: 0 0 40px;}
    .startwith_wrapper.step_three:before {display: none}
    .herefor_wrapper {padding: 0;}
    .herefor_image {padding: 0px;}
    .start_feeling .herefor_image {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 0 15px 20px;}
    .start_feeling .herefor_text {text-align: center;}
    .start_feeling .herefor_text h2:before {left: 50%;margin-left: -30px;}
    .stay_safe .startwith_text {padding: 40px 15px;}
    .health_advice .herefor_text {margin: 40px auto;max-width: 100%;padding: 0 15px}
    .startwith_wrapper.step_two {background: #fff}
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
    .assessment_hero {padding: 0;}
    .hero_overlay_text {background: #e8ecf2 none repeat scroll 0 0;margin: 0;padding: 40px 15px 30px;position: relative;text-align: center;top: 0;width: 100%;}
    .hero_overlay_text h1 {color: #123456;font-size: 22px;margin: 0 0 30px;}
    .hero_overlay_text .primary_btn {bottom: -30px;left: 50%;margin-left: -85px;padding: 15px 40px;position: absolute;min-width: 170px}
    .mobile_padding_zero {padding: 0px}
    .unique_text h3, .unique_text p, .herefor_text p {font-size: 16px;}
    .your_unique_text {padding: 70px 0 50px;}
    .startwith_wrapper, .backed_science_wrapper {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin: 0;}
    .startwith_content_left, .prescription_image, .backed_science_content, .herefor_content, .herefor_image, .faqs_content_title, .faqs_content_details {width: 100%;}
    .startwith_text {float: none;max-width: 100%;padding: 40px 15px 0;width: 100%;text-align: center;}
    .startwith_text h2 {font-size: 28px;}
    .startwith_text h2:before {left: 50%;margin-left: -30px;}
    .herefor_text h2:before {left: 0;margin-left: 0px;}
    .startwith_content_right {min-height: auto;padding: 0;width: 100%;} 
    .startwith_content_right:before {display: none} 
    .herefor_container {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 0;}   
    .herefor_text h2, .faq_sub_section h2 {font-size: 20px}    
    .startwith_content_right {min-height: auto;padding: 0;width: 100%;}   
    .backed_science_video {height: auto;width: 100%;min-height: auto}    
    .herefor_text {float: none;margin: 40px auto 10px;max-width: 100%;padding: 0 15px;text-align: left;}    
    .contact_nutritionist {margin: 0;}
    .nutritionist_image img {margin-left: 0;}
    .hero_overlay_text p {font-size: 16px;margin: 0 0 30px;color: #123456}
    .hero_overlay_text h1 {font-size: 22px;margin: 0 0 10px;}
    .single_sectext h3 {font-size: 60px;}
    .single_sectext h4 {font-size: 18px;}
    .video_clip {height: 100%;left: auto;min-height: auto;min-width: auto;overflow: hidden;position: relative;top: auto;-webkit-transform: none;transform: none;width: 100%!important;display: block;}
    .video_clip_wrapper {position: relative;height: auto;}
    .startwith_wrapper.step_three {padding: 0 0 40px;}
    .startwith_wrapper.step_three:before {display: none}
    .herefor_wrapper {padding: 0;}
    .herefor_image {padding: 0px;}
    .start_feeling .herefor_image {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 0 15px 20px;}
    .start_feeling .herefor_text {text-align: center;}
    .start_feeling .herefor_text h2:before {left: 50%;margin-left: -30px;}
    .stay_safe .startwith_text {padding: 40px 15px 0;position: relative;margin-bottom: -30px;z-index: 3;}
    .health_advice .herefor_text {margin: 40px auto;max-width: 100%;}
    .startwith_wrapper.step_two {background: #fff}
    
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
    .herefor_text h2 {font-size: 24px;}
}