/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html,button,input,select,textarea {
	color:#222;
}

html {
	font-size:1em;
	line-height:1.4;
}

::-moz-selection {
	background:#b3d4fc;
	text-shadow:none;
}

::selection {
	background:#b3d4fc;
	text-shadow:none;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}

audio,canvas,img,video {
	vertical-align:middle;
}

fieldset {
	border:0;
	margin:0;
	padding:0;
}

textarea {
	resize:vertical;
}

.browsehappy {
	margin:.2em 0;
	background:#ccc;
	color:#000;
	padding:.2em 0;
}

/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */
body {
	font:16px/26px Helvetica,Helvetica Neue,Arial;
}

.wrapper {
	width:90%;
	margin:0 5%;
}

/* ==============
    MOBILE: Menu
   ============== */
nav ul {
	margin:0;
	padding:0;
}

nav a {
	display:block;
	margin-bottom:10px;
	padding:15px 0;
	text-align:center;
	text-decoration:none;
	font-weight:700;
	color:#fff;
	background:#e44d26;
}

nav a:hover,nav a:visited {
	color:#fff;
}

nav a:hover {
	text-decoration:underline;
}

/* ==============
    MOBILE: Main
   ============== */
.main {
	padding:0;
}

.main article h1 {
	font-size:2em;
}

.main aside {
	color:#fff;
	padding:0 5% 10px;
}

.footer-container footer {
	height:auto;
}

/* ===============
    ALL: IE Fixes
   =============== */
.ie7 .title {
	padding-top:20px;
}

/* ==========================================================================
   MOBILE: Clients page styling.
   ========================================================================== */
body {
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight:300;
	font-stretch:normal;
	font-size:12pt;
	height:100%;
	width:100%;
	background-color: #fdfdfd;
}

h1 {
	font-family: "HelveticaNeueUltraLight", "HelveticaNeue-Ultra-Light", "Helvetica Neue Ultra Light", "HelveticaNeue-UltraLight", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Arial", sans-serif;
	font-weight:100;
	font-stretch:normal;
	font-size:28pt;
	}

h3 {
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight:300;
	font-stretch:normal;
	font-size:10pt;
}

div.main.wrapper.clearfix {
	/*background-image:url(/img/downward_chevron.png);*/
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:top center;
	background-size:100%;
}

div#header {
	width:100%;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}

div#header img {
	width:40%;
	display:block;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
}

div#header h1 {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	line-height:100%;
	font-size:14pt;
	color:gray;
}

select#languages {
  font-size:small;
  position:absolute;
  top:20px;
  right:20px;
}

div#platform-card-container {
	width:90%;
	height:auto;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	white-space:nowrap;
}

div.platform-card {
	display:block;
	width:100%;
	max-width:260px;
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

div.platform-card.selected {
	background-color:#ffebc9;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	cursor:inherit;
}

div.platform-card div.platform-card-contents {
	margin:10%;
	width:80%;
	height:100%;
}

div.platform-card h3 {
	font-weight:300;
	color:#666;
}

div.platform-card img {
	width: auto;
	max-width:100%;
	height: auto;
	max-height:50px;
}

div.platform-card.selected img {
	height: auto;
	max-height:60px;
}

div.platform-card.selected div.details {
	display:block;
}

div.platform-card div.details {
	display:none;
}

div.platform-card div.details.preload {
	display: block;
}

div.platform-card:hover h3 {
	color:#111;
}

a.download-button {
	display:inline-block;
	width:80%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#fd7501;
	box-shadow:0 1px 1px gray;
	color:#eee;
	text-decoration:none;
	font-size:10pt;
}

a.download-button:hover {
	color:#fff;
	box-shadow:0 2px 2px gray;
	text-shadow:0 0 2px #fff;
}

a.download-button:active {
	box-shadow:none;
}

div.registration-details p {
	font-weight:lighter;
	font-size:8pt;
	line-height:10pt;
}

div#description-container {
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

div#description-container div#description-text {
	display:block;
	width:100%;
}

div#description-container div#description-video-link {
	display:block;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	text-align:center;
}

div#description-container div#description-video-link a {
	display:block;
	color:#666;
	text-decoration:none;
}

div#description-container div#description-video-link a:hover {
	color:#111;
}

div#description-container div#description-video-link a img {
	display:inline-block;
	width:80px;
	margin-left:auto;
	margin-right:5px;
	margin-bottom:4px;
}

div#description-container div#description-text p {
	font-size:90%;
	font-weight:100;
	color:#777;
	text-align:justify;
}

div#description-container div#description-text p strong {
	font-weight:200;
	color:#222;
}

div.footer-container {
	position: fixed;
	bottom: 0px;
	width: 100%;
	box-shadow: 0px -20px 19px white;
	background-color: white;
}

div#clear-footer {
	height: 150px;
}

div.footer-container footer {
	color:#777777;
	font-size:8pt;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	width:90%;
	margin-left: auto;
	margin-right: auto;
	}

footer div a {
	display:inline-block;
	margin:5px;
	color:orange;
	text-decoration:none;
}

