/* global */

@font-face { font-family: 'akkurat-light';src: url(../fonts/AkkuratStd-Light.eot);src: url(../fonts/AkkuratStd-Light.eot?#iefix) format('embedded-opentype'),url(../fonts/AkkuratStd-Light.woff) format('woff'),url(../fonts/AkkuratStd-Light.ttf) format('truetype'),url(../fonts/AkkuratStd-Light.svg#quartzregular) format('svg');font-weight: 400;font-style: normal; }

@font-face { font-family:'akkurat-bold';src:url(../fonts/AkkuratStd-Bold.eot);src:url(../fonts/AkkuratStd-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/AkkuratStd-Bold.ttf) format('truetype'),url(../fonts/AkkuratStd-Bold.svg#quartzregular) format('svg');font-weight:700;font-style:normal; }

@font-face { font-family:'akkurat-regular';src:url(../fonts/AkkuratStd-Regular.eot);src:url(../fonts/AkkuratStd-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/AkkuratStd-Regular.woff) format('woff'),url(../fonts/AkkuratStd-Regular.ttf) format('truetype'),url(../fonts/AkkuratStd-Regular.svg#quartzregular) format('svg');font-weight:400;font-style:normal; }

@font-face { font-family:'akkurat-italic';src:url(../fonts/AkkuratStd-Italic.eot);src:url(../fonts/AkkuratStd-Italic.eot?#iefix) format('embedded-opentype'),url(../fonts/AkkuratStd-Italic.woff) format('woff'),url(../fonts/AkkuratStd-Italic.ttf) format('truetype'),url(../fonts/AkkuratStd-Italic.svg#quartzregular) format('svg');font-weight:400;font-style:normal; }

html {
	font-family: "akkurat-regular";
	color: #909090;
}

body {
	font-family: "akkurat-regular";
	color: #909090;
	background: #333333;
}

h1, h2, h3, h4, h5 {
	font-family: "akkurat-bold";
	color: #FF820B;
}

p {
	font-family: "akkurat-regular";
}

body em {
	font-family: "akkurat-italic";
}

body strong {
	font-family: "akkurat-bold";
}

.maxwidth {
	max-width: 1024px;
}

.center {
	margin: 0 auto;
}

.text-center {
	align-text: center !important;
}

.extra-padding-top {
	padding-top: 30px !important;
}

.extra-padding-bottom {
	padding-bottom: 30px !important;
}

.clear {
	clear: both;
}

.no-display {
	display: none !important;
}

@media screen and (max-width: 991px) {
	.sm {
		display: none !important;
	}
}

@media screen and (max-width: 767px) {
	.xs {
		display: none !important;
	}
}

#main {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#home-page {
	display: block;
	/*position: relative; /* Set the position property so z-index will apply */
	/*z-index: 40; /* Make sure this is higher than #menu */
}

#page {
	display: block;
	position: relative;
	z-index: 40;
}

.other-page {
	background: #FFFFFF;
}

.container,
.container-fluid {
	background: transparent;
}



/* Header */

.header {
	height: 60px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 7px;
	font-size: 16px;
}

/* Large Screens */

@media screen and (min-width: 636px) {
	.logo {
		background-image: url('../images/logo.png');
		background-size: cover;
		width: 100px;
		height: 45px;
		display: inline-block;
		float: left;
	}

	.logo-white {
		background-image: url('../images/Lark-logo.png');
		background-size: cover;
		width: 78px;
		height: 36px;
		display: inline-block;
		float: left;
	}
	
	.nav {
		display: inline-block;
		float: right;
		height: 45px;
		padding-top: 7px;
	}

	.mobile-nav {
		display: none;
	}

	.nav ul ul {
		display: none;
	}

	.nav ul li:hover > ul {
		display: block;
	}

	.nav ul {
		padding: 0px;
		list-style: none;
		position: relative;
		display: inline-block;
		text-align: left;
		index: 999;
	}

	.nav ul li {
		float: left;

	}

	.nav ul li a {
		padding: 5px 20px;
		display: block;
		color: #636564;
		text-decoration: none;
	}

	/* index */
	.homepage .nav ul li a {
		padding: 5px 20px;
		display: block;
		color: #FFFFFF;
		text-decoration: none;
	}

	.nav ul li:hover {

	}

	.nav ul li:hover a {
		color: #636564;
		text-decoration: none;
	}

	/* index */
	.homepage .nav ul li:hover a {
		color: #FFFFFF;
		text-decoration: none;
	}

	.nav ul li a:hover {
		color: #FF820B;
	}
	
	/* index */
	.homepage .nav ul li a:hover {
		color: #FF820B;
	}

	.nav ul li:hover > ul {
		margin: 0px;
		padding: 0px;
	}

	.nav ul li:hover > ul li {
		float: none;
		display: block;
	}

	.nav ul li:hover > ul li a {
		min-width: 250px;
		color: #636564;
		text-decoration: none;
	}

	/* index */
	.homepage .nav ul li:hover > ul li a {
		min-width: 250px;
		color: #FFFFFF;
		text-decoration: none;
	}

	.nav ul li:hover > ul li a:hover {
		color: #FF820B;
	}

	.nav ul li {
		position: relative;
	}

	.nav ul li ul {
		position: absolute;
		top: 26px;
		left: 0px;
	}
	
	.nav ul li ul li {
		/*background: #FFFFFF;
		opacity: 0.8;*/
		background: rgb(255, 255, 255);
		background: rgba(255, 255, 255, 0.6);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";
	}
	
	.social {
		margin-top: -2px;
		height: 32px;
		width: 32px;
		padding: 0px !important;
	}

	.site-twitter {
		background-image: url('../images/twitter.png');
		background-size: 30px 30px;
		background-repeat: no-repeat;
		margin-right: 10px;
	}

	.twitter-text {
		display: none !important;
	}

	.site-facebook {
		background-image: url('../images/fb.png');
		background-size: 30px 30px;
		background-repeat: no-repeat;
	}

	.facebook-text {
		display: none !important;
	}

	.jumbotron h1 {
		padding: 0px 0px 0px 0px;
		text-align: center;
		color: #FF820B;
		font-family: "akkurat-light";
		font-size: 45px;
		margin: 0px;
	}

	.mobile-phone {
		display: none !important;
	}

	#nav-toggle {
		display: none !important;
	}

	#nav-toggle span,
	#nav-toggle span:before,
	#nav-toggle span:after {
		display: none !important;
	}
	#nav-toggle span:before {
		display: none !important;
	}
	#nav-toggle span:after {
		display: none !important;
	}

	#nav-toggle span,
	#nav-toggle span:before,
	#nav-toggle span:after {
		display: none !important;
	}
	
	.appstore-large {
		display: block;
		padding: 20px 0 0 0;
		margin-bottom: -5px;
	}
	
	.appstore-small {
		display: none !important;
	}
}

/* Small Screens */

@media screen and (max-width: 635px) {
	.logo {
		background-image: url('../images/logo.png');
		background-size: cover;
		width: 100px;
		height: 45px;
		display: block;
		margin: 0 auto;
		z-index: 800;
	}

	.logo-white {
		background-image: url('../images/Lark-logo.png');
		background-size: cover;
		width: 78px;
		height: 36px;
		display: block;
		margin: 0 auto;
	}
	
	.nav {
		display: none !important;
	}

	.site-twitter {
		background-image: none;
	}

	.twitter-text {

	}

	.site-facebook {
		background-image: none;
	}

	.facebook-text {

	}

	.jumbotron h1 {
		padding: 0px 0px 0px 0px;
		text-align: center;
		color: #FF820B;
		font-family: "akkurat-light";
		font-size: 24px;
	}

	.appstore-small {
		display: block !important;
		padding: 10px 0px 0px 0px;
	}
	
	.appstore-large {
		display: none !important;
	}

	.videoContainer {
		display: none !important;
	}

	.mobile-phone {
		background-image: url('../images/get_fitter.png');
		background-size: cover;
		width: 300px;
		height: 576px;
	}

	#nav-toggle {
		cursor: pointer;
		padding: 30px 60px 30px 20px;
		z-index: 999;
	}

	#nav-toggle span,
	#nav-toggle span:before,
	#nav-toggle span:after {
		cursor: pointer;
		border-radius: 1px;
		height: 5px;
		width: 35px;
		background: #FF820B;
		position: absolute;
		display: block;
		content: '';
	}
	#nav-toggle span:before {
		top: -10px;
	}
	#nav-toggle span:after {
		bottom: -10px;
	}

	#nav-toggle span,
	#nav-toggle span:before,
	#nav-toggle span:after {
		transition: all 500ms ease-in-out;
	}
}



