/* Hero Pages */

.pHero-body {
	background: #374b5b;
    background-color: #374b5b;
	font-family: 'Roboto', sans-serif;, "Source Sans Pro", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 14px;
    text-align: justify;	
	color: #6b6b6b;
	overflow-x: hidden;
}
/* ALL PRODUCT HERO PAGES */
#HeroPage {
    margin: -10px 0 0 0;
    padding: 0;
}
.pHeroDetails {
    background-color: #fff;
    width: 100%
}
.pHero-inner { width:1180px; margin: 0 auto; padding: 52px 0;}
.pHero-innerH { width:1180px; margin: 0 auto; padding: 60px 0;}
.pHero-innerD { width:1180px; margin: 0 auto; padding-top: 25px; padding-bottom: 25px;}
.back2top { margin: 8px 8px 0 0; float: right; }
.back2top a { color: #ddd; font-size: 13px; }
.back2top a:hover { color: #ddd; font-size: 13px; border-bottom: 1px solid #fff; }

.pHero-prodImg {
    float: left;
    width: 45%;
}
.pHero-herbs {
    float: left;
    width: 25%;
}
#pHero-ProductThumb {
    background: #fff;  
}
#pHero-ProductThumb .ProductThumbImage {
    background: #fff;
    width: 70%;
    border: none;
    border-radius: 0px;
    box-shadow: none;
}
.pHero-ProductMain { width: 50%; overflow: hidden; padding: 40px 30px 20px 10px;}
.pHero-ProductDetails {width: 100%;}
.pHero-ProductDetailsGrid {margin-left: 5px;}
#HeroPage h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 36px;
    margin: 0 0 5px 0;
    color: #568bc9;
    line-height: 40px;
    border-bottom: 1px solid #ececec;
    text-align: left;
}
#HeroPage h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 48px;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    color: #fff;
    line-height: 40px;
    border-bottom: 0px solid #fff;
    text-align: left;
}
#HeroPage h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 32px;
    text-transform: uppercase;
    margin: 0;
    color: #fff;
    line-height: 40px;
    border-bottom: 0px solid #fff;
    text-align: left;
}
#HeroPage h5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 24px;
    font-style: italic;
    margin: 0 0 5px 0;
    color: #e76020;
    line-height: 20px;
    text-align: center;
}

