/**
 * Lifetick Website
 * Version 5.0
 * Author Tim Wilson
 */

body{
	background-color: #ffffff;
	color: #555555;
	font-family: "myriad-pro",Helvetica, Arial, sans-serif;
	margin: 0px;
	text-align:center;
	font-weight: normal;
}

/* Headings */
h1, h2, h3, h4{
	color: #3170a0;
	color: #222;
	font-weight: 600;
	letter-spacing: 0;
}

h1{
	font-size: 28px;
	margin-bottom: 50px;
}

h2{
	font-size: 18px;
	color: #555;
	font-weight: normal;
}

h3{
	font-size: 18px;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0;
}

a.button{
	border-color: #3170a0;
	color: #3170a0;
}

a.button.large{
	font-size: 18px;
}

a.button:hover{
	color: #fff;
	background-color:#3170a0;
	border-color: #3170a0 !important;
	text-shadow: none !important;
}

.indent{
	margin: 20px;
}

a:active {
	color: #000;
}
a:link {
	color: #336699;
}
a:visited {
	color: #003366;
}
a:hover {
	color: #6699cc;
}

/* Elements */

.button{
	text-transform: none;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0;
	border-radius: 4px;
	line-height: 31px;
	height: auto;
	padding:0 15px;
	padding-bottom: 1px;
}

.section{
	margin-top: 60px;
	margin-bottom: 60px;
}

.section.content h1{
	margin-bottom: 2rem;
}

.footer{
	padding-top: 20px;
	padding-bottom: 20px;
	border-top:1px solid #ddd;
	background-color:#f5f5f5;
	position:relative;
}

.footer .columns{
	text-align:left;
	color:#444;
	font-size:13px;
}

.footer .columns a{
	margin-right:10px;
	color:#444;
	text-decoration:none;
}

.footer .columns a:hover{
	color:#336699;
}

.footer .columns .links{
	font-size:11px;
	border-bottom:1px solid #ddd;
	padding-bottom: 10px;
}

.footer .columns .m86Info{
	font-size:11px;text-align:left;
	border-top:1px solid #fff;
	padding-top:10px;
	padding-bottom:20px;
}

/* Heading / Navigation bar */

.header{
	background-color: #f7f7f7;
	background-position: top center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

.header .topHeader{
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: rgba(255,255,255,0.8);
	border-bottom: rgba(255,255,255,0.9) solid 1px;
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 100%);
}
.header.index{
	background-color: #F1E9C5;
	background-color: #e8e7ea;
}
@media (min-width: 750px) {
	.header.index{
		background-image: url('images/homeFeature2.jpg');
	}
}

.header.family{
	background-image: url('images/familyFeature.jpg');
}

.header.school{
	background-image: url('images/schoolFeature.jpg');
}

.header.business{
	background-image: url('images/businessFeature.jpg');
}

.header.pricing,
.header.help,
.header.guides{
	background-color: #fff;
}
.header.pricing .topHeader,
.header.help .topHeader,
.header.guides .topHeader{
	border-bottom: 1px solid #eee;
}

@media (min-width: 750px) {

	.header{
		background-position: top right;
	}

	.header.index{
		background-size: auto auto;
		background-position: top center;
	}

}

@media (min-width: 850px) {
	.header.family{
		background-position: top right;
	}
}

.header .logo{
	background-image: url('images/logo_highres.png');
	background-size: 180px 65px;
	width: 180px;
	height: 65px;
	display: block;
}
/*
.header.school .logo{
	background-image: url('images/logo_highres_invert.png');
}
*/

.mobile_actions{
	display: block;
	position: absolute;
	right:0;
	top:0;
}

.nav_action{
	display: none;
}

@media (min-width: 730px) {
	.mobile_actions{
		display: none;
	}

	.nav_action{
		display: block;
	}
}



.header .logoColumn{
	float:none;
}

.header .navColumn{
	margin-left: 0;
	text-align: left;
	width: 100%;
}

/** NAVIGATION BAR **/
.header ul{
	display: inline-block;
	list-style: none;
	margin-top:10px;
	margin-bottom: 0;
}

.header ul li{
	float:left;
	margin: 0;
	margin-right:5px;
}

.header ul li a{
	display: block;
	color:#3170a0;
	padding: 0.4em 0em;
	margin-right: 1.6em;

	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 3px solid rgba(255,255,255,0.0);
}

.header ul li a.signup{
	font-weight: 600;
}
.header ul li a.login{
	font-weight: 600;
}

.header ul li a.active,
.header ul li a.active:hover{
	border-bottom: 3px solid #3170a0;
}

.header ul li a:hover{
	border-bottom: 3px solid #3170a0;
}

/** END NAVIGATION BAR **/

