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

html, body {
	height:100%;
	width:100%;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:25px;
	letter-spacing:0.5px;
	margin:0px;
	padding:0px;
}

img {
    /* hack for terrible image scaling in IE */
   	-ms-interpolation-mode: bicubic;
}

/* grid*/

.grid{
	display:table;
	table-layout:fixed;
}

.cell{
	display:table-cell;
	vertical-align:top;
}
.half{
	width:50%;
}
.third{
	width:33.3%;
}

.grid > .cell{
	padding-left:20px;
	padding-right:20px;
}

.v-borders .cell{
	border-right:1px solid #ccc;
}
.v-borders .cell:last-child{
	border-right:0px solid #ccc;	
}
.cell p:last-child{
	margin-bottom:0px;	
}


/* layout */
div{
	position:relative;
	display:block;
}
#header{
	height:460px;
	background:#a0aabb url(../img/header.jpg) no-repeat center bottom;
	overflow:hidden;
	color:#fff;
}
#header.noimg{
	background:#a0aabb;	
}

#footer{
	background:#a0aabb;
	overflow:auto;
	text-align:center;
}
.inner{
	max-width:1000px;
	margin:0px auto 0px;
	padding:0px 0px 40px;
}

.border-bottom{
	border-bottom:1px solid #ccc;
}
.grid{
	margin:50px 0px;
}
.center{
	text-align:center;
}

.gradient {
  background: -webkit-linear-gradient(#fff, #eceff2); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fff, #eceff2); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fff, #eceff2); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fff, #eceff2); /* Standard syntax */
}
.products h4{
	margin:25px 0px 10px;
	font-size:25px;
}
.products h5{
	margin:25px 0px 0px;
	font-size:18px;
	font-weight:normal;
}
.products p{
	font-size:18px;
	padding-right:25px;
}

ul.list {
	margin:0px 0px 25px;
	padding:10px 0px 0px 0px;
	list-style:none;
}
ul.list li{
	border-top:1px solid #ccc;
	padding:5px 0px;	
}

.products a{
	text-decoration:none;	
}
.products a:hover{
	color:#000;	
}
.products .second{
	display:none;
}
.products .more {
	display:block;
	margin:25px 0px 0px;
	cursor:pointer;	
}

.products .hide {
	display:none;
	margin:25px 0px 0px;
	cursor:pointer;	
}
.products .appstore{
	border-top:1px solid #ccc;
	display:block;
	margin-top:50px;
	padding-top:50px;
}
.products .press i{
	display:block;
	font-style:normal;
	font-size:12px;
	line-height:15px;
	margin-bottom:5px;
}

.large, .large-no-shadow {
	margin: 0 auto;
	margin-top:30px;
	max-width: 640px;
}
.large {
	border:1px solid #ddd;
	box-shadow: 0px 1px 10px 10px #e6e6e6;
}

.phone, .phone-no-shadow {
	margin: 0 auto;
	margin-top:30px;
	max-width: 320px;
}
.phone {
	border:1px solid #ddd;
	box-shadow: 0px 1px 10px 10px #e6e6e6;
}

.imgnav{
	margin-top:20px;
}

.article {
	-webkit-touch-callout: auto;
	-webkit-user-select: auto;
	-khtml-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}

.flexslider { 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	-o-box-shadow: none; 
	box-shadow: none; 
	margin: 0 0 20px;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.flex-control-paging li a {
	width: 10px;
	height: 10px; 
	display: block; 
	background: #FFFFFF; 
	border:1px solid #CCCCCC;
	cursor: pointer; 
	text-indent: -9999px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-o-border-radius: 5px; 
	border-radius: 5px; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	-o-box-shadow: none; 
	box-shadow: none; 
}
	
.flex-control-paging li a:hover { 
	background: #CCCCCC; 
	border:1px solid #CCCCCC;
}
.flex-control-paging li a.flex-active { 
	background: #000000; 
	border:1px solid #000000;
	cursor: default; 
}


/* typo */
h2{
	text-align:center;
	font-weight:normal;
	font-size:40px;
	line-height:50px;
	padding:0px;
	margin:50px 0px 0px;
}
h3{
	font-weight:200;
	text-align:center;
	font-size:20px;
	line-height:25px;
	padding:0px;
	margin:5px 0px 0px;
	color:rgba(0,0,0,0.8);
}
h4, .testimonial-name {
	font-weight:normal;
	font-size:18px;
	line-height:25px;
	margin:0px;	
	
}
	
	
p{
	margin:0px 0px 25px;	
}

p.statement{
	font-style:italic;
	margin-bottom:12px;	
}

p.testimonial-title {
	margin: 0px;
}

.quote {
	font-style:italic;
}

.author {
	font-size:16px;
}

a.email {
	text-decoration: none;
	color:black;
}

a{
	color:#828FA3;
}

.address{
	width:200px;
	margin:25px auto 13px;
	padding:12px;
	border-top:1px solid rgba(0,0,0,0.5);
	border-bottom:1px solid rgba(0,0,0,0.5);
}
/* nav */
ul.nav{
	list-style:none;
	margin:0px;
	padding:0px;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
ul.nav li{
	float:left;	
	padding:3px 12px;
	margin:1px;
	margin-left:0px;
	cursor:pointer;
}
ul.nav li.on, ul.nav li:hover{
	margin:0px;
	margin-left:-1px;
	border:1px solid #ccc;		
}

/* appnav */
.appnav{
	border-top:1px solid #ccc;
	margin-top:50px;
	padding:0px;
	text-align:center;
	z-index: 10;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.appnav .inner{
	margin:-16px 0px !important;
	padding:0px !important;
}
.appnav ul.nav{
	display:inline-block;
	background:#fff;
	padding:0px 10px;
}


/* header */
#header ul.nav li.on, #header  ul.nav li:hover{
	border:1px solid rgba(255,255,255,0.5);		
}
#langnav{
	float:left;	
	margin-left:20px;
}
#login, #close{
	float:right;
	margin-right:20px;
}
#headernav{
	margin-top:25px;
}
#logo{
	width:75px;
	margin:0px auto 0px;
}
#logo img{
	margin-top:-35px;	
}
#header h2{
	margin-top:10px;	
}
#header h3{
	color:#fff;
	line-height:30px;
}

