/*Top-strip*/
.black-stip { width:100%; float:left; background:#000; padding:10px 0; }
.black-stip strong { color:#fff; float:left; font-size:15px; font-weight:300; }
/*Header-Banner*/
.header-banner { background:url(../images/top-bg.png) no-repeat; min-height:626px; float:left; width:100%; background-size:cover; }
.header-banner .header-text { width:100%; float:left; text-align:center; }
.header-text strong { color:#dff660; font-size:25px; float:left; width:100%; margin:30px 0; }
.header-text h1 { font-size:43px; float:left; width:100%; color:#fff; text-transform:uppercase; font-weight:900; margin:0; padding:0; }
.header-text .sub-heading { color: #fff; float: left; font-size: 40px; position: relative; width: 100%; }
.sketch-line { float:left; width:100%; text-align:center; }
.sketch-line img { display:inline-block; margin-left:22%; }
.header-text .trial-button { width:100%; float:left; text-align:center; margin-top:50px; }
.header-text .trial-button a { background:#5ec03c; padding:10px 30px 13px 30px; border:3px solid #fff; border-radius:50px; color:#fff; font-size:30px; font-weight:bold; }
.trial-button a:hover, .trial-button a:focus { text-decoration:none; background:#fff; color:#5ec03c; }
/*Video*/
.video { width:100%; float:left; }
.video-wrap { width:900px; margin:0 auto; position:relative; }
.right-arrow { position:absolute; right:0; bottom:90px; }
.video-frame { width:100%; float:left; border-radius:10px; margin-top:-250px; }
.video-frame iframe { border-radius:10px; height:500px; }
.form-part { width:500px; margin:0 auto; padding-bottom: 0px; }
.form-part h2 { font-size:43px; color:#3a3a3a; float:left; width:100%; text-align:center; text-transform:uppercase; font-weight:900; margin:30px 0 0; padding:0; }
.form-part p { float:left; width:100%; text-align:center; color:#b2b2b2; font-size:20px; margin:5px 0 30px }
.form-part .form-control { border: 1px solid #ededed; border-radius: 4px; box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.075); color: #999; height: 43px; }
.form-part input[type="submit"] { background:#79c656; color:#fff; font-size:28px; width:100%; position:relative; }
.form-part button i { position:absolute; right:20px; top:15px; }
.form-part button:hover { color:#fff; }
/*Main Heading*/
.main-heading { width:100%; float:left; text-align:center; }
.main-heading h2 { color:#fff; font-size:50px; float:left; width:100%; text-align:center; font-weight:300; text-transform:uppercase; margin-bottom:40px; }
.main-heading h2 strong { font-size:60px; font-weight:900; }
/*Trial Pack*/
.pack-main { position:relative; width:100%; float:left; }
.left-arrow { position:absolute; left:150px; top:50px; }
.pack-bg { background:url(../images/second-bg.png) no-repeat; background-size:cover; min-height:600px; text-align:center; padding:50px 0; float:left; width:100%; }
.package-img img { display:inline-block; }
/*herbalife-product*/
.herbalife-product { width:100%; float:left; height:auto; padding:50px 0; }
.herbalife-wrap { width:700px; margin:0 auto; }
.main-product { width:100%; float:left; padding:40px 0; border-bottom:1px solid #e6e6e6; }
.main-product:last-child { border:none; }
.main-product .product-img { float: left; text-align: center; width: 100%; }
.product-img img { display:inline-block; }
.main-product h3 { color:#73bf44; float:left; margin:0 0 20px; padding:0; font-size:30px; font-weight:bold; }
.main-product p { margin:0; color:#7b7a7a; font-size:16px; font-weight:300; float:left; }
.main-product .note { width:100%; float:left; color:#1a1a1a; font-size:15px; font-weight:600; margin:20px 0; }
.main-product .note i { color:#73bf45; margin-right:10px; }
.main-product ul { display:block; width:100%; float:left; margin-top:10px }
.main-product ul li { list-style:inside; color:#7b7a7a; font-weight:300; }
.imp { color: #f00; float: left; font-weight: 600; text-indent: -10px; }
/*bonus*/
.bonus { background:#f9f9f9; width:100%; float:left; padding:50px 0; }
.bonus .main-heading h2 { color:#585858; }
.bonus .main-heading h2 strong { color:#84c32a; }
.bonus-main { width:100%; float:left; min-height:460px; position:relative; margin-bottom:30px; }
.bonus-main .bonus-data { position:absolute; top:50px; left:50px; max-width:600px }
.bonus-data .count { width:50px; height:50px; float:left; border-radius:100%; background:rgba(255, 255, 255, 0.3); color:#fff; font-weight:900; font-size:35px; text-align:center; margin:10px 10px 0 0; }
.bonus-data h4 { color:#fff; font-size:50px; font-weight:900; margin:0 0 20px; padding:0; float:left; width:85%; }
.bonus-data p { color:#fff; font-size:18px; font-weight:300; margin:0 0 0 60px; float:left; }
.bonus-data.bonus-right { left:auto; right:50px; }
/*about-author*/
.about-author { width:100%; float:left; height:auto; padding:50px 0; background:#79c656; }
.coach-info { width:100%; float:left; margin:20px 0; padding:15px; }
.author-info { width:100%; float:left; text-align:center; border-right:1px solid rgba(255, 255, 255, 0.3); }
.author-info img { text-align:center; display:inline-block; }
.author-info strong { width:100%; float:left; font-size:18px; color:#fff; font-weight:600; text-align:center; padding:10px 0; text-transform:uppercase; }
.author-info a { width:100%; float:left; font-size:16px; color:#fff; font-weight:300; text-align:center; padding:0 10px; }
.author-info a:hover { color:#666; text-decoration:none; }
.author-info i { font-size:16px; color:#fff; font-weight:300; text-align:center; padding:0; margin-right:10px; }
.author-info-content { width:100%; float:left; padding:0 30px; }
.author-info-content h4 { font-size:50px; color:#fff; font-weight:900; }
.author-info-content p { width:100%; float:left; font-size:17px; font-weight:300; color:#fff; line-height:30px; padding:0; }
/*facecook-proof*/
.facecook-proof { width:100%; float:left; padding:50px 0; }
.facecook-proof h2 { color:#595959; font-weight:400 }
.facecook-proof h2 strong { color:#f79d51; }
.proof-wrap { width:750px; margin:0 auto; }
.proof-wrap .col-sm-6 { margin-bottom:20px; }
.facebook-slogan { width:100%; float:left; text-align:center; margin-bottom:50px; }
/*customers*/
.customers { width:100%; float:left; padding:50px 0; background:#79c656; }
.customers .main-heading h2 { margin-bottom:15px; }
.customers .main-heading p { font-size:20px; float:left; width:100%; color:#fff; font-size:20px; }
.customer-main { width:100%; float:left; padding:30px 0; margin-top:30px; }
.customer-data { float:left; width:100%; margin-bottom:50px; }
.customer-photo img { border:10px solid #fff; border-radius:10px; }
.customer-photo h4 { font-size:28px; font-weight:900; float:left; color:#fff; }
.customer-text { width:100%; float:left; margin-top:20px; padding:0 15px; }
.customer-text p { color:#fff; font-size:20px; margin:0; font-weight:300 }
/*request-part*/
.request-part { width:100%; float:left; padding-bottom:50px; }
.request-img { width:100%; float:left; text-align:center; margin-top:-100px; }
.request-img img { display:inline-block; }
.request-btn { width:100%; float:left; text-align:center; margin:40px 0 0; }
.request-btn a { background:#5ec03c; padding:10px 30px 13px 30px; border-radius:50px; color:#fff; font-size:30px; font-weight:bold; }
.request-btn a:hover, .request-btn a:focus { text-decoration:none; color:#fff; }
/*footer*/
footer { width:100%; float:left; text-align:center; padding:30px 0; background:#2e2e2e; }
.hbl-pro { width:100%; float:left; }
.hbl-pro p { color:#fff; font-size:17px; }
.hbl-pro p a { color:#fff; }
footer ul { width:460px; margin:0 auto; }
footer ul li { float:left; border-right:1px solid #fff; padding:0 10px; }
footer ul li:last-child { border:none; }
footer ul li a { color:#fff; font-size:16px; }
footer ul li a:hover, footer ul li a:focus { color:#fff; }
/*/////////////////////////////////////////////////////////////// Thank You Page ////////////////////////////////////////////////////////////////////////*/

/*Top Banner*/
.thank-banner { background:url(../images/thank-bg.png) no-repeat; width:100%; height:505px; float:left; background-size:cover; }
.banner-data { width:100%; float:left; text-align:center; padding:0 100px; margin:50px 0; }
.banner-data h1 { width:100%; text-align:center; float:left; color:#fff; font-size:35px; font-weight:600; margin-top:50px; }
.banner-data p { width:100%; text-align:center; float:left; color:#fff; font-size:25px; font-weight:300; }
.thank-arrow { width:100%; float:left; text-align:center; margin-top:100px }
/*Author*/
.about-coach { width:100%; float:left; padding:20px 0; }
.about-coach h2 { width:100%; float:left; text-align:center; font-size:35px; font-weight:900; color:#67a315; padding:10px 0; }
.coach-info-thank { width:100%; float:left; background:#f6f6f6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:20px 0; padding:30px 15px; }
.dustin-thank { background: rgba(0, 0, 0, 0) url("../images/divider.png") no-repeat scroll right 5px; float: left; padding:0; text-align:center; width: 100%; }
.dustin-thank img { display:inline-block; }
.dustin-thank strong { width:100%; float:left; font-size:18px; color:#717171; font-weight:600; text-align:center; padding:10px 0; text-transform:uppercase; }
.dustin-thank a { width:100%; float:left; font-size:16px; color:#67a315; font-weight:300; text-align:center; padding:0 10px; }
.dustin-thank a:hover { color:#666; text-decoration:none; }
.dustin-thank i { font-size:16px; color:#67a315; font-weight:300; text-align:center; padding:0; margin-right:10px; }
.devider { float:left; padding:10px 0; }
.coach-info-content { width:100%; float:left; }
.coach-info-content p { width:100%; float:left; font-size:17px; font-weight:300; color:#6e6d6d; line-height:30px; padding:0; }
/*Step Two*/
.step-two { width:100%; float:left; padding:50px 0 80px 0; background:#74ca58; }
.step-data { width:100%; float:left; text-align:center; padding:0 100px; margin:30px 0; }
.step-data h2 { width:100%; text-align:center; float:left; color:#fff; font-size:35px; font-weight:600; margin:0; padding:0; }
.step-data p { width:100%; text-align:center; float:left; color:#fff; font-size:25px; font-weight:300; }
/*Thanks Video*/
.thank-video { width:100%; float:left; margin-top:-80px; padding-bottom:30px; }
.thank-wrap { width:970px; margin:0 auto; }
.video-frame-thank { width:100%; float:left; border-radius:5px; }
.video-frame-thank iframe { border-radius:5px; height:540px; }
.thank-video p { float:left; color:#7a7a7a; font-size:20px; font-weight:300; margin:20px 0; }
/*/////////////////////////////////////////////////////////////// Thank You Page ////////////////////////////////////////////////////////////////////////*/




/*Ipone*/
@media only screen and (min-width:1px) and (max-width:767px) {
.video-wrap, .form-part, .herbalife-wrap, .proof-wrap, footer ul {
width:100%;
}
.black-stip strong {
font-size:14px;
}
.header-text strong {
font-size:20px;
}
.header-text h1 {
font-size:29px;
}
.header-text .sub-heading {
font-size:22px;
}
.header-text .trial-button a {
font-size: 17px;
padding: 6px 10px 7px;
}
.header-text .trial-button {
margin:0;
}
.video-frame {
margin-top: -55px;
height:160px;
}
.video-frame iframe {
height:160px;
}
.right-arrow, .left-arrow {
display:none;
}
.form-part h2 {
font-size:30px;
padding-top: 50px;
}
.main-heading h2 {
font-size:35px;
}
.main-heading h2 strong {
font-size:31px;
}
.pack-bg {
min-height:405px;
}
.main-product h3 {
font-size: 20px;
margin: 20px 0 10px;
}
.bonus-main {
padding:20px;
}
.bonus-main img {
display:none;
}
.bonus-main.food {
background:#79c656;
}
.bonus-main.workout {
background:#f8a45e;
}
.bonus-main.group {
background:#60bde0;
}
.bonus-main .bonus-data {
left: auto;
max-width: 100%;
position: relative;
top: auto;
}
.bonus-data h4 {
font-size: 30px;
margin: 10px 0;
width: 100%;
}
.bonus-data p {
margin:0;
}
.bonus-data.bonus-right {
right:auto;
}
.author-info {
border:none;
}
.author-info-content {
padding:0;
text-align:center;
}
.author-info-content h4 {
font-size:27px;
margin-top:40px
}
.request-img {
margin-top: -65px;
}
.request-btn a {
font-size: 15px;
padding: 6px 15px 8px;
}
.header-banner {
min-height:450px;
}
footer ul li {
 border-right: medium none;
 padding: 5px 0;
 width:100%;
}
.sketch-line {
 margin-bottom: 40px;
}
.sketch-line img {
margin:0;
}
.form-part button i {
top:12px;
}

/*////////////////////////////// Thank You //////////////////////////////////*/
.banner-data {
 margin: 0;
 padding: 0;
}
.banner-data h1 {
font-size:25px;
}
.banner-data p {
font-size:18px;
}
.thank-arrow {
margin-top:25px;
}
.thank-banner {
background-position:center;
 height: auto;
 width: 100%;
 padding-bottom:20px;
}
.dustin-thank {
background:none;
}
.coach-info-content p {
text-align:center;
margin-top:15px;
}
.step-data {
 margin: 0;
 padding: 0;
}
.step-data h2 {
font-size:25px;
margin-bottom:15px;
}
.step-data p {
font-size:18px;
}
.thank-wrap {
width:100%;
}
.video-frame-thank, .video-frame-thank iframe {
height:160px;
}
.thank-video {
margin-top: -60px;
}
.thank-video p {
 font-size: 16px;
 text-align: center;
 width: 100%;
}
}

/*Ipad*/
@media only screen and (min-width:768px) and (max-width:1050px) {
.video-wrap, .herbalife-wrap, .proof-wrap {
width:100%;
}
.header-text h1 {
font-size:34px;
}
.sketch-line img {
margin-left:35%;
}
.right-arrow, .left-arrow {
display:none;
}
.bonus-main .bonus-data {
 left: 10px;
 max-width: 430px;
 top: 15px;
}
.bonus-data .count {
 font-size: 20px;
 height: 30px;
 width: 30px;
}
.bonus-data h4 {
 font-size: 23px;
 margin: 7px 0;
}
.bonus-data p {
 font-size: 15px;
 margin: 0 0 0 39px;
}
.magic .bonus-data.bonus-right {
 left: auto;
 right: 0;
}
.bonus-main {
min-height:auto;
}
.about-author {
padding:20px 0;
}
.author-info-content h4 {
font-size:25px;
}
.author-info-content p {
 font-size: 18px;
 line-height: 25px;
}
.customer-photo h4 {
font-size:22px;
}
.customer-text {
margin-top:10px;
}
.video-frame iframe {
height:400px;
}
/*////////////////////////////// Thank You //////////////////////////////////*/
.banner-data {
 margin: 0;
 padding: 0;
}
.banner-data h1 {
font-size:25px;
}
.banner-data p {
font-size:18px;
}
.thank-arrow {
margin-top:25px;
}
.thank-banner {
background-position:center;
 height: auto;
 width: 100%;
 padding-bottom:20px;
}
 .coach-info-content p {
text-align:center;
margin-top:15px;
}
.step-data {
 margin: 0;
 padding: 0;
}
.step-data h2 {
font-size:25px;
margin-bottom:15px;
}
.step-data p {
font-size:18px;
}
.thank-wrap {
width:100%;
}
.video-frame-thank {
height:400px;
}
.video-frame-thank iframe {
height:400px;
}
.thank-video {
margin-top: -60px;
}
.thank-video p {
 font-size: 16px;
 text-align: center;
 width: 100%;
}
}