@charset "utf-8";

html,body {margin:0;padding:0;}

body {
	background:#fff;
	line-height: 1.4;
	text-align: center;
	font-family: "futura-pt",sans-serif;
	color:#2a2a2a;
	font-size:20px;
}

.container {
	max-width:1400px;
	margin:0 auto;
	text-align: left;
	position: relative;
}

.container.half {
	max-width:660px;
}

h1,h2,h3,h4 {
	margin:0;
	font-weight: normal;
}

p {
	font-weight: 300;
	letter-spacing: 0.025em;
}

p a {
	font-weight: normal;
	letter-spacing: normal;
}

a {
	color:#4d8f60;
	text-decoration: none;
}

a:hover {
	color:#175024;
}

a.btn {
	display:inline-block;
	background:#4d8f60;
	color:#fff;
	padding:15px 60px;
	border-radius: 2px;
	font-size:20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing:0.05em;
}

a.btn:hover {background-color:#175024;}

img {max-width: 100%;height: auto;}

@media (max-width:1439px){
.container {margin:0 20px;}
.container.half {margin:0 auto;}
}

@media (max-width:699px){
.container.half {
	margin:0 20px;
	}
}
@media (max-width:600px){
	body {line-height: 1.25;}
}


/* Hero */
#hero {
	background:#2a2a2a url(i/hero1.jpg) no-repeat top;
	background-size:cover;
	height:600px;
	overflow: hidden;
}

#hero .container {text-align: center;}

#hero img {
	width:280px;
	position: absolute;
	top:50px;
	left:0;
}

.nav {
	margin:0;
	padding:0;
	position: absolute;
	top:84px;
	right:0;
	list-style: none;
	text-align: right;
}

.nav li {
	display:inline-block;
	margin-left:32px;
}

.nav li a {
	text-transform: uppercase;
	font-size:16px;
	font-weight: 700;
	color:#87d985;
	letter-spacing: 0.05em;
}

.nav li a:hover {color:#fff;}

#hero h1 {
	font-size:54px;
	color:#fff;
	font-weight: normal;
	padding-top:250px;
	margin:0;
}

#hero .btn {margin-top:30px;}

@media (max-width:920px){
	.nav {display: none;}
	#hero img {position: relative;}
	#hero h1 {
	font-size:36px;
	padding-top:100px;
	}
	#hero {height:440px;}
}

@media (max-width:599px){
	#hero h1 {
	font-size:30px;
	padding-top:100px;
	}
	#hero {
	height:400px;
	background-position: 70%;
	}
}


/* Overview */
#overview {
	background-color:#f2f2f1;
	padding:100px 0;
}

#overview h2 {
	font-size:42px;
	text-align: center;
	margin-bottom:10px;
}

#overview h2+span {
	font-size:18px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color:#656565;
	text-align: center;
	display:block;
}

.poweredby {
	margin:40px auto;
	text-align: center;
	font-size:18px;
	color:#7b7b7b;
}
.poweredby img {
	width:340px;
}

.comparison {
	margin: 40px 0 20px;
	text-align: center;
}

#overview p:last-of-type {
	margin-top:40px;
	text-align: center;
}

.presslogos {
	text-align: center;
	margin-top:50px;
}

.presslogos img {padding:0 8px;}

@media (max-width:800px){
	#overview {padding:60px 0;}
}

@media (max-width:600px){
	#overview h2 {font-size:36px;}
}

/* Solutions */
.solution {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	padding:90px 0;
	border-bottom:1px solid #ecedec;
}

.solution > div {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	width:660px;
    }

.solution:last-child {border: none;}

.productimg {text-align: center;}

.productdesc h2 {font-size:44px;}
.productdesc h2+span {
	font-size:18px;
	font-weight: 300;
}
.productdesc h3 {
	font-size:18px;
	font-weight: 700;
}

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

.productdesc ul li {
	display:inline-block;
	margin:6px 20px 6px 0;
	font-size:18px;
}

ul.docs li a {
	padding-left:26px;
	background: url(i/ico-doc.png) left no-repeat;
	background-size:contain;
}

