* {
	font-size:0;
}
body {
	font-family:'Lato', sans-serif;
	-webkit-text-size-adjust:100%;
}


button {
	font-size:16px;
	color:#4395ED;
	border:1px solid #4395ED;
	border-radius:5px;
	padding:10px 0;
	font-weight:300;
	letter-spacing:0.5px;
	width:220px;
	background:none;
	-webkit-appearance:none;
	cursor:pointer;
	text-align:center;
	transition:ease all 0.1s;
}
button:hover {
	opacity:0.8;
}
button:active, button:focus {
	opacity:0.5;
	outline:none;
}


#nav {
	background:#FBFBFB;
	height:70px;
	padding:30px 0;
}
#navHomeLink {
	display:block;
	float:left;
}
#navTitle {
	font-family:'Bitter', serif;
	display:inline-block;
	color:#333;
	font-size:22px;
	line-height:60px;
	vertical-align:middle;
	padding:5px 10px;
}
#navIcon {
	width:60px;
	height:60px;
	padding:5px;
	display:inline-block;
	vertical-align:middle;
	border-radius:10px;
}
#menuLinks {
	float:right;
	padding:15px 0;
}
.menuLink {
	font-size:15px;
	color:#4395ED;
	display:inline-block;
	line-height:30px;
	padding:5px;
	margin:0 0 0 30px;
	text-decoration:none;
	letter-spacing:0.25px;
	background:none;
	font-weight:400;
	transition:ease all 0.1s;
}
.menu:hover {
	opacity:0.8;
	background:none;
}


#navFIXED {
	background:#fff;
	background:rgba(255,255,255,0.97);
	border-bottom:1px solid #eee;
	padding:10px 0;
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	right:0;
}


#hero {
	margin-bottom:80px;
}
#heroContainer {
	max-width:1000px;
	width:100%;
	margin:0 auto;
	height:450px;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
}
#heroContent {
	width:34%;
	margin:0 3%;
	display:inline-block;
	vertical-align:top;
	position:relative;
	top:50%;
	transform:translateY(-50%);
}
#heroPreview {
	background:url('/assets/images/app21LandingiPhone6Triple.png');
	background-position:50%;
	background-size:contain;
	background-repeat:no-repeat;
	width:60%;
	display:inline-block;
	vertical-align:top;
	height:100%;
}
#heroCatch {
	font-size:30px;
	font-weight:300;
	color:#555;
	line-height:55px;
}
#heroText {
	font-size:18px;
	font-weight:300;
	color:#666;
	line-height:28px;
	padding:5px 5px;
}
#heroDownload {
	font-size:16px;
	font-weight:400;
	color:#444;
	line-height:35px;
	padding:10px;
}
#heroDownloadApple {
	color:#4395ED;
	font-size:16px;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:0.2px;
	padding:0 5px;
	display:block;
	line-height:25px;
	margin-bottom:10px;
	transition:ease all 0.1s;
}
#heroDownloadApple:before {
	content:" ";
	background:url('/assets/images/apple32.png');
	width:25px;
	background-size:16px;
	height:25px;
	vertical-align:top;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:50%;
	margin-right:5px;
}
#heroDownloadGoogle {
	color:#4395ED;
	font-size:16px;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:0.2px;
	padding:0 5px;
	display:block;
	line-height:25px;
	transition:ease all 0.1s;
}
#heroDownloadGoogle:before {
	content:" ";
	background:url('/assets/images/android32.png');
	width:25px;
	background-size:16px;
	height:25px;
	vertical-align:top;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:50%;
	margin-right:5px;
}
#heroDownloadApple:hover, #heroDownloadGoogle:hover {
	opacity:0.8;
}
a:focus {
	opacity:0.5;
}

#splash {
	background:#4395ED;
	min-height:400px;
}
#splashContainer {
	max-width:1000px;
	width:100%;
	margin:0 auto;
	height:450px;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
}
#splashContent {
	width:34%;
	margin:0 3%;
	display:inline-block;
	vertical-align:top;
	position:relative;
	top:50%;
	transform:translateY(-50%);
}
#splashPreview {
	background:url('/assets/images/nowTilesAngle.png');
	background-position:50% 100%;
	background-size:auto 500px;
	background-repeat:no-repeat;
	width:60%;
	display:inline-block;
	vertical-align:top;
	height:100%;
}
#splashNarrowPreview {
	display:none;
	background:url('/assets/images/nowTilesAngle.png');
	background-position:50% 0%;
	background-size:auto 500px;
	background-repeat:no-repeat;
	width:100%;
	height:450px;
}
#splashCatch {
	font-size:45px;
	font-weight:200;
	color:#fff;
	line-height:55px;
}
#splashText {
	font-size:18px;
	font-weight:300;
	color:#fff;
	line-height:28px;
	padding:15px 5px 0px 5px;
	letter-spacing:0.3px;
}
#splashIcons {
	background:url('/assets/images/yourNowTripleIcons.png');
	background-size:contain;
	background-position:50%;
	margin:40px 5px 10px 5px;
	height:50px;
	width:300px;
	background-repeat:no-repeat;
}