/* Footer */

#footer {
	background-color: #FF820B;
	height: 60px;
}

.footer-style {
	height: 60px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 22px;
	font-size: 14px;
}



/* Pages */

/* Lark Company Information */

.company-row {
	padding: 30px 0px 0px 0px;
}

.company {
	border-bottom: 1px solid #D9D9D9;
}

.company h1 {
	color: #FF820B;
}

.companies {
	padding: 15px 0px 15px 0px;
}



/* Lark Press */

.press-row {
	padding: 30px 0px 0px 0px;
}

.press {
	border-bottom: 1px solid #D9D9D9;
}

.press h1 {
	color: #FF820B;
}

.testimonial-header {
	font-family: 'akkurat-bold';
}

.quote-1 {
	
}

.quote-2 {
	
}

.quote-3 {
	
}

.presses {
	padding: 15px 0px 15px 0px;
}

.press-image {
	height: 145px;
	text-align: center;
}

.press-image a {
	text-decoration: none;
}

.press-description {
	text-align: left;
	margin: 0 auto;
	padding-top: 10px;
	max-width: 260px;
	color: #000000;
}

.quote {
	font-family: "akkurat-bold";
}

.no-quote {
	display: none !important;
}

.link {
	color: #FF820B;
}

.press-kit,
.press-kit:link {
	font-family: "akkurat-bold";
	text-decoration: none;
	color: #FFFFFF;
	background-color: #FF820B;
	padding: 15px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
}