/* Larger than desktop */
@media (min-width: 1100px) {
	.header .logoColumn{
		float:left;
	}
	.header .navColumn{
		margin-left: 4%;
		text-align: left;
		width: 74.0%;
	}



}


.header h1{
	font-size: 32px;
	margin-bottom: 5px;
	margin-top: 0px;
}

.header .features p{
	margin-bottom: 10px;
	color: #555;
	font-size: 1.3em;
}



.header h2{
	font-size: 24px;
	color: #fff;
	margin-bottom: 0px;
}

.header .features{
	text-align: left;
}


/* Mobile */
.header .features.main .column .outer .copy{
	margin-top: 30px;
	margin-bottom: 30px;
}

.header .features.main .column .outer{
	display: inline-block;
}

/* Larger than tablet */
@media (min-width: 750px) {
	.header .features.main .column .outer{
		height: 465px;
	}
	.header .features.main .column .outer .copy{
		margin-top: 120px;
	}
}

/* Larger than tablet */
@media (min-width: 1100px) {

	.header .features.main .column .outer .copy{
		margin-top: 160px;
	}
}

/** HOME **/






.header .features.sub{
	background-color: rgba(0,0,0,0.6);
	padding-top: 30px;
	padding-bottom: 30px;
}

.header .features.sub .column .bg{
	background-color: #000;
	opacity: 0.5;
}

.header .features.sub p{
	color:#fff;
	font-size:14px;
	line-height: 1.2em;
	margin-bottom: 12px;
	margin-right: 15px;
	margin-top: 6px;
}


.section.panel{
	background-color: #e6f4fd;
	text-align:left;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 0;

}

.section.panel h2{
	font-weight: bold;
	color: #3170a0;
}

.section.panel p{
	min-height: 95px;
}




/* Personal page elements */

.homeScreenshot{
	max-width: 750px;
	max-height: 470px;
}