#highlights {
	min-height:400px;
	padding:40px 0 0 0;
}
#highlightsContent {
	max-width:1000px;
	width:100%;
	margin:0 auto;
}
#highlightsCatch {
	font-size:30px;
	font-weight:300;
	letter-spacing:0.2px;
	color:#555;
	line-height:55px;
	margin:15px 0 0 0;
	text-align:center;
}
#highlightsBox {
	padding:40px 0;
}
.highlight {
	width:30%;
	display:inline-block;
	margin:20px 1.5%;
	text-decoration:none;
	vertical-align:top;
}
.highlightText {
	font-size:17px;
	font-weight:300;
	text-align:center;
	letter-spacing:0.2px;
	color:#888;
	padding:25px 50px 25px 50px;
	line-height:25px;
}

/* FLAT */

#highlightsFlat #highlightsFeed {
	background:url('/assets/images/icons/menuFlatFeed.png');
}
#highlightsFlat #highlightsTraffic {
	background:url('/assets/images/icons/menuFlatTraffic.png');
}
#highlightsFlat #highlightsTransit {
	background:url('/assets/images/icons/menuFlatTransit.png');
}
#highlightsFlat #highlightsEarthquakes {
	background:url('/assets/images/icons/menuFlatEarthquakes.png');
}
#highlightsFlat #highlightsEvents {
	background:url('/assets/images/icons/menuFlatEvents.png');
}
#highlightsFlat #highlightsWeather {
	background:url('/assets/images/icons/menuFlatWeather.png');
}

/* COLOURED */

#highlightsColour #highlightsFeed {
	background:url('/assets/images/icons/menuColourFeed.png');
}
#highlightsColour #highlightsTraffic {
	background:url('/assets/images/icons/menuColourTraffic.png');
}
#highlightsColour #highlightsTransit {
	background:url('/assets/images/icons/menuColourTransit.png');
}
#highlightsColour #highlightsEarthquakes {
	background:url('/assets/images/icons/menuColourEarthquakes.png');
}
#highlightsColour #highlightsEvents {
	background:url('/assets/images/icons/menuColourEvents.png');
}
#highlightsColour #highlightsWeather {
	background:url('/assets/images/icons/menuColourWeather.png');
}
#highlightsColour #highlightsFlights {
	background:url('/assets/images/icons/menuColourFlights.png');
}

/* GREY */

#highlightsGrey #highlightsFeed {
	background:url('/assets/images/icons/menuGreyFeed.png');
}
#highlightsGrey #highlightsTraffic {
	background:url('/assets/images/icons/menuGreyTraffic.png');
}
#highlightsGrey #highlightsTransit {
	background:url('/assets/images/icons/menuGreyTransit.png');
}
#highlightsGrey #highlightsEarthquakes {
	background:url('/assets/images/icons/menuGreyEarthquakes.png');
}
#highlightsGrey #highlightsEvents {
	background:url('/assets/images/icons/menuGreyEvents.png');
}
#highlightsGrey #highlightsWeather {
	background:url('/assets/images/icons/menuGreyWeather.png');
}


#highlightsFeed, #highlightsTraffic, #highlightsTransit, #highlightsEarthquakes, #highlightsEvents, #highlightsWeather, #highlightsFlights {
	width:75px;
	height:75px;
	background-position:50% !important;
	background-size:contain !important;
	display:block;
	margin:0 auto;
}




#endDownload {
	min-height:200px;
	background:#f1f1f1;
	padding:25px 0;
}
#endDownloadContainer {
	max-width:560px;
	margin:0 auto;
	width:100%;
	text-align: center;
}
#endDownloadCatch {
	font-size:30px;
	font-weight:300;
	letter-spacing:0.2px;
	color:#555;
	line-height:55px;
	margin:15px 0;
	text-align:center;
}
#endDownload button {
	display:inline-block;
	margin:30px 30px 35px 30px;
}