.press-kit:hover,
.press-kit:visited,
.press-kit:active {
	font-family: "akkurat-bold";
	text-decoration: none;
	color: #FFFFFF;
	background-color: #FFBF00;
	padding: 15px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: inset 0px 0px 4px #D9D9D9;
	display: inline-block;
}

.presses-kit {
	padding: 30px 0px 200px 0px;
}

.presses-kit p {
	padding-top: 20px;
}

.macworld-background {
	background: #2699CD;
	padding-top: 48px;
}

.the-next-web {
	padding-top: 2px;
}

.fortune {
	padding-top: 47px;
}

.fitness-magazine {
	padding-top: 40px;
}

.shape-mag {
	padding-top: 33.5px;
}

.silicon-valley-business-journal {
	padding-top: 32px;
}

.buzzfeednews {
	padding-top: 54.5px;
}

.macstories {
	padding-top: 33px;
}

.thirty-under-thirty {
	padding-top: 2px;
}



/* Lark Reviews */

.reviews-row {
	padding: 30px 0px 0px 0px;
}

.reviews {
	border-bottom: 1px solid #D9D9D9;
}

.twitter-tweet {
	margin-bottom: 45px !important;
}

.tweeter-tweet {
	margin: 0 auto;
}

.quotation {
	font-size: 18px;
}

.quotation-author {
	color: #000;
}



/* Lark Health Committee */

.description-row {
	padding: 30px 0px 0px 0px;
}

.description {
	border-bottom: 1px solid #D9D9D9;
	padding-bottom: 30px;
}

.description h1 {
	color: #FF820B;
}

.description p {
	margin: 0px;
	color: #626262;
}

.newsflash {
	font-size: 20px;
	font-family: 'akkurat-bold';
}

.newsflash-p {
	padding-bottom: 30px;
}

.members {
	padding: 30px 0px 15px 0px;
}

.member-image {
	text-align: center;
}

.member-description {
	text-align: left;
	margin: 0 auto;
	max-width: 260px;
	color: #000000;
}

.member-name {
	color: #FF820B;
	font-size: 14px;
	font-style: bold;
	padding-top: 10px;
	padding-bottom: 0px;
	margin: 0px;
}

