@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&family=Open+Sans:wght@400;700&family=Oswald:wght@700&display=swap');

.blue{
	color: #0292d8;
}

body {
    margin: 0;
    padding: 0;
    background: #ffffff;
    /*background-image: url("images/bodybg1d.jpg");*/
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    font-family: 'Open Sans', sans-serif;
    color: #212121;
}

body.thankyou {
    background: rgb(235, 234, 234);
}

.content {
    background-color: #fff;
    /*box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.08), 0 7px 14px 1px rgba(50, 50, 93, 0.1);*/
    padding: 0px 50px 25px;
    max-width: 900px;
    margin: 0 auto 0px;
    box-sizing: content-box;
}
.thankyou .content { padding: 25px 190px 25px; }
.thankyou .content.topnav { 
    padding: 25px 60px 25px;
    max-width: 1160px; 
    display: flex;
    align-items: center;
}

.menu { 
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-inline-start: auto;	
}
.menu>li { display: flex; margin: 0px 15px; }
.menu>li a { color: #FFF; text-decoration: none; }
.menu>li a:hover { color: #FC3; }

.site-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 5px 10px;
  background: #212121; border-radius: 50px 50px 50px 50px;
  max-width: 1280px;
  margin: 0 auto;
}
.site-header .logo { max-height: 45px; width: auto; padding: 5px; float: left; }

/* Desktop nav */
.nav .menu {
  display: flex; gap: .5rem; list-style: none; margin: 0; padding: 0; background: #212121;
}
.nav .menu a { text-decoration: none; padding: 0.5rem 0.25rem; display: block; }
.nav .menu .btn { padding: 0.5rem 0.75rem; border: 1px solid currentColor; border-radius: 6px; }

/* Toggle button (hidden on desktop) */
.nav-toggle { background: none; border: 0; padding: 0.25rem; cursor: pointer; display: none; color: #FFF; }
.nav-toggle:focus-visible { outline: 2px solid #000; outline-offset: 3px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }


.header {
    background: #FFF;
    max-width: 100%;
    padding: 0px;
    margin-bottom: 15px;
    /*box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;*/
    /*box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
}
.bluebar {
    background:#006fb8;
    max-width: 100%;
    padding:15px 25px;
    margin-bottom:0px;
}
.bluebar h2 { font-weight: 500; }

.redbar {
    background: #ed1c24;
    padding: 5px 0px;
}

.row90 {
    max-width: 90%;
    margin: 0 auto;
}

.row90 .content {
    max-width: 1100px;
    border-radius: 10px;
    margin: 30px auto 0px;
}

.references {
    padding: 10px 0px 25px;
    max-width: 850px;
    margin: 0 auto;
    font-size: 14px;
}

.references a {
    color: #212121;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: -1px;
}

h1 {
    font-size: 52px;
}

h1 span {
    font-weight: 900;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 25px;
}

.oswald {
    font-family: 'Oswald', sans-serif;
}

.mainhead {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 54px;
}

.fs24 {
    font-size: 24px;
}

.fs30 {
    font-size: 30px;
}

.joinnow {
    font-size: 46px;
    margin-top: 15px;
    margin-bottom: 0;
}

.optiontitle {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 10px;
    background: #0a3235;
    color: #FFF;
    padding: 5px 0px;
    margin-top: 0px;
}

p,
ol {
    font-size: 19px;
    line-height: 1.5em;

}

p.larger {
    font-size: 1.25em;
}

p.indent {
    margin-left: 50px;
}

.references p,
.references ol {
    font-size: 15px;
}

.mt0 {
    margin-top: 0;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mb0 {
    margin-bottom: 0;
}
.mb10 { margin-bottom: 10px; }

.mb20 {
    margin-bottom: 20px;
}

.mb30,
.row90 .content.mb30 {
    margin-bottom: 30px;
}

.pt30, .thankyou .content.pt30 { padding-top: 30px; }
.pt60, .thankyou .content.pt60 { padding-top: 60px; }
.pt90, .thankyou .content.pt90 { padding-top: 90px; }
.pb30, .thankyou .content.pb30 { padding-bottom: 30px; }
.py30, .thankyou .content.py30 { padding-top: 30px; padding-bottom: 30px; }

.tac {
    text-align: center;
}

.fullwidth {
    margin: 0px -50px;
    max-width: none;
}

.alignleft {
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
}

.alignright {
    float: right;
    margin-left: 30px;
    margin-bottom: 20px;
}
.is-pulled-right {
    float: right; margin-left: 30px; 
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

a {
    color: #006fb8;
}

a:hover {
    color: #212121;
}

.red {
    color: #ed1c24;
}

.purple {
    color: #6A0DAD;
}
.yellow { color: #FFCC33; }

.darkred {
    color: #841926;
}

.white {
    color: #FFF;
}

.teal {
    color: #1a848d;
}

.darkgreen {
    color: #056839;
}

.highlight {
    background: #ffeb00;
    border-bottom: solid 1px rgba(0, 0, 0, 0.07);
    border-right: solid 1px rgba(0, 0, 0, 0.07);
    padding: 4px 2px 0px 4px;
    text-transform: none;
}

.shadow {
    text-shadow: 0 0.06em 1px rgba(0, 0, 0, .1), 0 0 0.05em rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 0.03em 0.05em rgba(0, 0, 0, .2), 0 0.05em 0.1em rgba(0, 0, 0, .25), 0 0.1em 0.1em rgba(0, 0, 0, .2), 0 0.2em 0.2em rgba(0, 0, 0, .15);
}

.tealbox {
    background: #e8f2f3;
    border: 2px solid #1a848d;
    padding: 20px 30px 0px;
    margin-bottom: 20px;
}

.greybox {
    border: 5px solid #CCC;
    padding: 20px;
    margin-bottom: 20px;
    background: #F2F2F2;
}

.couponbox {
    background: #FFF;
    margin: 0px -30px;
    padding: 10px 30px;
    border: 6px dashed #ed1c24;
    border-radius: 6px;
    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
}

.couponbox h2 {
    font-size: 39px;
}

.couponbox h3 {
    color: #7a7a7a;
}

.couponbox h3.buylink {
    font-weight: 500;
}

.couponbox .nolink {
    font-size: 16px;
}

.redbox {
    border: 2px solid #ed1c24;
    padding: 20px 30px 0px;
    margin-bottom: 20px;
}

.greenbox {
    border: 2px solid #056839;
    padding: 20px 30px 0px;
    margin-bottom: 20px;
}

.arrowbox {
    clear: both;
    background: url('images/arrows2.png') 25px center no-repeat, linear-gradient(to right, #fef5e5, #FFF);
    padding: 20px 75px 20px 135px;
    margin-left: -50px;
    min-height: 61px;
    display: table;
    margin-bottom: 20px;
}

.arrowbox p {
    display: table-cell;
    vertical-align: middle;
}

.includebox {
    border: 2px solid #0a3235;
    background: #E8F2F3;
    background: -webkit-linear-gradient(bottom, #E8F2F3, #FFFFFF);
    background: -moz-linear-gradient(bottom, #E8F2F3, #FFFFFF);
    background: linear-gradient(to top, #E8F2F3, #FFFFFF);
    padding: 0px 25px 25px;
    border-radius: 15px;
    margin-bottom: 30px;
}

.includebox .productimg {
    margin-right: -50px;
}

.includebox h4 {
    background: #0a3235;
    color: #FFF;
    margin: 0px -27px;
    padding: 10px 25px;
    letter-spacing: 3px;
    text-align: center;
    border-radius: 15px 15px 0px 0px;
    -moz-border-radius: 15px 15px 0px 0px;
    -webkit-border-radius: 15px 15px 0px 0px;
    border: 2px solid #0a3235;
    margin-bottom: 20px;
}

img.circlepic {
    border-radius: 50em;
    min-height: 200px;
    height: 200px;
    width: 200px;
    min-width: 200px;
    margin-top: 15px;
    margin-left: 0px;
    margin-bottom:15px;
    border: 5px solid #006fb8;
}

img.circlepic2 {
    border-radius: 50em;
    min-height: 170px;
    height: 170px;
    width: 170px;
    min-width: 170px;
    margin-top: 15px;
    margin-right: -10px;
    border: 5px solid #e5e5e5;
}

.darkbg {
    background: #841926;
    margin: 0px -50px;
    padding: 10px 50px;
    color: #FFF;
}

.redbg {
    background: #ed1c24;
    margin: 0px -50px;
    padding: 10px 50px;
    color: #FFF;
}
.purplebg {
    background: #6A0DAD;
    margin: 0px -50px;
    padding: 10px 50px;
    color: #FFF;
}

.darkgreenbg {
    background: #056839;
    margin: 0px -50px;
    padding: 10px 50px;
    color: #FFF;
}

.darkgreenbg.mt20 {
    margin-top: 20px;
}

.bluebg {
    background: #006fb8;
}
.lightbluebg {
    background: rgb(202, 234, 255) url("../images/arrow1.png") 0px 260px no-repeat;
}

.green { color: #4ab34c; }

.blackbg, .blackhighlight {
	background: #212121;
}
.blackhighlight { padding: 5px 10px; }
.blackbg h2, h2 .blackhighlight { color: #FFF; }

.gradientbg {
    margin: 0px -50px;
    padding: 10px 50px;
    color: #FFF;
    background: #1A848D;
    background: -webkit-linear-gradient(left, #1A848D, #0A3335);
    background: -moz-linear-gradient(left, #1A848D, #0A3335);
    background: linear-gradient(to right, #1A848D, #0A3335);
}

.testimonial {
    padding: 15px;
    margin-bottom: 30px;
    border: 2px solid #FFF;
    border-radius: 10px;
    box-shadow: 0px 0px 4px rgba(50, 50, 50, .50);
    /*background: #fff3e5;*/
}

.row90 .testimonial {
    background: #FFF;
    padding: 0px 15px 15px;
    margin: 30px auto 0px;
    max-width: 1200px;
}

.v2 .testimonial {
    padding: 15px 25px;
    border: 2px solid #ffe46a;
    background: #fdfdf2;
    background: -webkit-linear-gradient(bottom, #fdfdf2, #FFFFFF);
    background: -moz-linear-gradient(bottom, #fdfdf2, #FFFFFF);
    background: linear-gradient(to top, #fdfdf2, #FFFFFF);
    box-shadow: 0px 0px 4px rgba(255, 228, 106, .50);
}

.v2 .testimonial.mw75 {
    max-width: 75%;
    margin: 0 auto 30px;
    box-sizing: border-box;
}

.testimonial h4 {
    color: #C00;
}

.row90 .testimonial h4 {
    background: #ce914a;
    background-size: contain;
    margin: 0 -15px 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #212121;
    text-shadow: 0px 1px 3px #FFF;
    font-size: 36px;
    font-weight: 700;
    padding: 10px 15px;
}

.row90 .testimonial p {
    font-size: 24px;
    font-style: italic;
}

.row90 .testimonial p.name {
    background: #212121;
    display: inline-block;
    color: #FFF;
    padding: 5px 22px 5px 20px;
    float: right;
    margin-right: -17px;
    font-weight: 500;
    font-size: 27px;
}

.testimonial img {
    /*border-radius: 50em;*/
    min-height: 170px;
    height: 170px;
    width: 170px;
    min-width: 170px;
}
.v4 .testimonial img { width: auto; height: auto; }

.testimonial img.stars {
    min-height: inherit;
    height: auto;
    width: auto;
    min-width: inherit;
}

img.circlepic2.nmt30 {
    margin-top: -30px;
}

footer p {
    font-size: 15px;
    color: #999;
}

footer p.disclaimer,
.textContainerNew p.disclaimer {
    font-size: 14px;
    color: #999;
}

footer p.disclaimer a {
    color: #999;
}

footer .inside {
    max-width: 975px;
    margin: 0 auto;
}

.legal {
    color: #212121;
    background: #CCC;
    padding: 5px 10px !important;
    font-size: 12px;
    margin-bottom: 5px;
    border: 1px solid #999;
}

/* #Lists
================================================== */
ul.goldcheck, ul.arrow, ul.redx {
    list-style-type: none;
    padding-left: 20px;
}

.goldcheck li, .arrow li, .redx li {
    font-size: 19px;
    position: relative;
    padding-left: 40px;
    line-height: 1.35em;
    margin-bottom: 3%;
}

.goldcheck li:before {
    content: '';
    width: 32px;
    height: 32px;
    position: absolute;
    background-image: url("../images/greencheck.png");
    background-size: cover;
    background-position: center;
    left: 0;
    top: 12px;
    transform: translateY(-50%);
}

.arrow li:before {
    content: '';
    width: 32px;
    height: 22px;
    position: absolute;
    background-image: url("images/arrowbullet.png");
    background-size: cover;
    background-position: center;
    left: 0;
    top: 12px;
    transform: translateY(-50%);
}

.redx li:before {
    content: '';
    width: 32px;
    height: 32px;
    position: absolute;
    background-image: url("../images/red3d-x.png");
    background-size: cover;
    background-position: center;
    left: 0;
    top: 15px;
    transform: translateY(-50%);
}

ul.accordion {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.accordion li {
    margin: 0.5em 0;
}
ul.accordion li a.actoggle {
    width: 100%;
    display: block;
    background: #eaeaea url("../images/arrow-down.png") center right 15px no-repeat;
    background-size: 32px; 
    color: #000;
    border-radius: 0.15em;
    transition: background .3s ease;
    padding: 15px 65px 15px 15px;
    font-weight: 700;
    text-decoration: none;
    font-size: 18px;
    box-sizing: border-box;
}
ul.accordion .inner {
    overflow: hidden;
    display: none;
    color: #212121;
    padding: 10px;
}

.navigation {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align:right;
}

/* Style the list items (li) */
.navigation li {
    display: inline-block;
    margin-right: 20px; /* Adjust as needed */
    text-align: right; /* Align text to the right */
}

/* Style the anchor links (a) */
.navigation li a {
    text-decoration: none;
    color: #212121; /* Text color */
}

.menu-toggle {
    display: none; /* Hide by default on larger screens */
    cursor: pointer;
    float: right;
}

.nav {
    display: block;
}
.nav.is-active {
    display: block;
}


.menu-toggle .bar {
    width: 25px;
    height: 3px;
    background-color: #212121;
    margin: 4px 0;
}



#video1 {
    border: 3px solid #000000;
    width: 345px;
    height: auto;
    margin-bottom: 20px;
}

.guaranteebox {
    border: 25px solid #1a848d;

    background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(232, 242, 243, 1) 100%);
    /*background: #fff7e1; /*light yellow */
    border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='75'%3E%3Cg fill='none' stroke='%231a848d' stroke-width='2'%3E%3Cpath d='M1 1h73v73H1z'/%3E%3Cpath d='M8 8h59v59H8z'/%3E%3Cpath d='M8 8h16v16H8zM51 8h16v16H51zM51 51h16v16H51zM8 51h16v16H8z'/%3E%3C/g%3E%3Cg fill='%231a848d'%3E%3Ccircle cx='16' cy='16' r='2'/%3E%3Ccircle cx='59' cy='16' r='2'/%3E%3Ccircle cx='59' cy='59' r='2'/%3E%3Ccircle cx='16' cy='59' r='2'/%3E%3C/g%3E%3C/svg%3E") 25;
}

.guaranteebox p.larger {
    font-size: 1.5em;
    padding: 20px 0px;
}

.guaranteebox h2 {
    font-size: 48px;
}

span.larger {
    font-size: 1.45em;
}

.joinbox {
    border: 3px solid #CCC;
    padding: 0px 20px;
    margin-bottom: 30px;
}

.bundleimage {
    max-width: 75%;
    height: auto;
    margin: 0 auto;
    display: block;
}

.half {
    width: 50%;
    float: left;
}

img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

sup {
    font-size: .55em;
}

.fs17 {
    font-size: 17px;
}

.fs21 {
    font-size: 21px;
}

.fs24 {
    font-size: 24px;
}

.fs30 {
    font-size: 30px;
}

.fs32 {
    font-size: 32px;
}

.fs34 {
    font-size: 34px;
}

.fs36 {
    font-size: 36px;
}

.fs38 {
    font-size: 38px;
}

.fs44 {
    font-size: 44px;
}

.fs45 {
    font-size: 45px;
}

.fs48 {
    font-size: 48px;
}

.fs50 {
    font-size: 50px;
}

.fs55 { font-size: 55px; }
.fs58 { font-size: 58px; }
.fs62 { font-size: 62px; }
.fs72 { font-size: 72px; }

.fs90 {
    font-size: 90px;
}

.mobileonly,
.hidden-content {
    display: none;
}

.mw75 {
    max-width: 75%;
}
.mw225 { max-width: 225px; }
.mw180 { max-width: 180px; }
.mw320 { max-width: 320px; }
.mw500 { max-width: 500px; }

.caption { font-size:14px; padding: 0px 15px; }

.stockup .bigprice {
    font-size: 65px;
    margin: 0;
    font-weight: 900;
}

.stockup .bigprice strike {
    color: #666;
    font-weight: 400;
    font-size: .9em;
}

.alignleft.circlenum90 {
    max-width: 90px;
    margin-right: 20px;
}

.producttitle {
    padding: 25px 0px;
    margin-top: 0;
}

.producttitle.pt10 {
    padding-top: 10px;
}

.button-group {
    display: table;
}

.button-group__btn {
    cursor: pointer;
    display: table-cell;
    position: relative;
    padding: 0px 10px;
}

.button-group input[ type='radio'],
.button-group input[ type='checkbox'] {
    opacity: 0;
    position: absolute;
}

.button-group__label {
    background-color: #f0f0f0;
    /*border-bottom: 1px solid #444;
    border-right: 1px solid #444;
    border-top: 1px solid #444;*/
    border: 1px solid #CCC;
    border-radius: 5px;
    color: #212121;
    display: block;
    height: 75px;
    line-height: 30px;
    padding: 0px;
    text-align: center;
    font-weight: bold;
}

.button-group__price {
    display: block;
    color: #8CC705;
    font-size: 36px;
    font-weight: normal;
}

/*Border radius on first element*/
.button-group__btn:first-child .button-group__label {
    /*border-left: 1px solid #444;
    border-radius: 5px 0 0 5px;*/
}

/*Border radius on last element*/
.button-group__btn:last-child .button-group__label {
    /*border-radius: 0 5px 5px 0;*/
}

/*Styles when selected*/
input:checked+.button-group__label {
    background-color: #eef6e3;
    border-color: #8CC705;
    color: #212121;
}

input:checked+.button-group__label:after {
    text-align: center;
    font-size: 18px;
    padding: 0px 0 0 1px;
    content: '\e800';
    color: white;
    font-family: 'fontello';
    background: #8CC705;
    border-radius: 18px;
    height: 30px;
    width: 30px;
    display: block;
    position: absolute;
    right: 0px;
    top: -10px;
}

/*Fix selected border on first element*/
.button-group__btn:first-child input:checked+.button-group__label {
    border-left-color: #8CC705;
}

/*Fix selected border on last element*/
.button-group__btn:last-child input:checked+.button-group__label {
    border-right-color: #8CC705;
}


.button-group--full-width {
    table-layout: fixed;
    width: 100%;
}


.button-group+.button-group {
    margin-top: 10px;
}

.redButton {
    box-shadow: 0px 1px 0px 0px #fff6af;
    background-color: #841926;
    border-radius: 6px;
    border: 2px solid #990000;
    display: inline-block;
    cursor: pointer;
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 400;
    padding: 12px 24px;
    text-decoration: none;
}

.redButton.inverted {
    color: #841926;
    border: 2px solid #841926;
    background: #FFF;
    text-decoration: none;
}

.myButton {
    box-shadow: 0px 1px 0px 0px #fff6af;
    background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    background-color: #ffec64;
    border-radius: 6px;
    border: 1px solid #ffaa22;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    font-family: Arial;
    font-size: 22px;
    font-weight: bold;
    padding: 12px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffee66;
}
h2.myButton { display: block; font-size: 32px; }
h2.myButton a { color: #333; text-decoration: none; }

.myButton:hover {
    background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
    background-color: #ffab23;
}

.redButton:hover {
    color: #841926;
    border: 2px solid #841926;
    background: #FFF;
    text-decoration: none;
}

.redButton.inverted:hover {
    color: #FFF;
    border: 2px solid #990000;
    background: #841926;
    text-decoration: none;
}

.myButton:active {
    position: relative;
    top: 1px;
}

.myButton i.arrow,
.redButton i.arrow {
    width: 25px;
    height: 25px;
    position: relative;
    display: inline-block;
    top: -2px;
    bottom: 0;
    margin: auto 1px auto 5px;
    background: url(images/chevron-white.svg) no-repeat 50%/100%;
    vertical-align: middle;
    transition: all .2s;
}

.redButton:hover i.arrow {
    background: url(images/chevron.svg) no-repeat 50%/100%;
}

.fancybox-content {
    background: #E8F2F3;
    background: -webkit-linear-gradient(bottom, #E8F2F3, #FFFFFF);
    background: -moz-linear-gradient(bottom, #E8F2F3, #FFFFFF);
    background: linear-gradient(to top, #E8F2F3, #FFFFFF);
    padding: 45px 25px 25px;
    border-radius: 15px;
}

.half.box1,
.half.box2 {
    width: 48%;
    margin: 15px 1% 0px;
}

.box1,
.box2 {
    border: 2px solid #0a3235;
    margin: 10px;
    box-sizing: border-box;
}

.white-border {
    border: 2px solid #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .45);
}
.photocaption1, .photocaption2 {
    border: 2px solid #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .45);
    background: #FFF;
}

.onethird {
    width: 33%;
    float: left;
}

.onethird.middle {
    margin: 0px .5%;
}

.insidecol {
    width: 80%;
    margin: 0 auto;
}

.pricingbox .onethird,
.row90 .pricingbox .onethird .insidecol {
    box-sizing: border-box;
    border: 2px solid #CCC;
    border-top: none;
}

.pricingbox .onethird.middle,
.row90 .pricingbox .onethird.middle .insidecol {
    border: 4px solid #414142;
    border-top: 2px solid #414142;
}


.row90 .pricingbox .onethird {
    border: none;
}

.stockup .pricingbox .onethird.middle {
    border: 2px solid #CCC;
}

.pricingbox .onethird h3 {
    margin-top: 0;
    margin-bottom: .5rem;
}

.pricingbox .onethird h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 38px;
    background: #414142;
    color: #FFF;
    font-weight: 700;
}

.pricingbox .onethird h2.fs24 {
    font-size: 24px;
    line-height: 1.5em;
    margin-bottom: 10px;
}

.pricingbox .onethird h3 {
    color: #414142;
    font-size: 26px;
    font-weight: 100;
}

.pricingbox .onethird h3 strong {
    font-weight: 700;
}

.pricingbox .onethird h3.regprice {
    font-size: 34px;
    margin-bottom: 0px;
}

.pricingbox .onethird h3.todayprice {
    font-size: 22px;
}

.pricingbox .onethird h3.retailprice {
    font-size: 22px;
}

.pricingbox .onethird p.nothanks {
    text-align: center;
    font-size: 16px;
}

.pricingbox .onethird h3.mostpopular {
    background: #ffdd00;
    font-weight: 700;
    color: #ed1c24;
    font-size: 21px;
}

.pricingbox .atcbutton {
    padding: 0px 10px;
    box-sizing: border-box;
}

.pricingbox .spacer {
    height: 37px;
}

.pricingbox .spacer36 {
    height: 36px;
}

.pricingbox .onethird h3.yourprice,
.pricingbox .onethird h3.bigprice {
    color: #39b54a;
    margin-bottom: 0;
}

.pricingbox .onethird h3.bigprice {
    font-weight: 700;
    font-size: 70px;
    padding: 0px 10px;
    line-height: 1em;
}

.pricingbox .onethird h3.bigprice span {
    font-size: 22px;
    line-height: 1.2em;
    display: inline-block;
    max-width: 85px;
    position: relative;
    bottom: 5px;
    margin-left: -10px;
    text-align: left;
}

.pricingbox .onethird h3.savings {
    color: #ed1c24;
    font-weight: 700;
    font-size: 22px;
}

.pricingbox .onethird h3.savings span {
    letter-spacing: 0px;
}

.pricingbox .onethird h3.totalprice {
    font-size: 32px;
    margin-bottom: 0;
}

.pricingbox .onethird h3.addshipping {
    font-size: 18px;
}

.strikeline {
    color: #C00;
}

.strikeprice {
    color: #212121;
}

.pricingbox .onethird:hover,
.row90 .pricingbox .onethird .insidecol:hover,
.row90 .pricingbox .onethird:hover .insidecol {
    background: #ed1c24;
    background: linear-gradient(180deg, rgba(132, 25, 38, 1) 0%, rgba(237, 28, 36, 1) 100%);

}

.row90 .pricingbox .onethird:hover {
    background: transparent;
}

.redstrike {
    color: #C00;
    text-decoration: line-through;
}

.insidetext {
    color: #212121;
}

.pricingbox .onethird:hover .redstrike {
    color: #FFF;
}

.pricingbox .onethird:hover .insidetext {
    color: #FFF;
}

.pricingbox .onethird:hover h3,
.pricingbox .onethird:hover p {
    color: #FFF;
}

.pricingbox .onethird:hover .strikeprice,
.pricingbox .onethird:hover .strikeline {
    color: #FFF;
}

.pricingbox .onethird:hover p.nothanks a {
    color: #FFF;
}

.pricingbox .onethird .bottleimg {
    transition: all 0.5s ease;
}

.pricingbox .onethird:hover .bottleimg {
    transform: translateY(-7px);
}

.pricingbox .onethird:hover h3.mostpopular {
    color: #ed1c24;
}

.pricingbox .onethird:hover h3 .highlight {
    color: #212121;
}

.pricingbox .onethird:hover h3.regprice .red,
.pricingbox .onethird:hover h3.todayprice .red {
    color: #ffeb00;
}


/*IMAGES*/
.bonusimg {
    max-width: 350px;
    margin-left: -100px;
}

.shiftright90 {
    margin-right: -90px;
}

.shiftleft90 {
    margin-left: -90px;
}

.rotateleft {
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.rotateright {
    -ms-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}

.redjuice2 {
    margin-right: -90px;
    /*-ms-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);*/
}

.treadmill {
    margin-left: -90px;
    margin-top: 20px;
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.computer,
.mitochondria2,
.onething,
.blueberries,
.nubbia5,
.computer2,
.nubbia8,
.redjuice3,
.option2 {
    margin-left: -90px;
}

.juice {
    max-width: 270px;
    margin-left: -90px;
}

.frenchfries,
.waist2,
.blackpepper,
.crew {
    margin-right: -90px;
}

.nubbiaoto1 {
    margin-right: -90px;
    max-width: 300px;
    -ms-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}

.nubbia2b {
    margin-right: -90px;
    -ms-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}

.nubbiaoto1b {
    margin-left: -90px;
    max-width: 300px;
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.food2,
.extracts,
.lockerroom,
.training {
    margin-right: -90px;
}

.poundstolose,
.woman {
    margin-top: 20px;
    margin-left: -90px;
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.waffles,
.rainbow,
.bentotiamine,
.step2,
.matt-tree,
.matt-trainer {
    margin-left: -90px;
}

.bellyfat,
.elbow,
.lettuce,
.threeseconds,
.nubbia2 {
    margin-left: -90px;
    margin-top: 20px;
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.cinnamon {
    max-width: 220px;
    height: auto;
}

.twofree {
    max-width: 500px;
}

.footerlinks {
    color: #999;
    text-align: center;
}

.footerlinks a {
    color: #999;
}

footer {
    background: #414142;
    padding-top: 20px;
    width: 100%;
    color: #FFF;
}

/*VSL*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.videoContainerNew {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px 20px 0;
}

.textContainerNew {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px 20px;
    text-align: center;
}

.textContainerNew span.video-speaker-txt {
    margin-bottom: 0;
}

.playing .videoContainerNew {
    max-width: unset;
    padding: 0;
}

.playing.videoRow {
    margin-right: 0;
    margin-left: 0;
}

.playing .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

.playing .responsive-video {
    padding-bottom: 0 !important;
    width: 100vw;
    height: 100vh;
}

.video-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    /* background: none; */
    z-index: 99;
    top: 0;
    left: 0;
    background-image: url(images/alt-player-back-3.png);
    background-position: center;
    border: 2px solid #eaeaea;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

.video-overlay-play {
    width: 100%;
    height: 100%;
    position: absolute;
    /* background: none; */
    z-index: 99;
    top: 0;
    left: 0;
    background-image: url(images/playoverlay.gif);
    background-position: center;
    border: 2px solid #eaeaea;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

.video-overlay-alt {
    width: 100%;
    height: 100%;
    position: absolute;
    /* background: none; */
    z-index: 99;
    top: 0;
    left: 0;
    display: none;
    background-image: url(images/alt-player-continue-2.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

.glass-overlay {
    background-image: url(images/glass.png);
    width: 100%;
    height: 100%;
    position: absolute;
    background: none;
    z-index: 2 !important;
    top: 0;
    left: 0;
    cursor: pointer;
}

.d-none2 {
    display: none;
}

.featherlight-content {
    max-width: 800px;
    border-radius: 10px;
    padding-top: 20px !important;
}

.featherlight-content h2 {
    font-size: 48px;
    margin-bottom: 0;
}

.featherlight-content h3 {
    font-weight: 400;
}

.featherlight-content p {
    font-size: 20px;
}

.featherlight-content p.fs16 {
    font-size: 16px;
}

a.yellowBlueButton {
    display: inline-block;
    padding: 10px 30px;
    margin: 0 .3em .3em 0;
    border-radius: .15em;
    box-sizing: border-box;
    text-decoration: none;
    color: #00f;
    background: rgb(255, 251, 67);
    background: -moz-linear-gradient(180deg, rgba(255, 251, 67, 1) 0%, rgba(255, 200, 0, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 251, 67, 1) 0%, rgba(255, 200, 0, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 251, 67, 1) 0%, rgba(255, 200, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffb43", endColorstr="#ffc800", GradientType=1);
    /*box-shadow: inset 0 -0.6em 0 -0.35em rgb(0 0 0 / 17%);*/
    position: relative;
    white-space: normal !important;
    height: auto;
    border: 3px solid #00f;
    width: 100%;
    text-align: center;
    font-weight: 700;
    line-height: 1.3em;
    font-size: 24px;
}

.button {
    background-color: #fff;
    border-color: #dbdbdb;
    border-width: 1px;
    color: #363636;
    cursor: pointer;
    justify-content: center;
    padding-bottom: calc(.5em - 1px);
    padding-left: 1em;
    padding-right: 1em;
    padding-top: calc(.5em - 1px);
    text-align: center;
    white-space: nowrap;
}

.button.is-dark {
    background-color: #363636;
    border-color: transparent;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}

@media (max-width: 768px) {
    .menu-toggle {
        display: block; /* Show on smaller screens */
    }
    
    .nav {
        display: block; 
    }
    .d-block2 {
        display: block !important;
    }

    .video-overlay-play {
        background-image: url(images/playoverlay_mobile.gif);
    }

}

@media (min-width: 992px) {
    .row-lg-90 {
        max-width: 75%;
        margin: auto;
        padding: 0 15px;
    }
}

#player {
    max-height: 100vh;
    max-width: 100vw;
    width: 100%;
    height: 100%;
}

#success img { 
	max-width: 650px;
	margin: 0 auto 30px;
	display: block;
}

@media screen and (max-width: 650px) {
		
	#success img { max-width: 100%; }
	
	.nav-toggle { display: inline-flex; }
  .nav {
    position: absolute; inset: 64px 0 auto 0;  /* below header */
    transform: translateY(-8px); opacity: 0; pointer-events: none;
    transition: transform 150ms ease, opacity 150ms ease;
    background: #fff; border-bottom: 1px solid #eee;
  }
  .nav.open { transform: translateY(0); opacity: 1; pointer-events: auto; z-index: 9999; }

  .nav .menu {
    display: grid; gap: 0; 
  }
  .nav .menu li + li { border-top: 1px solid #f2f2f2; }
  .nav .menu a { padding: 1rem; }

  /* Hide desktop inline menu layout */
  .site-header .nav:not(.open) .menu { display: none; }
  .site-header .nav.open .menu { display: grid; }
	

	/* Hamburger → X animation */
	.icon .line { transition: transform 150ms ease, opacity 150ms ease; transform-origin: 12px 12px; }
	.nav-toggle[aria-expanded="true"] .line1 { transform: translateY(6px) rotate(45deg); }
	.nav-toggle[aria-expanded="true"] .line2 { opacity: 0; }
	.nav-toggle[aria-expanded="true"] .line3 { transform: translateY(-6px) rotate(-45deg); }
    
    .thankyou .content { padding: 25px 20px 25px; }
    
    .lightbluebg {
        background-image:none;
     }

    /* smartphone style (portrait and landscape) */
    .mobileonly {
        display: block;
    }

    .hidemobile {
        display: none;
    }
    
    .fullwidth { max-width: 100%; margin: 0; }

    .content {
        padding: 0px 20px 25px;
    }

    #video1 {
        width: 100%;
    }

    .darkbg,
    .redbg,
    .darkgreenbg, .purplebg {
        padding: 10px 20px;
        margin: 0px -20px;
    }

    .rotateleft,
    .rotateright {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    h1 {
        font-size: 32px;
        margin-top: 0;
    }

    .v2 h1 {
        font-size: 27px;
        margin-top: 0px;
    }

    .v2 .testimonial.mw75 {
        max-width: 100%;
    }

    .v2 .testimonial {
        padding: 15px;
    }

    h1 span {
        font-size: 1em;
    }

    .mainhead {
        font-size: 29px;
    }

    img.circlepic,
    img.circlepic2 {
        max-width: 100px;
        width: 100px;
        height: 100px;
        min-height: 100px;
        min-width: 100px;
        margin-right: 10px;
    }

    .fs90 {
        font-size: 48px;
    }
    
    .fs58, .fs62 { font-size: 24px; }

    .fs55 {
        font-size: 36px;
    }
    .fs38 { font-size: 26px; }

    .couponbox {
        margin: 0px;
    }

    .couponbox h2 {
        font-size: 32px;
    }

    .couponbox h3 {
        font-size: 22px;
    }

    .featherlight-content {
        padding-top: 10px !important;
    }

    .featherlight-content h2 {
        font-size: 28px;
        margin-bottom: 0;
    }

    .featherlight-content h3 {
        font-size: 25px;
        margin-bottom: 5px;
    }

    .featherlight-content p {
        font-size: 17px;
    }

    a.yellowBlueButton {
        font-size: 21px;
    }

    .featherlight-content img.prodimg {
        max-width: 250px;
        height: auto;
    }

    .row90 .testimonial h4 {
        font-size: 26px;
    }

    .row90 .testimonial p {
        font-size: 18px;
    }

    .row90 .testimonial p.name {
        font-size: 21px;
        margin-top: 15px;
    }

    h2 {
        font-size: 28px;
    }
    .bluebar h2.mfs20 { font-size: 20px; }
    .mfs16 { font-size: 16px; }
    p, ol, ul { font-size: 16px; }

    .arrowbox {
        padding-right: 10px;
    }

    .includebox .productimg {
        display: block;
        float: none;
        margin-left: 15px;
    }

    .guaranteebox h2 {
        font-size: 30px;
    }

    .alignright,
    .alignleft,
    .guaranteeimg {
        float: none;
        margin: 0 auto;
        display: block;
    }

    .alignleft.circlenum,
    .alignleft.circlenum90 {
        float: left;
        max-width: 75px;
        margin-right: 15px;
        margin-top: 15px;
        margin-left: -10px;
    }

    .guaranteebox p.larger {
        padding-top: 0;
        font-size: 1.45em;
    }

    span.larger {
        font-size: 1.35em;
    }

    .half,
    .half.box1,
    .half.box2 {
        width: 100%;
        float: none;
    }

    .joinbox {
        padding: 0px 5px;
    }

    .mtac {
        text-align: center;
    }

    h3.mtac {
        font-size: 24px;
        margin-top: 10px;
    }

    .bundleimage {
        max-width: 100%;
    }

    .alignleft.calebo {
        float: left;
        margin-right: 10px;
    }

    .producttitle {
        padding-top: 22px;
        font-size: 24px;
        margin-bottom: 0px;
    }

    .producttitle.mpt10 {
        padding-top: 10px;
    }

    .v2 .productimg {
        display: block;
        float: none;
    }

    .mfs35 {
        font-size: 35px;
    }

    .mfs24 {
        font-size: 24px;
    }

    .joinnow {
        font-size: 34px;
    }

    .fs45,
    .fs44,
    .fs30 {
        font-size: 24px;
    }

    .fs32 {
        font-size: 26px;
    }
    .fs34 { font-size: 16px; }
    ul.accordion li a.actoggle { font-size: 16px; }

    .fs21 {
        font-size: 19px;
    }

    .carbofixtitle {
        font-size: 84px;
    }

    .arrowbox {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .button-group__label {
        line-height: 19px;
    }

    input:checked+.button-group__label:after {
        line-height: 30px;
    }

    .button-group__price {
        font-size: 26px;
        margin-top: 7px;
    }

    .button-group__btn p {
        font-size: 14px;
    }

    .mattfamily,
    .berberine,
    .loseweight,
    .chromium,
    .blueberries,
    .burger,
    .nubbia1,
    .nubbiadrink,
    .nubbialocker,
    .food2,
    .extracts,
    .lockerroom,
    .training {
        margin-right: auto;
    }

    .onethird {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }

    .onethird.middle {
        margin: 0px 0px 30px;
    }

    .pricingbox a {
        text-decoration: none;
    }

    .pricingbox .spacer {
        height: 1px;
    }

    .pricingbox .onethird h3.bigprice {
        text-align: center;
    }

    .pricingbox .onethird h3.bigprice span {
        text-align: left;
    }

    .references {
        padding: 10px 20px 25px;
    }

    .references ol {
        word-break: break-word;
        padding-left: 20px;
    }

    footer {
        box-sizing: border-box;
        padding: 20px 20px 20px;
    }

    .myButton {
        word-break: break-word;
        white-space: normal;
    }

}

@media screen and (max-width: 340px) {}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .nav, .icon .line { transition: none; }
}