.defaultMain {
	padding:20px 0 75px 0;
}
.defaultMainContent {
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
.defaultMainTitle {
	font-size:32px;
	font-weight:300;
	letter-spacing:0.2px;
	color:#555;
	line-height:60px;
	text-align:center;
	padding-bottom:10px;
}
.defaultMainText {
	font-size:18px;
	font-weight:300;
	color:#666;
	text-align:center;
	line-height:28px;
	padding:15px;
	letter-spacing:0.2px;
}



#ourTeam {
	padding:45px 0;
}
#ourTeamContent {
	max-width:1000px;
	width:100%;
	margin:0 auto;
}
#ourTeamCatch {
	font-size:30px;
	font-weight:300;
	letter-spacing:0.2px;
	color:#555;
	line-height:55px;
	margin:15px 0 0 0;
	text-align:center;
}
#ourTeamBox {
	padding:30px 0 25px 0;
}
.ourTeamMember {
	width:47%;
	display:inline-block;
	margin:20px 1.5%;
	text-decoration:none;
	vertical-align:top;
}
.ourTeamMemberName {
	font-size:18px;
	font-weight:300;
	text-align:center;
	letter-spacing:0.3px;
	color:#444;
	padding-top:10px;
	line-height:30px;
}
.ourTeamMemberPic {
	width:100px;
	height:100px;
	background-position:50% !important;
	background-size:contain !important;
	display:block;
	border-radius:100%;
	margin:0 auto;
}
.ourTeamMemberDesc {
	font-size:16px;
	font-weight:300;
	text-align:center;
	letter-spacing:0.2px;
	color:#888;
	line-height:25px;
}


#ourTeamMemberPicNick {
	background:url('/assets/images/team/nick2.jpg');
}
#ourTeamMemberPicRakshana {
	background:url('/assets/images/team/rakshan.jpg');
}
#ourTeamMemberPicDipesh {
	background:url('/assets/images/team/noPhoto.png');
}



#contact {
	background:#4395ED;
}
#contactContainer {
	width:100%;
	margin:0;
	height:300px;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
}
#contactContent {
	width:34%;
	margin:0 3%;
	display:inline-block;
	vertical-align:top;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	padding-bottom:25px;
}
#contactPreview {
	background:url('/assets/images/wellington.jpg');
	background-position:100% 70%;
	background-size:cover;
	background-repeat:no-repeat;
	width:60%;
	display:inline-block;
	vertical-align:top;
	height:100%;
}
#contactCatch {
	font-size:30px;
	font-weight:300;
	color:#fff;
	line-height:50px;
	padding-bottom:10px;
}
#contactText {
	font-size:16px;
	font-weight:300;
	color:#fff;
	line-height:28px;
	padding:15px 5px 0px 5px;
	letter-spacing:0.2px;
}

#yes {
	background:#f1655e;
}
#yesContainer {
	width:100%;
	margin:0;
	max-width:1000px;
	margin:0 auto;
	height:370px;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
	padding-bottom:20px;
}
#yesContent {
	width:54%;
	margin:0 3%;
	display:inline-block;
	vertical-align:top;
	position:relative;
	top:50%;
	transform:translateY(-50%);
}
#yesPreview {
	background:url('/assets/images/yesLogoWhite.png');
	background-position:50% 35%;
	background-size:auto 200px;
	background-repeat:no-repeat;
	width:40%;
	display:inline-block;
	vertical-align:top;
	height:100%;
}
#yesCatch {
	font-size:30px;
	font-weight:300;
	color:#fff;
	line-height:50px;
	padding-bottom:10px;
}
#yesText {
	font-size:16px;
	font-weight:300;
	color:#fff;
	line-height:28px;
	padding:15px 5px 0px 5px;
	letter-spacing:0.2px;
}
#yesLink {
	font-size:16px;
	color:#fff;
	background:#444;
	padding:10px 50px;
	text-decoration:none;
	font-weight:300;
	display:inline-block;
	border-radius:5px;
	letter-spacing:0.2px;
	margin:45px 0 5px 5px;
}