.you {
	color: #FF820B;
	font-size: 26px;
	font-style: bold;
	padding-top: 10px;
	padding-bottom: 0px;
	margin: 0px;
}

.member-title {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

.member-bio {
	color: #D9D9D9;
	font-size: 12px;
	padding-bottom: 20px;
	padding-bottom: 20px;
	color: #626262;
}



/* Lark Management Team */

.management-row {
	padding: 30px 0px 0px 0px;
}

.management {
	border-bottom: 1px solid #D9D9D9;
}

.management h1 {
	color: #FF820B;
}

.managements {
	padding: 0px 0px 15px 0px;
	border-bottom: 1px solid #D9D9D9;
}

.managements .col-md-4,
.managements .col-sm-6,
.managements .col-xs-12 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.management-image {
	padding-top: 15px;
	text-align: left;
}

.manage-img {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.manage-img,
	.manage-img {
		display: block;
		margin: 0 auto;
	}
	
	.management-person {
		padding-left: 0px !important;
	}
	
	.management-title {
		padding-left: 0px !important;
	}
	
	.management-description {
		padding-left: 0px !important;
	}
}

.management-text {
	padding-top: 15px;
}

.management-person {
	color: #FF820B;
	font-size: ;
	font-family: 'akkurat-bold';
	margin: 0px !important;
	padding: 0px 0px 0px 15px;
}

.management-title {
	color: #444444;
	padding: 0px 0px 0px 15px;
}

.management-description {
	padding: 0px 0px 0px 15px;
}



/* Lark for iPhone and Index */

.jumbotron {
	margin: 0px;
	padding-top: 0px;
}

.gradient-background {
	background-image: radial-gradient(circle at top right, #C9F8FD, #FFFFFF 60%);
}

.float_center {
	float: right;
	position: relative;
	left: -50%;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

.float_center > .child {
	position: relative;
	left: 50%;
}

.float_center ul {
	list-style-type: none;
	margin: 0;
	padding: 10px 0px;
}

.float_center ul li {
	float: left;
	list-style-type: none;
	margin: 0 6px;
}

.iphone {
	
}

.iphone-left {
	background-image: url('../images/sleep_better.png');
	background-size: cover;
	width: 250px;
	height: 480px;
	position: relative;
	top: 50px;
}

.iphone-center {
	background-image: url('../images/empty_iphone.png');
	background-size: cover;
	width: 300px;
	height: 576px;
	position: relative;
}

.iphone-right {
	background-image: url('../images/get_fitter.png');
	background-size: cover;
	width: 250px;
	height: 480px;
	position: relative;
	top: 50px;
}

.highlights {
	border-top: 1px solid #D9D9D9;
	padding-bottom: 30px;
}

.icon-row col-md-3,
.icon-row col-sm-6,
.icon-row col-xs-6 {
	padding: 0px !important;
}

.icon-one {
	
}

.icon-two {
	
}

.icon-three {
	
}

.icon-four {
	
}

.icon-row {
	
}

.icon-set {
	
}

.iconer {
	width: 100%;
	padding: 30px 0 30px 0;
}

.icon-title {
	font-size: 30px;
	font-family: 'akkurat-bold';
}

.fit {
	color: #FF820B;
}

.sleep {
	color: #041A4C;
}

.eat {
	color: #15A337;
}

.stress {
	color: #21D5AC;
}

.macworld {
	text-align: center;
	border-top: 1px solid #D9D9D9;
	padding: 30px 20px 30px 20px;
}

.macworld-caption,
.macworld-caption a,
.macworld-caption a:link {
	color: #636564;
}

.macworld-caption a:hover,
.macworld-caption a:visited,
.macworld-caption a:active {
	color: #FF820B;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 35px;
	height: 0;
	overflow: hidden;
	max-width: 800px;
	margin: 0 auto;
}

.video-container iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

.features {
	border-top: 1px solid #D9D9D9;
	padding-bottom: 30px;
}

.features h2 {
	color: #FF820B;
}

.features h3 {
	color: #000;
}

.features p {
	margin-bottom: 10px;
}

.attribution p {
	font-size: 10px;
	padding-top: 30px;
}