ul.drivers li a {
	padding-left:36px;
	background: url(i/ico_driver.png) no-repeat;
	background-size:contain;
}

@media (max-width:1200px){
	.productdesc h2 {font-size:36px;}
	.productimg {margin-right:40px;}
}

@media (max-width:1024px){
	.solution {
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	padding:45px 0;
	}
}

/* Mission */
#mission {
	padding:140px 0;
	background: url(i/worldwide.jpg) no-repeat center;
	background-size:cover;
	text-align: center;
	color:#fff;
}

#mission h2 {
	font-size:44px;
	margin-bottom:40px;
}

#mission p {
	text-align: left;
	margin:0 auto 1.5em;
	padding:0 20px;
}

@media (max-width:1024px){
	#mission {padding:90px 0;}
	#mission h2 {font-size:36px;}
}



/* Press */
#press {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
	margin-top:60px;
}

.feature {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	width:660px;
	background:#4d8f60 no-repeat top;
	background-size:cover;
	color:#fff;
	position: relative;
	min-height:375px;
}

#press > a,
#press > div {margin-bottom:42px;}

.feature:hover {outline: 6px solid #4d8f60;}

.feature h2 {
	max-width:calc(100% - 80px);
	margin:0 auto;
	font-size:26px;
	position: absolute;
	left:42px;
	top:42px;
}

.feature p {
	max-width:calc(100% - 80px);
	margin:0 auto;
	position: absolute;
	bottom:42px;
	left:42px;
	font-size:18px;
}

.feature a {color:#fff;}

#ms1 {background-image: url(i/feature_ms1.jpg);}
#jrs {background-image: url(i/feature_jrs.jpg);}
#gakawa {background-image: url(i/feature_gakawa.jpg);}
#bellevue {background-image: url(i/feature_bellevue.jpg);}
#geek1 {background-image: url(i/feature_geekwire.jpg);}
#global1000 {background-image: url(i/feature_global1000.jpg);}

.feature.lite {
	color:#4c4c4c;
	min-height:0;
	background:none;
	border:1px solid #4d8f60;
}
.feature.lite h2,
.feature.lite p {
	margin:42px auto;
	position: relative;
	bottom: auto;
	left: auto;
	top:auto;
}

.feature.lite a {color:#4d8f60;}

.feature.lite.static {
	border-color: #d4d4d4;
}
.feature.lite.static:hover {outline: none;}

@media (max-width:1399px){
	#press {
	-webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	}
	.feature {margin:0 20px;}
}

@media (max-width:720px){
	.feature {
	width:calc(100% - 80px);
	margin:0;
	padding:40px;
	min-height: inherit;
	}
	.feature h2 {
	max-width:none;
	font-size:24px;
	margin-bottom: 40px;
	position: relative;
	top:auto;
	left: auto;
}

.feature p {
	max-width:none;
	margin:0 auto;
	position: relative;
	left:auto;
	bottom: auto;
}
}


/* Footer */
#footer {
	text-align: center;
	margin:40px auto 160px;
}

#footer h2 {
	font-size:30px;
	margin-bottom:56px;
}
	
footer {
	margin-top:140px;
	border-top:1px solid #d4d4d4;
	padding-top:42px;
	font-size:16px;
	font-weight:normal;
	text-align: left;
}

footer > div:nth-child(1) {float:left;}
footer > div:nth-child(2) {
	float:right;
	text-align: right;
}

.sep {color:#d4d4d4;}

@media (max-width:1480px){
	footer {margin:100px 40px 0;}
}

@media (max-width:800px){
	#footer h2 {margin-bottom:40px;}
	footer {margin-top:60px;}
	footer > div:nth-child(1),
	footer > div:nth-child(2) {float:none;text-align: center;}
}

/* Demo Video */
#demovid {padding:0 0 80px 0;}
.embed-container {position:relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;}
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#demovid .container {text-align:center;}
#demovid p a {color:#4d8f60;}

a:active {outline: none;}
::-moz-selection {background: #4d8f60; color:#fff;}
::selection {background: #4d8f60; color:#fff;}