@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic);
@import url(http://fonts.googleapis.com/css?family=Oswald:300,400,700);
@charset "utf-8";
/* CSS Document */

h1 {
	font-family:Oswald, Arial;
	font-size:45px;
	font-weight:400;
	text-align:center;
	color:#5E3075;
	margin-top:30px;
}

#content h2 {
	font-family:Oswald, Arial;
	font-size:20px;
	font-weight:400;
	margin-top:30px;
	text-transform:uppercase;
}

#content h2.alt1 { background-color:#5E3075; color:#FFF;margin-top:20px;padding:10px 0 10px 10px; }

#content .subheader {
	font-size:26px;
	line-height:30px;
	color:#888;
	margin-top:15px;
}

p {
	font-family:'PT Sans', Arial, sans-serif;
	font-size:17px;
	line-height:23px;
	color:#666;
	margin-top:30px;
}

p.small { font-size:13px;margin-top:5px }
span.small { font-size:12px }

ul {
	font-family:'PT Sans', Arial, sans-serif;
	font-size:17px;
	line-height:23px;
	color:#888;
	margin-top:15px;
	padding-left:15px;
	
	list-style:disc;
	
}

	ul li { margin-top:5px }
	
.box-in { border-radius:10px;border:1px solid #5E3075;padding:10px 25px 25px 25px;margin-top:10px; }
	
	
/*         INFO PAGE NAVIGATION CSS        */

.info_navigation {
	list-style:none;
	text-align:right;
}

.info_navigation li { border-bottom:1px solid #DDD;padding:10px 10px 12px 0;	font-family:'Oswald', 'PT Sans', Arial;font-size:1.2em;color:#5E3075; }
.info_navigation li.active { color:#99CA3C }
.info_navigation li.active:before { content:"►";font-family:Arial, sans-serif;font-size:16px;margin-right:5px;vertical-align:top; }
.info_navigation:first-of-type {border-top:1px solid #DDD }

.info_navigation_sub {
	list-style:none;
	text-align:right;
}

.info_navigation_sub li {
	font-family:'PT Sans', Arial;font-size:.9em;color:#5E3075;
	padding:5px 10px 5px 0;
}


/*         END INFO PAGE NAVIGATION CSS    */

a {
	text-decoration: none;
	color:inherit;
}

a#link { color:#99CA3C;text-decoration:underline }
a#link:hover { opacity:0.75 }
a#link:visited { color:#5E3075 }

img { max-width:100% }

hr { border:0;background-image:url(/images/dot_border1.png);height:2px;width:100% }

.content_container {
	max-width:1020px;
	margin:0 auto;
	display:block;
}

.image_container {
	background-size:cover;
	background-position:50% 50%;
	border-radius:10px;
	margin-top:10px;
}

	.image_container.h125 { height:125px }

.button_basic {
	width:100%;max-width:350px;display:inline-block;padding-top:22px;padding-bottom:19px;margin-right:10px;
	border-radius:10px; transition:0.2s;-webkit-transition:0.2s;
	
	font-family:'PT Sans', Arial, sans-serif;font-size:1.1em;text-transform:uppercase;text-align:center;font-weight:700;color:#FFF !important;letter-spacing:1px;line-height:1.2em }

span.lifestyleprice { font-family:Oswald, Arial, sans-serif;font-size:17px;font-weight:normal;color:#99ca3c;text-transform:uppercase;text-shadow:1px 1px 1px rgba(0,0,0,0.1) }


.button_basic:hover { opacity:0.8 }

#pagelinks .button_basic, #pagelinks p, #pagelinks image_container { margin-top:10px }

.divider {
	height:20px;width:100%;
	margin:0;padding:0;margin-bottom:50px;
	background:#99CA3C;
	position:relative;
		text-align:center;
}

	.divider .bubble {
		min-width:300px;
		border:5px solid #99CA3C;
		border-radius:42px;
		padding:17px 40px 15px 40px;
		text-align:center;
		background:#FFF;
		
		
		display:inline-block;
		max-width:400px;
		margin:0 auto;
		margin-top:-32px;
		vertical-align:middle;
		
		/* position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%); */
	}
	.divider > img {
		display:inline-block;
		margin:0 auto;
		margin-top:-32px;
		vertical-align:middle;
		height:81px;
	}
	
.feature {
	max-width:500px
}

.feature .backdrop { width:95%;margin-left:5%;border-radius:10px;padding:15px 0;position:relative }
.feature .backdrop > img { position:absolute;top:60%;right:5%;transform:translate(0, -50%);   opacity:0.25;width:58px; }

.feature .circle-image { width:175px;height:175px;border-radius:100%;float:left;margin:0 15px 0 0;z-index:10000;background-size:cover;position:relative }
.feature h3 { font-family:Oswald, Arial, sans-serif;font-size:32px;text-align:left;margin-bottom:10px; }
.feature ul { padding-left:15px; }
.feature li { font-family:'PT Sans', Arial, sans-serif;font-size:18px;line-height:22px;color:#FFF;font-weight:bold }
.feature li:before { content:"•";display:inline-block;margin-right:10px }
.feature p { font-size:16px;margin-top:10px; }
.feature p span { font-size:22px;font-weight:bold;text-transform:uppercase;text-decoration:underline }
.feature p span:first-of-type { margin-right:5px }
.feature p span:last-of-type { margin-left:5px }

.grid_spacing .grid { margin-bottom:30px }


.bban_wrap {
	width:100%;
	height:520px;
	background-color:#FFF;
}

	.bban_grad_left {
		width:6%;
		height:100%;
		position:absolute;
		left:0;
		background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	
	}
	
	.bban_grad_right {
		width:6%;
		height:100%;
		position:absolute;
		right:0;
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	}
	
	.bban_img {
		height:520px;
		position:relative;
		max-width:1250px;
		background-image:url(/images/front/family-banner_1.1.jpg);
		background-position-x:15%;
		background-size:cover;
		margin:0 auto;
	}
	
	.bban_circle {
		margin-top:35px;margin-left:0
	}
	
.slideshow_box { border:10px solid #5E3075;border-radius:10px;height:250px;overflow:hidden }
.slideshow_box img {
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;z-index:5000
 }
 
.pager { 
    text-align:center; width: 100%;
}
.pager span { 
    font-family: Arial; font-size: 50px;margin-top:-10px;
    display: inline-block; color: #ddd; cursor: pointer; 
}
.pager span.cycle-pager-active { color: #99CA3C;}
.pager > * { cursor: pointer;}
	
.h140 { height:140px }

/*    INFORMATION PAGES     */

.info_circle {
	width:100%;height:230px;max-width:230px;
	border-radius:100%;
	margin-top:30px;margin-left:auto;margin-right:auto;
	
	
	background-position:50% 50%;
	/*
	-- DEFINE PER CIRCLE --
	background-image:
	background-size:
	background-position:
	*/
	background-repeat:no-repeat;
	
	box-shadow:0 0 20px rgba(0,0,0,0.35);
}

.banner_commission { position:relative;width:100%;margin-top:-10px;height:50px }
.banner_commission img { top:0;left:50%;transform:translate(-50%,0);position:absolute }
.banner_commission .circle { width:70px;height:70px;border-radius:100%;background-color:#FFF;	position:absolute;left:50%;transform:translate(-50%, 0);top:-10px;border:3px solid #5E3075; }
.banner_commission span.commissions_percent { font-family:Oswald, Arial, sans-serif;color:#5E3075;font-weight:bold;font-size:1.9em;display:block;position:absolute;top:12px;left:50%;transform:translate(-50%, 0) }

.banner_commission span.commissions_percent span { font-size:0.5em;vertical-align:top }


/*------ FAQS -------*/

.faqs h3 { font-family:Oswald, Arial;
	font-size:23px;
	font-weight:300;
	text-align:left;
	margin-top:20px;display:block;
	line-height:30px;
	color:#99Ca3C;cursor:pointer
}

.faqs h3:before { content:"►";font-family:Arial, sans-serif;font-size:12px;margin-right:5px;vertical-align:middle }
.faqs h3.active:before { content:"▼";font-family:Arial, sans-serif;font-size:12px;margin-right:5px;vertical-align:middle; }

.faqs .answer { margin-top:15px;display:none;padding:20px;box-shadow:0 0 10px rgba(0,0,0,0.15);border-radius:0 0 20px 0 }
.faqs .answer p:first-of-type { margin-top:0 }

/*------- END FAQS -------*/

/*------- PRICING TABLE CSS ------*/

ol { list-style-type:decimal;font-family:'PT Sans', Arial, sans-serif;font-size:17px;color:#888;padding-left:25px;line-height:24px;font-weight:bold;margin-top:15px; }
ol li { margin-top:10px;line-height:21px }

table.earnings { width:100%;font-family:'PT Sans', Arial, sans-serif;margin-top:30px; }
table.earnings,
table.earnings th,
table.earnings td { border-collapse:collapse;color:#5E3075; }
table.earnings th,
table.earnings td { padding:10px;text-align:center }

table.earnings td {white-space:nowrap;overflow:hidden} /* fixes left arrow indicator overflowing */

table.earnings tbody tr:hover { background-color:rgba(153,202,60,0.1) }
table.earnings tbody tr:hover > td:first-of-type:after { content:"◄";font-family:Arial,sans-serif;margin-left:5px; }

table.earnings td:first-of-type { text-align:left;font-family:Oswald;font-size:18px;width:40%; }
table.earnings tbody tr td:before { content:"$";font-size:12px;vertical-align:top; }
table.earnings tbody tr td:first-of-type:before { content:"" }
table.earnings tbody tr td:nth-child(3),table.earnings tbody tr td:nth-child(4),table.earnings tbody tr td:nth-child(5) { font-weight:bold }
table.earnings tbody tr:nth-child(even) { border-top:1px dotted #99ca3C;border-bottom:1px dotted #99ca3c }

table.earnings tbody tr td img { width:60px;height:60px;border-radius:100%;	display:inline-block;vertical-align:middle;margin-right:10px;		border:2px solid #99CA3C }

table.earnings a { text-decoration:underline;transition:0.2s;-webkit-transition:0.2s; }
table.earnings a:hover { color:#99CA3C }

table.earnings thead th { font-size:18px;font-weight:bold;vertical-align:middle;border:1px solid #99CA3C;border-bottom:3px solid #99CA3C;border-collapse:collapse }

/* ------END PRICING TABLE CSS ------*/

/*     END INFORMATION PAGES      */

/* ------ COLOUR CSS ------- */

.green { color:#99ca3c !important }
.green h2 { color:#99CA3C }
.green h3 { color:#99CA3C }
.green span { color:#99CA3C }
.green .backdrop { background-color:#99ca3c }
.green .circle-image { border:4px solid #99ca3c }
.green .button_basic {
	background: #99ca3c; /* Old browsers */
	background: -moz-linear-gradient(top,  #cfeabb 0%, #99ca3c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfeabb), color-stop(100%,#99ca3c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cfeabb 0%,#99ca3c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cfeabb 0%,#99ca3c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cfeabb 0%,#99ca3c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cfeabb 0%,#99ca3c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfeabb', endColorstr='#99ca3c',GradientType=0 ); /* IE6-9 */
}

.blue { color:#00adef !important }
.blue h2 { color:#00adef }
.blue h3 { color:#00adef }
.blue span { color:#00adef }
.blue .backdrop { background-color:#00adef }
.blue .circle-image { border:4px solid #00adef }
.blue .button_basic {
	background: #99ca3c; /* Old browsers */
	background: -moz-linear-gradient(top,  #6dcff6 0%, #00adef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6dcff6), color-stop(100%,#00adef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6dcff6 0%,#00adef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6dcff6 0%,#00adef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6dcff6 0%,#00adef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6dcff6 0%,#00adef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dcff6', endColorstr='#00adef',GradientType=0 ); /* IE6-9 */
}

.pink { color:#ec008b !important }
.pink h2 { color:#ec008b }
.pink h3 { color:#ec008b }
.pink span { color:#ec008b }
.pink .backdrop { background-color:#ec008b}
.pink .circle-image { border:4px solid #ec008b }
.pink .button_basic {
	background: #99ca3c; /* Old browsers */
	background: -moz-linear-gradient(top,  #f499c1 0%, #ec008b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f499c1), color-stop(100%,#ec008b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f499c1 0%,#ec008b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f499c1 0%,#ec008b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f499c1 0%,#ec008b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f499c1 0%,#ec008b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f499c1', endColorstr='#ec008b',GradientType=0 ); /* IE6-9 */
}

.purple { color:#5e3075 !important }
.purple h2 { color:#5e3075 }
.purple h3 { color:#5e3075 }
.purple span { color:#5e3075 }
.purple .backdrop { background-color:#5e3075 }
.purple .circle-image { border:4px solid #5e3075 }
.purple .button_basic {
	background: #99ca3c; /* Old browsers */
	background: -moz-linear-gradient(top,  #9c85be 0%, #5e3075 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c85be), color-stop(100%,#5e3075)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9c85be 0%,#5e3075 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9c85be 0%,#5e3075 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9c85be 0%,#5e3075 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9c85be 0%,#5e3075 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c85be', endColorstr='#5e3075',GradientType=0 ); /* IE6-9 */
}

.orange { color:#f7931d !important }
.orange h2 { color:#f7931d }
.orange h3 { color:#f7931d }
.orange span { color:#f7931d }
.orange .backdrop { background-color:#f7931d }
.orange .circle-image { border:4px solid #f7931d }

.yellow { color:#fec10d !important }
.yellow h2 { color:#fec10d }
.yellow h3 { color:#fec10d }
.yellow span { color:#fec10d }
.yellow .backdrop { background-color:#fec10d }
.yellow .circle-image { border:4px solid #fec10d }

.hide {
	display:none;
	visibility:hidden;
}
/* ----- END COLOUR CSS ----- */

@media (max-width: 1250px) {
	
		.bban_img { background-position:100% }
		.footer-back { display:none }
		#content { padding-bottom:70px }
		
}

@media (max-width: 1020px) {

		.bban_grad_left, .bban_grad_right {
			display:none;
		}
		
		.h140 { height:auto }
		
		
}

@media (max-width: 850px) {
	
	.slideshow_box { margin-left:auto;margin-right:auto }
	
		.grid [class*='col-'] { width:100%;padding-left:15px;padding-right:15px }
		.grid [class*='col-']:last-of-type { padding-right:15px;margin-top:30px }
		
		.bban_img { background-position-x:50% }
		
		h1, h2.subheader { padding-left:15px;padding-right:15px }
		.info_circle { margin:15px auto 0 auto }
		table.earnings tbody tr:hover > td:first-of-type:after { content:"";font-family:Arial,sans-serif;margin-left:0px; }
		
		.divider .bubble { margin-bottom:30px }
		.divider {
			 height:auto;background:transparent;border-top:5px solid #99CA3C;
		}
		
		.feature { display:block;margin-left:auto;margin-right:auto }
		
}

@media (max-width: 470px) {
	
	.feature .circle-image { float:none;margin:0 auto; }
	.feature .backdrop { margin-left:0;width:100%; }
	
	.feature h3 { text-align:center;margin-top:10px }
	
	.feature p { text-align:center }
		
}

@media (max-width: 330px) {
	
		
}