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

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

@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?58205039');
  src: url('font/fontello.eot?58205039#iefix') format('embedded-opentype'),
       url('font/fontello.woff2?58205039') format('woff2'),
       url('font/fontello.woff?58205039') format('woff'),
       url('font/fontello.ttf?58205039') format('truetype'),
       url('font/fontello.svg?58205039#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	margin: 0;
	padding: 0;
	background: #f2f2f2;
	font-family: 'Open Sans', sans-serif;
}

.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: 10px 50px 25px;
	max-width: 800px;
	margin: 0 auto 20px;
}

h1,h2,h3,h4,h5 {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: -1px;
}
h1 { font-size: 50px; }
.v2 h1 { font-size: 47px; }
h1 span { font-weight: 900; font-size: 1.25em; }
h2 { font-size: 36px; }
h3 { font-size: 28px; }

.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; }

.mt0 { margin-top: 0; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mb0 { margin-bottom: 0; }

.tac { text-align:center; }
.alignleft { float: left; margin-right: 30px; margin-bottom: 20px; }
.alignright { float: right; margin-left: 30px; margin-bottom: 20px; }

a { color: #1a848d; }
a:hover { color: #0a3235; }

.red { color: #C00; }
.teal { color: #1a848d; }
.darkgreen{ color: #0a3235; }
.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;
}
.tealbox {
	background: #e8f2f3;
	border: 2px solid #1a848d;
	padding: 20px 30px 0px;
	margin-bottom: 20px;
}
.arrowbox { 
	clear:both; 	
	background: url('assets/arrows.png') 25px center no-repeat, linear-gradient(to right, #E8F2F3, #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: 170px;
	height: 170px;
	width: 170px;
	min-width: 170px;
	margin-top: -5px;
	margin-left: -10px;
	border: 5px solid #e5e5e5;
}
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: #0a3235; margin: 0px -50px; padding: 10px 50px; 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;*/
}

.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; }

.testimonial img {
	/*border-radius: 50em;*/
	min-height: 170px;
	height: 170px;
	width: 170px;
	min-width: 170px;
}
img.circlepic2.nmt30 { margin-top: -30px; }

footer p { font-size: 15px; }

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

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

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

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

#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; }

.fs21 { font-size: 21px; }
.fs24 { font-size: 24px; }
.fs32 { font-size: 32px; }
.mobileonly { display: none; }
.mw75 { max-width: 75%; }

.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;
}

.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;
}
.myButton:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.myButton:active {
	position:relative;
	top:1px;
}

.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; }

@media screen and (max-width: 650px){
    /* smartphone style (portrait and landscape) */
	.mobileonly { display: block; }
	.hidemobile { display: none; }
	.content { padding: 10px 20px 25px; }
	#video1 { width:100%; }
	.darkbg { padding: 10px 20px; margin: 0px -20px; }
	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; }
	h2 { font-size: 28px; }
	.arrowbox { padding-right: 10px; }
	.includebox .productimg { display: block; float: none; margin-left: 15px; }
	.guaranteebox h2 { font-size: 30px; }
	.alignleft, .guaranteeimg { float: none; display: block; margin: 0 auto; }
	.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; }
	.mfs24 { font-size: 24px; }
	.joinnow { font-size: 34px; }
	.fs32 { font-size: 26px; }
	.fs21 { font-size: 19px; }
	.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; }
	
}

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