footer div a:hover {
	text-decoration:underline;
}

div#workspaces-video {
	position:absolute;
	top:100px;
	left:50%;
	width:210px;
	height:120px;
	margin-left:-105px;
	box-shadow:0 0 20px -4px #000;
	display:none;
}

div#workspaces-video iframe {
	z-index:1;
	width:100%;
	height:100%;
}

a#close-video {
	z-index:3;
	display:block;
	width:30px;
	height:30px;
	float:right;
	position:absolute;
	top:-14px;
	right:-14px;
}

a#close-reg {
	z-index:3;
	display:block;
	width:30px;
	height:30px;
	float:right;
	position:absolute;
	top:-14px;
	right:-14px;
}

div#registration-code-message {
	display:none;
	background-color:#fff;
	position:fixed;
	height:auto;
	top:100px;
	left:50%;
	width:260px;
	padding:10px;
	margin-left:-140px;
	box-shadow:0 0 20px -4px #000;
	text-align:center;
	font-size:20pt;
	line-height:22pt;
}

div#registration-code-message div {
	font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","HelveticaNeue-Light","HelveticaNeue","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	font-weight:100;
	font-size:80%;
	line-height:105%;
	margin:5px;
}

div#registration-code-details span {
	display:block;
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight:300;
	font-stretch:normal;
	font-size:70%;
	margin-top:10px;
	margin-bottom:10px;
	color:gray;
}

div#registration-code-details input {
	display:block;
	border:1px solid #ddd;
	width:auto;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:0;
	font-size:90%;
	font-family: "HelveticaNeueUltraLight", "HelveticaNeue-Ultra-Light", "Helvetica Neue Ultra Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Arial", sans-serif;
	font-weight:100;
	font-stretch:normal;
}

div#registration-code-message a#re-download {
	display:block;
	margin-top:10px;
	font-size:40%;
	color:gray;
	text-decoration:none;
	text-align:center;
}

div#registration-code-message a#re-download:hover {
	color:#000;
}

div.main.wrapper.clearfix.narrow {
	background-size:90%;
}
div#terms {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
}

div#terms h3 {
	font-weight:200;
	font-size:14pt;
	text-align:center;
}

div#terms p {
	font-size: 8pt;
	text-align:justify;
}

div#release-notes-container {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

div#platform-links {
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}

div#platform-links a {
	font-size: 10pt;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	color: #666666;
}

div#platform-links a:hover {
	color: #333333;
}

div.release-platform {
	font-size: 16pt;
	text-align: center;
}

div.release-notes-card {
	margin-bottom: 40px;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	background-color: #fff5e2;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

div.release-notes-card hr {
	 border: 0;
	 height: 1px;
	 background: #ffda8a;
}

h3.release-title {
	font-size: 10pt;
}

div.release-notes-card ul {
	list-style-position: inside;
	padding: 0px;
}


div.release-notes-card ul li {
	font-size: 8pt;
	line-height: 12pt;
	text-indent: -10px;
	padding-left: 10px;
	list-style-type: none;
	margin-bottom: 4px;
}

div.release-notes-card ul li:before {
	content: "âˆ™";
	margin-right: 6px;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 480px) {
	/* ====================
	    INTERMEDIATE: Menu
	   ==================== */
	nav a {
		float:left;
		width:27%;
		margin:0 1.7%;
		padding:25px 2%;
		margin-bottom:0;
	}

	nav li:first-child a {
		margin-left:0;
	}

	nav li:last-child a {
		margin-right:0;
	}

	/* ========================
	    INTERMEDIATE: IE Fixes
	   ======================== */
	nav ul li {
		display:inline;
	}

	.oldie nav a {
		margin:0 .7%;
	}

	/* ========================
	        INTERMEDIATE: Clients Page Styling
	       ======================== */
	div#header h1 {
		font-size:18pt;
		width:70%;
		margin-left:auto;
		margin-right:auto;
	}

	div.main.wrapper.clearfix {
		background-position:center -40px;
	/*         background-size: 80%; */
	}

	div#platform-card-container {
		width:40%;
		margin-left:auto;
		margin-right:auto;
	}

	div.platform-card img {
		height: auto;
		max-height:70px;
	}

	div#workspaces-video {
		width:426px;
		height:240px;
		margin-left:-213px;
	}
	div#terms p {
		font-size: 9pt;
	}

	h3.release-title {
		font-size: 12pt;
	}

	div.release-notes-card ul li {
		font-size: 10pt;
		line-height: 13pt;
	}

}