#history {
	padding:45px 0 25px 0;
}
#historyCatch {
	font-size:30px;
	font-weight:300;
	letter-spacing:0.2px;
	color:#555;
	line-height:55px;
	margin:15px 0 0 0;
	text-align:center;
}
#historyContent {
	width:100%;
	margin:0 auto;
	max-width:1000px;
	min-height:500px;
	position:relative;
}
#historyContent::before {
	content:'';
	position:absolute;
	top:0;
	left:33px;
	height:100%;
	width:4px;
	background:#d7e4ed;
}
.historyBlock {
	margin:25px 0 45px 0;
	position:relative;
}
.historyBlockImage {
	position:absolute;
	top:0;
	left:0;
	width:70px;
	height:70px;
	border-radius:50%;
	background:#eee;
}
.historyBlockContent {
	position:relative;
	margin-left:70px;
	padding:5px 25px;
}
.historyBlockTitle {
	font-size:20px;
	font-weight:300;
	letter-spacing:0.3px;
	color:#444;
	padding:13px 0 8px 0;
	line-height:30px;
}
.historyBlockDesc {
	font-size:16px;
	font-weight:300;
	letter-spacing:0.2px;
	color:#888;
	line-height:25px;
}
.historyBlockImage img {
	width:50px;
	height:50px;
	padding:10px;
}

#historyMore {
	font-size:22px;
	font-weight:300;
	letter-spacing:0.2px;
	color:#555;
	line-height:40px;
	margin:75px 15px 45px 15px;
	text-align:center;
}
#historyMoreButton {
	display: block;
	margin: 10px auto 70px auto;
}

@media (max-width:1050px) {
	#navContent {
		max-width:800px;
	}
	#heroContent {
		width:44%;
		margin:0 2%;
	}
	#hero {
		margin-bottom:50px;
	}
	#heroContainer {
		height:300px;
		max-width:800px;
	}
	#heroPreview {
		width:50%;
	}

	#splashContainer {
		height:400px;
	}
	#splashPreview {
		background-position:100% 100%;
		background-size:auto 420px;
		width:50%;
	}
	#splashContent {
		width:46%;
		margin:0 2%;
	}
	.defaultMain {
		padding:0px 0 55px 0;
	}
	#contactPreview {
		width:50%;
	}
	#historyContent {
		max-width:750px;
	}
	.footLink {
		margin:40px 25px;
	}
}
@media (max-width:820px) {
	.menuLink {
		margin:0 10px;
	}
	#navHomeLink {
		padding-left:5px;
	}
	#menuLinks {
		padding:15px 5px 15px 0;
	}
	#heroContainer {
		height:auto;
	}
	#heroContent {
		width:90%;
		margin:0px 5%;
		top:0;
		transform:none;
    	}
	#heroCatch, #heroText, #heroDownload, #heroDownloadApple, #heroDownloadGoogle {
		text-align:center;
	}
	#heroPreview {
		width:100%;
		height:400px;
		margin-top:30px;
	}
	#endDownload button {
		display:block;
		margin:35px auto 45px auto;
	}
	#splashContainer {
		height:auto;
	}
	#splashPreview {
		display:none;
	}
	#splashCatch {
		line-height:100px;
		margin-top:20px;
		text-align:center;
	}
	#splashContent {
		width:90%;
		margin:0px 5%;
		top:0;
		transform:none;
    	}
    	#splashIcons {
		max-width:300px;
		width:100%;
		margin:50px auto;
	}
	#splashText {
		text-align:center;
	}
	#splashNarrowPreview {
		display:block;
	}
	.highlight {
		width:48%;
		margin:20px 1%;
	}
	.defaultMainText {
		font-size:16px;
	}
	#contactPreview {
		display:none;
	}
	#contactContent {
		width:90%;
		margin:0 5%;
	}
	.ourTeamMember {
		width:97%;
		display:block;
		margin:20px 1.5% 65px 1.5%;
	}
	#ourTeamBox {
		padding:30px 0 0 0;
	}
	#yesContent {
		width:94%;
	}
	#yesPreview {
		display:none;
	}
	#historyContent {
		max-width:90%;
	}
	.footLink {
		margin:25px;
	}
	#footLinks {
		padding:20px 0;
	}
}
@media (max-width:550px) {
	#navTitle {
		display:none;
	}
	.menuLink {
		margin:0 5px;
	}
	#heroCatch {
		font-size:25px;
	}
	.highlight {
		width:90%;
		margin:20px 5%;
	}
	#highlightsCatch {
		font-size:28px;
		margin:15px 30px 0 30px;
	}
	#heroPreview {
		width:90%;
		margin:30px 5% 0 5%;
		height:300px;
	}
	#splashContent {
		width:95%;
		margin:0px 2.5%;
    	}
	.defaultMainTitle {
		font-size:30px;
	}
	#yesContainer {
		height:470px;
	}
	#yesContent {
		width:90%;
		margin:0 5%;
	}
}