.callout,
.callout_simple{
	background-color: #e6f4fd;
	text-align: left;

	background: #e6f4fd; /* Old browsers */
	background: -moz-linear-gradient(left, #e6f4fd 0%, #d1ebfc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #e6f4fd 0%,#d1ebfc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #e6f4fd 0%,#d1ebfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f4fd', endColorstr='#d1ebfc',GradientType=1 ); /* IE6-9 */


}

.callout.alt,
.callout.alt-color{
	background-color: #fff;
	background: #fff;
}

.callout .row,
.callout_simple .container{
	padding-top: 80px;
	padding-bottom: 80px;
}

.callout h2,
.callout_simple h2{
	color: #222;
	font-size: 28px;
	font-weight: 600;
}

.callout p{
	font-size: 18px;
}







@media (min-width: 800px) {
	.callout.sharing .column{
		padding-right: 400px;
	}
	.callout.sharing .row{
		background-image: url('images/sharing.png');
		background-repeat: no-repeat;
		background-position: bottom right;
	}

	.callout.family .column{
		padding-right: 400px;
	}
	.callout.family .row{
		background-image: url('images/pages/familyCallout.png');
		background-repeat: no-repeat;
		background-position: bottom right;
	}

	.callout.school .column{
		padding-right: 400px;
	}
	.callout.school .row{
		background-image: url('images/pages/schoolCallout.png');
		background-repeat: no-repeat;
		background-position: bottom right;
	}

	.callout .column{
		padding-right: 450px;
	}
	.callout.alt .column{
		padding-left: 450px;
		padding-right: 00px;
	}

	.callout .row{
		background-repeat: no-repeat;
		background-position: bottom right;
		background-size: 400px 400px;
	}

	.callout.alt .row{
		background-position: bottom left;
	}

	.callout.goalsList .row{
		background-image: url('images/pages/personalCallout_goals.png');
	}

	.callout.share .row{
		background-image: url('images/pages/personalCallout_share.png');
	}

	.callout.reports .row{
		background-image: url('images/pages/personalCallout_reports.png');
	}

	.callout.journal .row{
		background-image: url('images/pages/personalCallout_journal.png');
	}

	.callout.clients .row{
		background-image: url('images/pages/businessCallout_clients.png');
	}

	.callout.business_goal .row{
		background-image: url('images/pages/businessCallout_goal.png');
		background-size: 400px 440px;
	}

	.callout.business_tracker .row{
		background-image: url('images/pages/businessCallout_tracker.png');
		background-position: center left;
	}

	.callout.business_journal .row{
		background-image: url('images/pages/businessCallout_journal.png');
		background-position: center right;
	}

	.callout.business_addClient .row{
		background-image: url('images/pages/businessCallout_addClient.png');
		background-position: bottom left;
		background-size: 400px 480px;
	}

	.callout.halo .row{
		background-image: url('images/pages/personalCallout_halo.png');
	}

}
.callout.signup{
	margin-bottom: 20px;
}

.callout.signup .column{
	text-align: center;
	font-size: 18px;
	color: #3170a0;
	font-weight: 600;
}
.callout.signup .column a{
	margin-left: 10px;
	margin-bottom: 0;
}

.helpMe h3{
	margin-top: -10px;
}

.quotes p{
	margin-top: 20px;
	margin-bottom: 0;
}

.quotes em{
	display: block;
	margin-bottom: 20px
}



/* Help pages */

.contentPage.row{
	text-align: left;
}

.contentPage.row h1{
	margin-top: 20px;
	margin-bottom: 25px;
}

.section.content{
	text-align: left;
	margin-top: 20px;
}

.section.content h1{
	font-size:24px;
	color: #555;
}

.section.content h4{
	font-size: 14px;
}


.sideMenu{
	padding: 0;
	margin: 0;
	list-style: none;
}

.sideMenu li{
	margin: 0;
	margin-left: 10px;
}

.sideMenu li a{
	padding: 2px 6px;
	display: block;
}

.sideMenu li.heading{
	font-size: 16px;
	font-weight: 600;
	border-radius: 4px;
	margin: 0;
	margin-top: 15px;
	padding: 0;
	color: #555;
}
.sideMenu li:first-child{
	margin-top: 0;
}

ul.list{
	list-style: outside;
	margin-left: 20px;
}

ul.list.compact{
	margin-top: 10px;
	margin-bottom: 10px;
}
ul.list.compact li{
	margin-bottom: 0;
}
ul.list li{

}

.container.examples .row{
	margin-bottom: 40px;
	text-align: left;
}

.container.examples .row .column{

	border:1px solid #e6f4fd;
	background-color: #EFF7FC;
	border-radius: 3px;
	padding: 40px;

}

.container.examples .row .column strong{
	color: #3170a0;
	padding-bottom: 20px;
	display: inline-block;
	font-size: 16px;
}

.container.examples .row .column ul{

}

.container.examples .row .column .button{
	margin-bottom: 0;
	margin-top: 30px;
}


.embedded_list,
.embedded_list_2{
	margin-bottom:40px;
	padding-left:20px;
}

.embedded_list li{
	margin-bottom:20px;
}

.image_content img,
.embedded_list img{
	border:1px solid #ccc;
	padding:1px;
	margin:10px;
	margin-top:0;
}
.image_content img.top,
.embedded_list img.top{
	margin-top:10px;
}
.image_content img.right,
.embedded_list img.right{
	float:right;
}
.image_content img.left,
.embedded_list img.left{
	float:left;
}

.pricingTable th{
	border-right: 1px solid #bad4e4;
	border-top: 1px solid #bad4e4;
	border-bottom-color: #bad4e4;
	text-align: center;
}
.pricingTable th.label{
	border-top: none;
}

.pricingTable th{
	background-color: #f2f9fd;
}

.pricingTable th.coach{
	background-color: #f2e8fb;
	border-color: #d8c6e8;
}

.pricingTable td{
	text-align: center;
	background-color: #f8fbfd;
}

.pricingTable td{
	border-right: 1px solid #bad4e4;
	border-bottom: 1px solid #bad4e4;
	font-size: 13px;
}

.pricingTable th:last-child, .pricingTable td:last-child {
    padding-right: 12px;
}

.pricingTable td.coach{
	background-color: #fbf7ff;
	border-color: #d8c6e8;
}
.pricingTable td.na{
	color: #ccc;
}

.pricingTable td.label,
.pricingTable th.label{
	text-align: left;
	background-color: #fff;
}

.pricingTable td em{
	font-style: normal;
	font-size: 12px;
}

.pricingTable td.tick{
	background-image: url('images/pages/tick.png');
	background-repeat: no-repeat;
	background-position: center;
}

.pricingTable tr.price td,
.pricingTable tr.plans td{
	font-weight: 600;
	font-size: 15px;
}

.pricingTable tr.plans em{
	display: block;
	font-size: 11px;
	font-weight: normal;
}

.pricing{
	color: #222;
}
.pricing .label,
.pricing .labelTop{
	background-color: rgba(0,0,0,0.05);
	color: #666;
	font-weight: bold;
	text-align: left;
}
.pricing .labelTop{
	text-align: center;
}

.pricing .price{
	font-size: 18px;
}

.pricing td{
	border:1px solid #333;
	padding:12px 15px;
	vertical-align: top;
	text-align: center;

}

.priceFeatures h2{
	font-size: 22px;
	font-weight: bold;
	margin: 20px;
	margin-bottom: 0;
	color: #fff;
}

.priceFeatures .cost{
	font-size: 30px;
	font-weight: bold;
	color: #fff;
}

.priceFeatures .button{
	color: #fff;
	border-color: #fff;
	margin-bottom: 20px;
	margin-top: 20px;
}

.priceFeatures .button:hover{
	background-color: #fff;
	border-color: #fff !important;
	color: #000 !important;
}

.priceFeatures .column{
	border-radius: 8px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	margin-bottom: 10px;
}
.priceFeatures .column.free{
	background-color: #41db48;
	background: linear-gradient(to right, #2cb632 0%,#41db48 100%);
}

.priceFeatures .column.paid{
	background-color: #4175db;
	background: linear-gradient(to right, #678fdf 0%,#4175db 100%);
}

.priceFeatures .column.team{
	background-color: #8941db;
	background: linear-gradient(to right, #9d5ee4 0%,#8941db 100%);
}
.priceFeatures .column ul{
	margin: 10px;
	padding:20px;
	border-radius: 6px;
	background-color: rgba(255,255,255,0.9);
	list-style: none;

	text-align: left;
}

.priceFeatures .column ul li{
	display: block;
	padding-left: 20px;
}

.priceFeatures .column ul li:before {
    content: "✔  ";
    margin-left: -20px;
		margin-right:4px;
    color: #128317;
}

.priceFeatures .column ul li.no:before {
    content: "✘  ";
    margin-left: -20px;
		margin-right:4px;
    color: #eb452f;
}

.teamPriceBox{

	padding: 40px;
	background-color: #fff;
	text-align: center;
	border-radius: 6px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

.teamPriceBox .title{
	font-size: 26px;
}

.teamPriceBox .price{
	font-size: 80px;
	font-weight: bold;
}

.teamPriceBox .period{
	font-size: 20px;
}

.teamPriceBox .action{
	margin-top: 40px;
}
.teamPriceBox .action a{
	display: inline-block;
	margin-top: 16px;
}

ul.talent{
	list-style: none !important;
}

ul.talent li{
	margin-bottom: 0;
}

table.talent td{
	vertical-align: top;
	border:1px solid #ccc;
	padding:6px;
}

table.talent tr.header td{
	background-color: #eee;
}


.features .tag{
	display: inline-block;
	background-color: rgb(238, 230, 122);
	border-radius: 3px;
	font-size: 12px;
	padding: 8px 16px;
	font-weight: bold;
	margin-bottom: 12px;
	color:#000;
}

.videoContainer{
	position:relative;
	min-height: 300px;
	background-color: #000;
}

.videoContainer iframe{
	width:100%;
	min-height: 360px;
}

/* Icons */

.icon{
	width: 75px;
	height: 85px;
	background-size: 75px 85px;
	display: inline-block;
}

.coreValues{
	background-image: url('images/icons/coreValues.png');
}
.goals{
	background-image: url('images/icons/goals.png');
}
.journal{
	background-image: url('images/icons/journal.png');
}
.dreams{
	background-image: url('images/icons/dreams.png');
}
.track{
	background-image: url('images/icons/track.png');
}
.charts{
	background-image: url('images/icons/charts.png');
}

.weight{
	background-image: url('images/icons/weight.png');
}
.saving{
	background-image: url('images/icons/saving.png');
}
.fitness{
	background-image: url('images/icons/fitness.png');
}
.learning{
	background-image: url('images/icons/learning.png');
}

.backpack{
	background-image: url('images/icons/backpack.png');
}
.couple{
	background-image: url('images/icons/couple.png');
}
.icon.family{
	background-image: url('images/icons/family.png');
}
.scales{
	background-image: url('images/icons/scales.png');
}
.speech{
	background-image: url('images/icons/speech.png');
}
.status{
	background-image: url('images/icons/status.png');
}

.chartUp{
	background-image: url('images/icons/chartUp.png');
}
.checklist{
	background-image: url('images/icons/checklist.png');
}
.communication{
	background-image: url('images/icons/communication.png');
}
.hero{
	background-image: url('images/icons/hero.png');
}
.organisation{
	background-image: url('images/icons/organisation.png');
}
.target{
	background-image: url('images/icons/target.png');
}
.thermometer{
	background-image: url('images/icons/thermometer.png');
}
.handshake{
	background-image: url('images/icons/handshake.png');
}

.compass{
	background-image: url('images/icons/compass.png');
}
.computer{
	background-image: url('images/icons/computer.png');
}
.grade{
	background-image: url('images/icons/grade.png');
}
.notebook{
	background-image: url('images/icons/notebook.png');
}
.organisation2{
	background-image: url('images/icons/organisation2.png');
}
.people{
	background-image: url('images/icons/people.png');
}
.star{
	background-image: url('images/icons/star.png');
}
.uniform{
	background-image: url('images/icons/uniform.png');
}