@media only screen and (min-width: 768px) {
	/* ====================
	    WIDE: CSS3 Effects
	   ==================== */
	.header-container,.main aside {
		-webkit-box-shadow:0 5px 10px #aaa;
		-moz-box-shadow:0 5px 10px #aaa;
		box-shadow:0 5px 10px #aaa;
	}

	/* ============
	    WIDE: Menu
	   ============ */
	.title {
		float:left;
	}

	nav {
		float:right;
		width:38%;
	}

	/* ============
	    WIDE: Main
	   ============ */
	.main article {
		float:left;
		width:57%;
	}

	.main aside {
		float:right;
		width:28%;
	}

	/* ===================
	    WIDE: Clients Page Styling
	   =================== */
	div#header {
		margin-bottom:40px;
	}

	div#header h1 {
		width:45%;
		font-size:20pt;
	}

	div#header img {
		width:550px;
	}

	div#platform-card-container {
		margin-top:10px;
		width:100%;
		height:auto;
		position:inherit;
		margin-left:auto;
		margin-right:auto;
	}

	div.platform-card img {
		height: auto;
		max-height:50px;
		width: auto;
		max-width:80%;
	}

	div.platform-card {
		width:14%;
		height:auto;
		display:inline-block;
		position:inherit;
		top:inherit;
		left:inherit;
		margin-left:inherit;
		vertical-align:middle;
		padding-top:40px;
		padding-bottom:40px;
	}

	div.platform-card.selected {
		height:auto;
		top:inherit;
		left:inherit;
		margin-left:inherit;
		padding-top:0;
		padding-bottom:0;
	}

	div.platform-card.selected img {
		width: auto;
		max-width:90%;
		height: auto;
		max-height:60px;
	}

	div.platform-card div.platform-card-contents {
		vertical-align:middle;
		height:auto;
	}

	div.main.wrapper.clearfix {
		background-position:center -80px;
		background-size:80%;
	}

	div#description-container {
		width:70%;
	}

	div#description-container div#description-text {
		display:table-cell;
		vertical-align:middle;
		width:60%;
		padding:20px;
	}

	div#description-container div#description-video-link {
		display:table-cell;
		vertical-align:middle;
		width:30%;
		padding:20px;
	}

	div#description-container div#description-video-link a {
		display:inline-block;
		text-align:center;
	}

	div#description-container div#description-video-link a img {
		display:block;
		margin-left:auto;
		margin-right:auto;
	}

	div#workspaces-video {
		margin-top:-240px;
		margin-left:-350px;
		width:700px;
		height:394px;
		position:fixed;
		top:50%;
		left:50%;
	}

	div#workspaces-video iframe {
		width:700px;
		height:394px;
	}

	div#registration-code-message {
		width:520px;
		padding:20px;
		margin-left:-270px;
		font-size:24pt;
	}

	div#registration-code-message div#registration-code-details input#registration-code-input {
		font-size:28pt;
	}

	div.main.wrapper.clearfix.narrow {
		background-size: 450px;
		background-position: center -40px;
	}
	div#terms p {
		font-size: 10pt;
	}

	div.footer-container {
		padding-bottom: 10px;
	}

	div.footer-container footer {
		width: 55%;
		max-width: 800px;
	}
	div#release-notes-container {
		max-width: 60%;
	}

	h3.release-title {
		font-size: 14pt;
	}

	div.release-notes-card ul li {
		font-size: 12pt;
		line-height: 16pt;
	}
}

@media only screen and (min-width: 1140px) {
	/* ===============
	    Maximal Width
	   =============== */
	.wrapper {
		width:1026px;
	/* 1140px - 10% for margins */
		margin:0 auto;
	}

	div#header {
		margin-bottom:20px;
	}

	div#header h1 {
		font-size:24pt;
	}

	div.platform-card {
		width:14%;
	}

	div.main.wrapper.clearfix {
		background-position:center -110px;
	}

	footer {
		width: 60%;
	}

	#footer-right a {
		margin:0 0 0 10px;
	}

	div#description-text p {
		font-size:100%;
	}

	div.main.wrapper.clearfix.narrow div#header h1 {
		font-size: 20pt;
	}


	div#workspaces-video {
		margin-left:-450px;
		width:900px;
		height: 506px
	}

	div#workspaces-video iframe {
		width:900px;
		height:506px;
	}

}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
	background-color:transparent;
	border:0;
	overflow:hidden;
	*text-indent:-9999px;
}

.ir:before {
	content:"";
	display:block;
	width:0;
	height:150%;
}

.hidden {
	display:none!important;
	visibility:hidden;
}

.visuallyhidden {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip:auto;
	height:auto;
	margin:0;
	overflow:visible;
	position:static;
	width:auto;
}

.invisible {
	visibility:hidden;
}

.clearfix:before,.clearfix:after {
	content:" ";
	display:table;
}

.clearfix:after {
	clear:both;
}

.clearfix {
	*zoom:1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
	* {
		background:transparent!important;
		color:#000!important;
		box-shadow:none!important;
		text-shadow:none!important;
	}

	a,a:visited {
		text-decoration:underline;
	}

	a[href]:after {
		content:" (" attr(href) ")";
	}

	abbr[title]:after {
		content:" (" attr(title) ")";
	}

	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
		content:"";
	}

	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}

	thead {
		display:table-header-group;
	}

	tr,img {
		page-break-inside:avoid;
	}

	img {
		max-width:100%!important;
	}

	@page {
		margin:.5cm;
	}

	p,h2,h3 {
		orphans:3;
		widows:3;
	}

	h2,h3 {
		page-break-after:avoid;
	}
}