.pHero-ProductDetailsGrid .p-price .ProductPrice {
    color: #f57f27;
    font-size: 32px;
    font-weight: 500;
}
.pHero-Tag { font-size: 22px; color: #444; text-align: justify; margin-bottom: 25px; }

/* BRAIN & MOOD BOOST PAGE */

.BMB-headimg {
    background-image: url(https://www.phmlife.com/template/images/Hero/BMBHeadImage_text-01a.png);
    height: 500px;
        -webkit-font-smoothing: antialiased;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    z-index: -5;
}
.BMB-headimg p {
    font-family: 'Roboto',Sans-serif;
    font-style: italic;
    font-weight: 300;
    line-height: 40px;
    color: #fff;
    font-size: 36px;
    text-align: left;
    /* width: 80%; */
    padding-top: 138px;/*40px*/
    padding-left: 47%;
    margin: 0px auto;
    position: relative;   
}
.BMB-headimg a {
    font-family: 'Roboto',Sans-serif;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    padding: 2px 7px;
    border: 1px solid #fff; 
}
.BMB-headshop {
    margin-top: 38px;
    margin-left: 56%;
    position: relative;   
}
.BMB-headimg a:hover {
    font-family: 'Roboto',Sans-serif;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    font-size: 20px;
    border: 1px solid #e76020;
}
.BMB-block3 {
    background-color: #374b5b;
    margin-bottom: -5px;
}
.BMB-block3 p {
    font-family: 'Roboto',Sans-serif;
    font-style: italic;
    font-weight: 100;
    color: #fff;
    font-size: 29px;
    text-align: center;
    width: 80%;
    margin: 0px auto;
    
}
.BMB-block4 {
    background-color: #e76020;
    margin-bottom: -5px;
}
.BMB-block4 p {
    font-family: 'Roboto',Sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
    width: 100%;
    margin: 10px auto;    
}
.brain { margin: -125px 65px 0 -125px; float:left; display: block;}

.BMB-block5 {
    background-color: #374b5b;
    margin-bottom: -5px;
}
.BMB-block5 p {
    font-family: 'Roboto Condensed',Sans-serif;
    font-weight: 400;
    color: #798c9b;
    font-size: 80px;
    text-align: center;
    width: 95%;
    margin: 0px auto;
    margin-bottom: 80px;
    padding: 25px 0;
    border-top: 2px solid #798c9b;
    border-bottom: 2px solid #798c9b;    
}
.BMB-block6 {
    background-color: #fff;
    margin-bottom: -5px;
}
.BMB-block6herbs {
    margin: -170px 0 0 30px;
}
.BMB-block6col {
    width: 22%;
    float: left;
    margin: 0 10px 10px 0; 
}
.BMB-block6 p {
    font-family: 'Roboto Condensed',Sans-serif;
    font-weight: 400;
    color: #333;
    font-size: 16px;
    text-align: center;
    width: 95%;
    margin: 0px auto;
    margin-bottom: 10px;
    padding: 15px 0;  
}
.BMB-block6pSpec {width: 90%; font-size: 36px; color:#798c9b; font-weight: 300; margin: 0 auto;}

.BMB-block7 {
    background-image: url(https://www.phmlife.com/template/images/Hero/BMB_BlueBrainTexture-01.png);
    background-position: center;
    background-color: #778094;
    height: 468px;
    margin-bottom: -5px;
}
.BMB-block7b {
    width: 90%;
    margin: 20px auto;
}

.BMB-block7b p {
    font-family: 'Roboto',Sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}
.BMB-blockSrc {
    background-color: #efefef;
    margin-bottom: -5px;
    border-top: 1px solid #778094;
}
.BMB-blockSrc p {
    font-family: 'Roboto Condensed',Sans-serif;
    font-weight: 400;
    color: #778094;
    font-size: 12px;
    text-align: justify;
    width: 80%;
    margin: 0px auto;
    
}
/* END BRAIN & MOOD BOOST PAGE */



.Coach-headimg {
    background-image: url(https://www.phmlife.com/template/images/Hero/Coach_HeadImage-003.jpg);
    height: 450px;
        -webkit-font-smoothing: antialiased;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    z-index: -5;
}
.Coach-headwrap { width: 85%; margin: 30px auto; }
.Coach-headL {
    width: 45%;
    float: left;
    border-right: 1px solid #eee;
}
.Coach-headR {
    width: 68%;
    float: right;
    padding-top: 5px;
}
.Coach-headR p {
    font-family: 'Roboto',Sans-serif;
    font-weight: 100;
    color: #5cb1c2;
    font-size: 78px;    
    line-height: 26px;
    text-align: center;
    margin: 25px auto;   
}
.Coach-headquote {
    width: 68%;
    float: right;
    margin-top: 5px;   
}
.Coach-headquote p {
ont-family: 'Roboto',Sans-serif;
    font-weight: 100;
    color: #c17287 /* #232d19 */;
    font-size: 18px;    
    line-height: 22px;
    font-style: italic;
    text-align: center;
    width: 70%; 
    /* padding-top: 138px;
    padding-left: 47%;*/
    margin: 25px auto;   
}
.Coach-headquote a {
    font-family: 'Roboto',Sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-style: normal;
    text-transform: uppercase;
    /* padding: 2px 7px;
    border: 1px solid #fff; */ 
    margin: 15px 20px 0 0;
}
.Coach-headimg a:hover {
    font-family: 'Roboto',Sans-serif;
    font-weight: 300;
    color: #fff;
    border-bottom: 1px solid #e76020;
}
.Coach-banner {
    background-image: url(https://www.colorearth.com/template/images/banners/Roar-Free14-Banner_7.jpg);
    height: 150px;
        -webkit-font-smoothing: antialiased;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    z-index: -5;
}
.Coach-block2 {
    background-color: #327886 /* #3D502B */;
    margin-bottom: -5px;
    padding: 20px 0;
}
.Coach-block2 p {
    font-family: 'Roboto',Sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #eee /* #DEE8D4 */;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    width: 70%;
    margin: 20px auto;
}
.Coach-block2 a {
    font-family: 'Roboto',Sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #f6f28e /* #799F56 */;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    font-style: italic;
    width: 70%;
    margin: 20px auto;
}
.Coach-block2 li {
    font-family: 'Roboto',Sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #eee /* #DEE8D4 */;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    margin-left: 15%;
}
.Coach-Content { background-color: #eee; padding: 1px 0 1px 0; }

.Coach-block3 {
    background-color: #327886 /*#e76020*/;
    margin-bottom: -5px;
}
.Coach-block3 p {
    font-family: 'Roboto',Sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
    width: 90%;
    margin: 10px auto;    
}
.Coach-block4 {
    background-color: #fff /* #3D502B */;
    margin-bottom: -5px;
    padding: 20px 0;
}
.RrD-block4b {
    width: 95%;
    margin: 20px auto;
}
.Coach-block4L { float: left; width:45%; }
.Coach-block4R { float: left; width:52%; margin-top: 48px; }
.Coach-block4 p {
    font-family: 'Roboto',Sans-serif;
    font-weight: 300;
    color: #327886;
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
    width: 80%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}
.Coach-block4 li {
    font-family: 'Roboto',Sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #327886
            /* #DEE8D4 */;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    margin-top: 22px;
    margin-left: 15%;
}


/* RESPONSIVE HERO MODIFICATIONS */

@media screen and (max-width: 1170px) {
    .pHero-inner { width:98%; }
    .pHero-innerH { width: 100%; margin: 0 auto; padding: 60px 0;
}
    .pHero-innerD { width:98%; margin: 0 auto; padding-top: 25px; padding-bottom: 25px;}      
}
@media screen and (max-width: 1000px) {
.BMB-headimg {
        background-image: url(https://www.phmlife.com/template/images/Hero/BMBHeadImage_text-1000.png);
        height: auto;
            -webkit-font-smoothing: antialiased;
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        overflow: hidden;
        z-index: -5;
    }
}

@media screen and (max-width: 833px) {
    .pHero-prodImg {
        float: left;
        width: 98%;
    }
    .pHero-ProductMain { width: 98%; overflow: hidden; padding: 30px 1px 20px 1px; }
    
}

@media screen and (max-width: 768px) {
    #HeroPage h1 {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 30px;
        margin: 0 0 5px 0;
        color: #568bc9;
        line-height: 40px;
    }
    .pHero-Tag { font-size: 18px; color: #444; text-align: justify; margin-bottom: 20px; }
    .brain { width: 300px; margin: -125px 65px 0 -125px; float:left; display: block;} 
    .BMB-block7b { width: 98%; margin: 2px auto; }
    #HeroPage h3 { font-size: 24px; }
    .BMB-headimg {
        background-image: url(https://www.phmlife.com/template/images/Hero/BMBHeadImage_text-768.png);
        height: auto;
            -webkit-font-smoothing: antialiased;
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        overflow: hidden;
        z-index: -5;
    }
    .BMB-headimg p {
        font-family: 'Roboto',Sans-serif;
        font-style: italic;
        font-weight: 300;
        line-height: 40px;
        color: #fff;
        font-size: 30px;
        text-align: left;
        /* width: 80%; */
        padding-top: 71px;
        padding-left: 58%;
        margin: 0px auto;
        position: relative;
    }
    .BMB-headshop {
        margin-top: 38px;
        margin-bottom: 50px;
        margin-left: 58%;
        position: relative;
    }
    
}

@media screen and (max-width: 480px) {
    .BMB-headimg {
        background-image: url(https://www.phmlife.com/template/images/Hero/BMBHeadImage_text-480.png);
        height: 285px;
            -webkit-font-smoothing: antialiased;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
        z-index: -5;
    }
    .BMB-headimg p {
        font-family: 'Roboto',Sans-serif;
        font-style: italic;
        font-weight: 300;
        line-height: 25px;
        color: #fff;
        font-size: 24px;
        text-align: left;
        /* width: 80%; */
        padding-top: 35px;
        padding-left: 58%;
        margin: 0px auto;
        position: relative;
    }
    .BMB-headshop {display: none;}
    .BMB-block6col {
        width: 44%;
        float: left;
        margin: 0 2px 15px 0;
    }  
    .BMB-block6 p { font-size: 14px; }
    .BMB-block6pSpec {width: 95%; font-size: 24px; color:#798c9b; font-weight: 300; margin: 0 auto;}
    #HeroPage h3 { font-size: 24px; }
    .BMB-block7b p {
    font-size: 14px;
    line-height: 20px;
    }
    
}

@media screen and (max-width: 479px) and (min-width: 240px){
    .BMB-block5 p { font-size: 40px;}    
    .BMB-block6herbs { margin: -100px 0 0 30px; } 
    #HeroPage h5 { font-size: 18px; }
    .BMB-block6 p { font-size: 12px; }
}

@media screen and (max-width: 330px) {
    #HeroPage h3 { font-size: 18px; line-height: 24px; }
    
}

.AimNavliSAMPLE {
	list-style: none;
    float: left;
	width: 240px;
	margin: 0 10px 0 10px;
	padding: 7px 0 7px 0;
	text-align: center;
	color: #fff;
	background-color: rgba(245, 127, 39, 0.6); /* rgba(56, 113, 178, 0.5) */
	border: 1px solid #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
}