#header table{
	margin:30px auto;
}

#header .login{
	display:none;
}
#header .login input{
	border:1px solid #fff;
	background:rgba(160,170,187, 0.9);
	color:#fff;	
	height:32px;
	padding:5px 10px;
	width:150px;
	margin:5px;
}
#header .login input.submit {
	background:#fff;
	color:#a0aabb;	
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
}

/* content */
/* idea */
#idea {
	-moz-user-select: none; 
	-webkit-user-select: none; 
	-ms-user-select:none; 
	user-select:none;
}
#idea div{
	display:table;
	position:absolute;
	border:1px solid rgba(0,0,0,0.25);
	border-radius:1000px;
	
	
}
#idea div.main{
	background-color:#a0aabb;
	color:#fff;
	border:0px;
	border-radius:1000px;
}
#idea div.main i{
	font-size:46px;
	font-weight:normal;
	font-style:normal;
	line-height:46px;	
}
#idea div span{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-size:18px;
	line-height:18px	
}
#idea div span b{
	display:inline-block;
	font-weight:200;
	margin-top:-8px;
}
.container{
	font-size: 0;
	line-height: 0;
	margin:50px 0px;
}
.partner {
	width:33.1%;	
	display:inline-block;
}


.partner img {
	height: 100px;
}


.people{
	vertical-align: top;
	margin-top: 0px;
	width:24.9%;	
	display:inline-block;
}
.people p{
	font-size:16px;
	line-height:25px;
}

/* media queries */
@media screen and (max-width: 750px) {
	.partner img {
		height: 80px;
	}

}
@media screen and (max-width: 600px) {
	#header{
		background-size: 150%;
	}
	h2{
		padding:0px 25px;
	}
	h3{
		padding:0px 25px;
	}
	h4{
		font-size:20px;
		text-align:center;
	}
	
	.testimonial-name {
		font-size:20px;
		text-align:center;
	}
	.testimonial-title {
		text-align:center;
		margin: 0px;
	}
	.testimonial-company {
		text-align:center;
	}
	
	.people, .partner{
		width:49.5%;
	}
		
	.grid{
		display:block;
		width:100%;
		margin:0px !important;
		padding:0px 25px !important;
	}
	.cell{
		display:block;
		width:100% !important;
		padding:15px 0px !important;
		margin:0px 0px !important;
			
	}
	.v-borders .cell h4 {
		border-top:1px solid #ccc;
		padding:15px 0px;
		margin:0px 50px;
	}
	
	.v-borders .cell{
		border-right:0px !important;	
	}
	.products p{
		padding-right:20px;
	}
	
	
	
	
}