/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */


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

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

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

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
  scroll-behavior: smooth !important;
}

*, *:before, *:after {
  box-sizing: inherit;
}

a, a:link, a:visited, .ammo-modal-link {
	color: #2F72C0;
	text-decoration: underline;
	text-decoration-color: rgba(44, 142, 255, 0);
	text-decoration-thickness: 2px;
}

a:hover, .ammo-modal-link:hover {
	color: #333;
	color: #2C8EFF;
	cursor: pointer;
	text-decoration: underline;
	text-decoration-color: rgba(44, 142, 255, 0.25);
	text-decoration-thickness: 2px;
}

a:hover img, a img:hover {
	text-decoration: none !important;
}

/* ==========================================================================
   Typography
   ========================================================================== */

html {
    color: #333;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    
    /* 2015-09: No good way to set San Francisco font at this time, so using suggestion from: http://furbo.org/2015/07/09/i-left-my-system-fonts-in-san-francisco/ */

    font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Source Sans Pro', Helvetica, Sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* Temporary larger font size */
.larger-text p, .larger-text label {
	font-size: 20px;
	line-height: 30px;
}



body {
	width: 100%;
	background: #fff;
	padding-top: 115px;
}

body:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html body             { zoom: 1; } /* IE6 */
*:first-child+html body { zoom: 1; } /* IE7 */

@media (max-width: 631px) {
	
	body {
		padding-top: 195px;
	}
}

/*
@media (max-width: 390px) {
	
	body {
		padding-top: 220px;
	}
}
*/

p {
	font-size: 16px;
	line-height: 23px;
	margin: 0 0 15px;
	font-weight: 400;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ 
	p {
	font-weight: 300;
}
}


p.smaller, .article p.smaller {
	font-size: 14px;
	line-height: 18px;
	font-weight: 300;
}

p.no-margin, .article p.no-margin {
	margin: 0;
}

p.fine-print, .article p.fine-print {
	font-size: 12px;
	line-height: 15px;
	font-weight: 300;
}

h1 {
	font-size: 60px;
	line-height: 60px;
	font-weight: 700;
	margin: 0 0 0;
}

h2 {
	font-size: 32px;
	line-height: 34px;
	font-weight: 700;
	margin: 0 0 10px;
}

h3 {
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	margin: 0 0 10px;
}

h4 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	margin: 0 0 10px;
}

h5 {
	font-size: 18px;
	line-height: 25px;
	font-weight: 700;
	margin: 0 0 10px;
}

h6 {
	font-size: 16px;
	line-height: 25px;
	font-weight: 700;
	margin: 0 0 10px;
	text-transform: uppercase;
}

a {
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
}

a:hover {
	-webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    -ms-transition: all 100ms ease;
    transition: all 100ms ease;
}

.trademark {
	font-size: 14px;
	vertical-align: super;
	font-weight: 300;
}

.registered-trademark {
	font-size: 24px;
	font-weight: 300;
}

ul.compact {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
}

ul.compact li {
	margin: 0 0 5px;
	padding: 0;
}

blockquote {
	border-left: 4px solid #f4f4f4;
	padding-left: 30px;
	margin-left: 15px;
}

/* ==========================================================================
   Primary Float Column Layout
   ========================================================================== */

/* Sections - blocks of content */

.section {
	width: 100%;
	min-width: 960px;
	margin: 0 auto;
	padding: 0;

	float: left;
	clear: both;
}

/* Section content - defines content width */

.content, .inner { 
	padding: 30px 15px;
	max-width: 960px;
	margin: 0 auto;
}

.section .content.narrow, .content.narrow, .narrow .content {
	width: 820px;
	margin: 0 auto;
	padding: 30px 15px 0px;
	position: relative;
	overflow: hidden;
}

.section .content.wide, .content.wide, .wide .content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 15px 30px;
	position: relative;
	overflow: hidden;
}

* html .section, *:first-child+html .section {
	zoom: 1;
} /* IE6 & IE 7*/

/* Short content - remove extra space on bottom of content block for special cases */
.section .content.short {
	padding: 30px 15px 0px;
}

/* Add auto-height sizing to section and column elements */
.section:before, .section:after, .content:before, .content:after, .column:before, .column:after {
    content: " ";
    display: table;
}

.section:after, .content:after, .column:after {
    clear: both;
}

/* Row - keeps things vertically aligned */
.row {
	width: 100%;
	padding: 0;
	clear: both;
}


/* Columns - content blocks used within sections */

.column {
	padding: 0 15px;
	float: left;
}

/* Spacer - used for creating space on desktop, but which collapse on mobile */

.spacer {
	float: left;
}

/* Column widths - use these to determine column size as a fraction of the container width */

.column.full, .spacer.full {
	width: 100%;
}

.column.two-thirds, .spacer.two-thirds {
	width: 66.6666666666%;
}

.column.half, .spacer.half {
	width: 50%;
}

.column.third, .spacer.third {
	width: 33.3333333333%;
}

.column.quarter, .spacer.quarter {
	width: 25%;
}

.column.fifth, .spacer.fifth {
	width: 20%;
}

.column.two-fifths, .spacer.two-fifths {
	width: 40%;
}

.column.three-fifths, .spacer.three-fifths {
	width: 60%;
}

.column.three-quarters, .spacer.three-quarters {
	width: 75%;
}

.column.four-fifths, .spacer.four-fifths {
	width: 80%;
}

.column.sixth, .spacer.sixth {
	width: 16.6666666666%;
}

.column.eigth, .spacer.eigth, .column.eighth, .spacer.eighth {
	width: 12.5%;
}

/* Features */

.column.feature {
	padding: 0 20px 0 55px;
	background: url('../img/feature-star.svg') no-repeat 15px 0px;
	background-size: 25px 25px;
	margin: 0 0 15px;
}

.two-column {
	column-count: 2; -moz-column-count: 2;
}

/* ==========================================================================
   Grid Layout - New layout system added Dec 29 2022
   ========================================================================== */

.columns {
	display: grid;
	gap: 30px;
	justify-content: stretch;
	grid-auto-flow: row;
	clear: both;
	justify-items: stretch;
	padding: 0 15px;
}

.columns img {
	max-width: 100%;
}

.columns:before {
	content: none;
}

/* Define Number of Columns of parent */

.columns.two {
	grid-template-columns: 1fr 1fr;
}

.columns.three {
	grid-template-columns: 1fr 1fr 1fr;
}

.columns.four {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.columns.five {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.columns.six {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.columns.seven {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.columns.eight {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

/* Larger sizes for child items */

.columns .double-width {
	grid-column-end: span 2;
}

.columns .triple-width {
	grid-column-end: span 3;
}

.columns .quadruple-width {
	grid-column-end: span 4;
}

.columns .double-height {
	grid-row-end: span 2;
}

.columns .triple-height {
	grid-row-end: span 3;
}

.columns .quadruple-height {
	grid-row-end: span 4;
}

/* Make everything single-column on mobile */

@media all and (max-width: 631px) { 
	.columns.two, .columns.three, .columns.four, .columns.five, .columns.six, .columns.seven, .columns.eight {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	
	.columns .double, .columns .triple, .columns .quadruple {
		grid-column-end: span 1;
	}
	
	.columns.two-mobile {
		grid-template-columns: 1fr 1fr !important;
	}
}


/* ==========================================================================
   Elements
   ========================================================================== */

.action-tiny, a.action-tiny:visited {
	color: #fff;
	background: #000;
	padding: 5px 10px 5px 10px;
	margin: 5px 0 10px;
	border-radius: 6px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	display: inline-block;
	transition: font-size none;
}

.action-tiny:hover {
	color: #fff;
	background: #333;
	transition: font-size none;
}

.action-tiny img {
	margin: 0 10px 5px 0;
}

.action-small {
	color: #fff;
	background: #000;
	padding: 12px 10px 12px 25px;
	margin: 5px;
	border-radius: 40px;
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	display: inline-block;
	width: 200px;
	max-width: 47%;
	transition: font-size none;
	
	box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}

/*
Mobile Media Queries

@media all and (max-width: 700px) { 
	.action-small {
		padding: 10px 15px 10px 40px;
		font-size: 16px;
		width: 200px;
		margin: 2px;
	}
}
*/

.action-large {
	color: #fff;
	background: #000;
	padding: 12px 10px 12px 40px;
	margin: 0 0px 15px;
	border-radius: 40px;
	text-decoration: none;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	display: inline-block;
	width: 100%;
	max-width: 360px;
	transition: font-size none;
	
	box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}

.action-small:hover, .action-large:hover {
	text-decoration: none;
}

.screenshot {
	width: 100%;
	margin: 0 auto 10px;
	border-radius: 6px;
	background: #000;
}

/* Icon links */
a.icon-link {
	display: block;
	margin: 5px 0 20px;
	align-content: center;
	text-align: center;
	width: 100%;
	font-size: 14px;
	color: #859398;
	-webkit-font-smoothing: antialiased;
	
	text-decoration: none;
	transform: scale(1);
	
	
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

a.icon-link img {
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

a.icon-link:hover {
	transform: scale(1.025);
	
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

a.icon-link:hover img {
	transform: scale(1.1);
	
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

a.icon-link:active {
	transform: scale(0.98);
	
	-webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

a.icon-link h3 {
	font-weight: 500;
	size: 17px;
	margin: 0;
}

a.icon-link img {
	margin: 0 0 10px;
}

/* App Store Regular */
.app-store {
	display: block;
	width: 195px;
	height: 58px;
	border-radius: 6px;
	background: url('/global/images/siteimages/app-store.png') #000;
	background-size: contain;
	box-shadow: 0 0 0px 1px rgba(255,255,255,0.2) inset;
}

.app-store:hover {
	background: url('/global/images/siteimages/app-store.png') #111;
	background-size: contain;
	box-shadow: 0 0 0px 1px rgba(255,255,255,0.5) inset;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ 
    .app-store {
		background: url('/global/images/siteimages/app-store@2x.png') #000;
		background-size: contain;
	}
	
	.app-store:hover {
		background: url('/global/images/siteimages/app-store@2x.png') #111;
		background-size: contain;
	}
}

/* App Store Small */
.app-store-small {
	display: block;
	width: 195px;
	height: 50px;
	border-radius: 6px;
	background: url('/global/images/siteimages/app-store-small.png') #000;
	background-size: contain;
	box-shadow: 0 0 0px 1px rgba(255,255,255,0.2) inset;
}

.app-store-small:hover {
	background: url('/global/images/siteimages/app-store-small.png') #111;
	background-size: contain;
	box-shadow: 0 0 0px 1px rgba(255,255,255,0.5) inset;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ 
    .app-store-small {
		background: url('/global/images/siteimages/app-store-small@2x.png') #000;
		background-size: contain;
	}
	
	.app-store-small:hover {
		background: url('/global/images/siteimages/app-store-small@2x.png') #111;
		background-size: contain;
	}
}

.store-description {
	padding: 0 0 0 158px;
}

/*
.store-description p {
	margin-bottom: 8px;
}
*/


/* ==========================================================================
   Tables and Forms
   ========================================================================== */

input, .store-decorate-silk input[type=text], textarea {
	padding: 9px 15px 9px;
	max-width: 100%;
	border-radius: 6px;
	border: 1px solid #859398;
/* 	box-shadow: 0 0 0px 1px #fff inset; */
	outline: none;
	color: #000;
	background: #fff;
	
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

input:focus, .store-decorate-silk input[type=text]:focus, textarea:focus {
	border: 1px solid #2F72C0;
	background: #F3F7FC;
/* 	box-shadow: 0 0 0px 1px #2F72C0 inset; */
	
	-webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;	
}

input:hover, .store-decorate-silk input[type=text]:hover, textarea:hover {
	border: 1px solid #2F72C0;
	
	-webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;	
}

input[type=checkbox] {
	border-radius: 2px;
}

input[type=submit] {
	width: auto;
	background: #2F72C0;
	font-weight: 600;
	padding: 10px 30px;
	color: #fff;
	box-shadow: none;
	border: none;
}

input[type=submit]:hover {
	background: #223940;
	
	-webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;	
}

td {
	padding: 5px;
	font-size: 18px;
}

tt {
	font-weight: bold;
}

input[type=file] {
	background: #f4f4f4;
	width: 100%;
	border: none;
	padding: 15px;
}

/* ==========================================================================
   Header and Navigation
   ========================================================================== */

#header {
	background: #2F72C0;
	color: #fff;
	height: 50px;
	padding: 0;
	margin: 30px 0 45px;
	overflow: visible;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
}

#header .inner {
	padding: 0;
	max-width: 1200px;
}

#logo {
	width: 185px;
	height: 100px;
	float: left;
	position: relative;
	top: -25px;
}

#tagline {
	float: left;
	font-size: 16px;
	line-height: 18px;
	clear: none;
	display: inline;
	padding-top: 7px;
	font-weight: 400;
	color: #BFD8F5;
	color: #D5E2F2;
	width: 150px;
}

#header ul {
	padding: 0;
	margin: 0;
	float: right;
	width: 600;
}

#header ul li {
	display: inline;
	float: left;
	padding: 13px 0 15px;
	margin: 0;
	list-style: none;
	background: url('../images/siteimages/nav-current-arrow-hover.png') no-repeat 50% -20px;
	background-size: 20px 20px;
	
	-webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;	
}

#header ul li:hover {
	background: url('../images/siteimages/nav-current-arrow-hover.png') no-repeat 50% -10px;
	background-size: 20px 20px;
	
	-webkit-transition: background 100ms ease;
    -moz-transition: background 100ms ease;
    -o-transition: background 100ms ease;
    transition: background 100ms ease;	
}

#header ul li.active, #header ul li.active a:hover {
	background: url('../images/siteimages/nav-current-arrow.png') no-repeat 50% -10px;
	color: #fff;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;	
}

#header ul li a {
	color: #fff;
	font-size: 18px;
	display: inline;
	text-decoration: none;
	padding: 15px 30px;
	height: 50px;
	font-weight: 600;
}

#header ul li a:hover {
	color: #D5E2F2;
}

#footer {
	text-align: center;
	font-size: 14px;
	padding: 0px 30px 5px;
	color: #859398;
}

#footer a {
	color: #859398;
}

.promoBanner {
	width: 960px;
	max-width: 100%;
	padding: 10px 30px;
	text-align: center;
	font-weight: 300;
	font-size: 22px;
	line-height: 26px;
	margin: 0 auto 15px;
	color: #2F72C0;
	background: #E0EAF6;
	border-radius: 28px;
	animation: fadein 1s;
	animation-delay: 1s;
}

@media screen and (prefers-reduced-motion: reduce) {
	.promoBanner {
		animation: none;
	}
	
}

@keyframes fadein {
	  0% { transform: scale(1, 1) rotateX(0deg); }
	  25% { transform: scale(0.9, 0.9) rotateX(0deg); }
	  75% { transform: scale(1.2, 1.2) rotateX(360deg); }
	  100% { transform: scale(1, 1) rotateX(360deg); }
}

.warningBanner {
	width: 100%;
	min-width: 960px;
	padding: 10px 30px;
	text-align: center;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 15px;
	color: #333;
	background: #F5CCCC;
	border-radius: 8px;
}

.warningBannerYellow {
	width: 100%;
	/* min-width: 960px; */
	padding: 10px 30px;
	text-align: center;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 15px;
	color: #333;
	background: #FAF5D3;
}

.warningBanner a, .warningBannerYellow a, .warningBanner a:link, .warningBannerYellow a:link, .warningBanner a:visited, .warningBannerYellow a:visited {
	color: #333;
	text-decoration: underline;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    #header ul li {
		background: url('../images/siteimages/nav-current-arrow-hover@2x.png') no-repeat 50% -20px;
		background-size: 20px 20px;
	}
	
	#header ul li:hover {
		background: url('../images/siteimages/nav-current-arrow-hover@2x.png') no-repeat 50% -10px;
		background-size: 20px 20px;
	}
	
	#header ul li.active, #header ul li.active:hover {
		background: url('../images/siteimages/nav-current-arrow@2x.png') no-repeat 50% -10px;
		background-size: 20px 20px;
	}
}

/* ==========================================================================
   Interactive Drop-Down Header
   ========================================================================== */
   
#apps-parent .drop-down {
	background: #fff;
	padding: 0;
	min-width: 220px;
	position: absolute;
	margin-top: 11px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	box-shadow: 0 5px 5px rgba(0,0,0,0.25);
	opacity: 0;
	
	-webkit-transition: all 200ms 0.1s ease;
    -moz-transition: all 200ms 0.1s ease;
    -o-transition: all 200ms 0.1s ease;
    -ms-transition: all 200ms 0.1s ease;
    transition: all 200ms 0.1s ease;
    
    pointer-events: none;
	z-index: 9999;
	speak: none;
}

/* Prevent Display on Mobile */
@media (max-width: 931px) {
	#apps-parent .drop-down {
	    display: none;
	}
}

/* Prevent Display on IE 10 & 11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   #apps-parent .drop-down {
	    display: none;
	}  
}

#apps-parent .drop-down a img {
	align-self: center;
	margin-right: 10px;
	position: relative;
	top: -3px;
}

#apps-parent .drop-down a {
	background: none;
	display: block;
	float: left;
	clear: left;
	text-align: left;
	width: 100%;
	padding: 10px 15px !important;
	height: 47px !important;
	
	font-size: 16px !important;
	color: #333 !important;
	
	font-weight: 700;
	
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

#apps-parent .drop-down a:last-child {
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

#apps-parent .drop-down a:hover {
	background: #F3F7FC !important;
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

#apps-parent .drop-down a:active {
	background: #C0D0E4 !important;
}

/* Show/Hide Logic */

#apps-parent:hover .drop-down {
	opacity: 1;
	
	-webkit-transition: all 300ms 0.2s ease;
    -moz-transition: all 300ms 0.2s ease;
    -o-transition: all 300ms 0.2s ease;
    -ms-transition: all 300ms 0.2s ease;
    transition: all 300ms 0.2s ease;
    
    pointer-events: auto;
}

/* ==========================================================================
   Other Apps Section
   ========================================================================== */
   
   .section.more-apps {
		color: #333;
		padding-bottom: 0px;
		text-align: center;
		background: #F3F7FC;
	}
	
	.section.more-apps .column.quarter {
		margin: 0;
		padding: 0;
	}
	
	.section.more-apps p {
		font-size: 18px;
		line-height: 22px;
		padding: 0 0 0px;
		text-align: center;
	}
	
	.section.more-apps h3 {
		color: #333;
		margin: 15px 0 10px;
		padding-bottom: 0px;
		text-align: center;
		font-weight: 700;
		text-transform: none;
		font-size: 26px;
	}
	
	.section.more-apps h6 {
		padding: 0px 0 0;
		margin: 0;
		font-size: 20px;
		line-height: 22px;
		font-weight: 700;
		text-transform: none;
		text-align: center;
	}
	
	.more-apps a {
		display: inline-block;
		min-height: 150px;
		width: 100%;
		margin-bottom: 0;
		border: 0;
		padding: 0;
		margin: 0 0 10px;
	}
	
	.more-apps a img.footer-icon {
		margin: 15px auto 10px;
		padding: 0;
	}
	
	.more-apps a:hover img.footer-icon {
	}
	
	
	/* Airfoil */	
	.more-apps .airfoil h6, .more-apps .airfoil a {
		color: #333;
		margin-bottom: 0;
		text-decoration: none;
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    transition: all 300ms ease;
		}

	.more-apps .airfoil a:hover h6, .more-apps .airfoil a:hover {
		color: #0571A3;
	}

	
	/* Audio Hijack */	
	.more-apps .audiohijack h6, .more-apps .audiohijack a {
		color: #333;
		margin-bottom: 0;
		text-decoration: none;
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    transition: all 300ms ease;
	}
	
	.more-apps .audiohijack a:hover h6, .more-apps .audiohijack a:hover {
		color: #F9A229;
		color: color(display-p3 0.976 0.635 0.161);
	}
	
	
	/* Farrago */	
	.more-apps .farrago h6, .more-apps .farrago a {
		color: #333;
		margin-bottom: 0;
		text-decoration: none;
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    transition: all 300ms ease;
		}

	.more-apps .farrago a:hover h6, .more-apps .farrago a:hover {
		color: #762BF5;
		color: color(display-p3 0.463 0.169 0.961);
	}
		
	
	/* Fission */	
	.more-apps .fission h6, .more-apps .fission a {
		color: #333;
		margin-bottom: 0;
		text-decoration: none;
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    transition: all 300ms ease;
		}

	.more-apps .fission a:hover h6, .more-apps .fission a:hover {
		color: #C18831;
	}

	/* Loopback */
	.more-apps .loopback h6, .more-apps .loopback a {
		color: #333;
		margin-bottom: 0;
		text-decoration: none;
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    transition: all 300ms ease;
		}

	.more-apps .loopback a:hover h6, .more-apps .loopback a:hover {
		color: #3CBFBF;
	}

	
	/* Piezo */		
	.more-apps .piezo h6, .more-apps .piezo a {
		color: #333;
		margin-bottom: 0;
		text-decoration: none;
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    transition: all 300ms ease;
	}
	
	.more-apps .piezo a:hover h6, .more-apps .piezo a:hover {
		color: #C1773E;
	}	


	/* SoundSource */	
	.more-apps .soundsource h6, .more-apps .soundsource a {
		color: #333;
		margin-bottom: 0;
		text-decoration: none;
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    transition: all 300ms ease;
		}

	.more-apps .soundsource a:hover h6, .more-apps .soundsource a:hover {
		color: #279878;
	}

/* ==========================================================================
   Badges
   ========================================================================== */

.icon-container, .support-icon-container {
	position: relative;
	display: inline-block;
}

.badge {
	position: relative;
	vertical-align: bottom;
}

.badge.medium {
	left: 45px;
	top: -45px;
}

.icon-container .badge, .support-icon-container .badge {
	position: absolute;
	bottom: 0;
	right: 0;
	vertical-align: bottom;
}

/* ==========================================================================
   Home Page
   ========================================================================== */
   
.home-item {
	padding: 0 0 30px;
	margin: 0;
	overflow: visible;
	text-align: center;
}

.home-item a {
   text-decoration: none;
}

.home-banner img {
   border-radius: 15px;
   margin-bottom: 15px;
   
   box-shadow: 0 0 0 #fff;
   
   -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
  
.home-item h2 {
   color: #333;
   padding: 15px 0 3px;
   line-height: 26px;
   
   margin: 0;
   font-size: 26px;
   font-weight: 700;
   
   -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.home-item h6 {
   color: #859398;
   color: #677073;
   color: #333;
   text-transform: none;
   margin: 0 0 0px;
   font-weight: 300;
   
   font-size: 17px;
   line-height: 22px;
   
   -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.home-item a img {
   -webkit-transform: translateZ(0);

	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.home-item ul {
   margin: 15px 15px 0;
   padding: 0;
   border-radius: 4px;
   background: #f4f4f4;
}

.home-item ul li {
   display: inline;
   list-style: none;
   margin: 0;
   padding: 0 7px 0;
}

.home-item ul li a {
   color: #333;
   font-size: 14px;
}

.home-item .home-btns {
	opacity: 0;
	pointer-events: none;
	transition: all 300ms ease;
	font-weight: 600;
	font-size: 16px;
	transform: translate(0,-15px);
	border-radius: 10px;
}

@media screen and (prefers-reduced-motion: reduce) {
	.home-item .home-btns {
		transform: translate(0,0);
	}
}

.home-item:hover .home-btns {
	opacity: 1;
	pointer-events: auto;
	transform: translate(0,0);
	transition: all 300ms ease 100ms;
}

/* Pop up navigation buttons */
	
.home-item.airfoil .home-btns {
	background: #e6f9ff;
}

.home-item.audiohijack .home-btns {
	background: #FFEECC;
}

.home-item.farrago .home-btns {
	background: #F0EAFB;
}

.home-item.fission .home-btns {
	background: #fffbdc;
}

.home-item.loopback .home-btns {
	background: #e7f5f5;
}

.home-item.piezo .home-btns {
	background: #FFF3E9;
}

.home-item.soundsource .home-btns {
	background: #C9E5DD;
}


   
   /* Airfoil */
   .home-item.airfoil a:hover h2, .home-item.airfoil a:hover h6, .home-item.airfoil ul li a:hover {
	   color: #0571a3;
   }
   
	   .home-item.airfoil a img {
		   -webkit-filter: drop-shadow(0px 0px 1px #fff);
		   filter: drop-shadow(0px 0px 1px #fff);
	   }
	   
	   .home-item.airfoil a:hover img {
		   -webkit-filter: drop-shadow(0px 0px 30px #0571a3);
		   filter: drop-shadow(0px 0px 30px #0571a3);
	   }
	   
	   .more-apps .airfoil a img {
		   -webkit-filter: drop-shadow(0px 0px 1px #fff);
		   filter: drop-shadow(0px 0px 1px #fff);
		   
		   -webkit-transition: all 300ms ease;
		    -moz-transition: all 300ms ease;
		    -o-transition: all 300ms ease;
		    transition: all 300ms ease;
		    
		    -webkit-transform: translateZ(0);
	   }
	   
	   .more-apps .airfoil a:hover img {
		   -webkit-filter: drop-shadow(0px 0px 10px #0571a3);
		   filter: drop-shadow(0px 0px 10px #0571a3);
		   
		   -webkit-transition: all 300ms ease;
		    -moz-transition: all 300ms ease;
		    -o-transition: all 300ms ease;
		    transition: all 300ms ease;
	   }

/* Audio Hijack 4 */
   .home-item.audiohijack a:hover h2, .home-item.audiohijack a:hover h6, .home-item.audiohijack ul li a:hover {
	   color: #F9A229;
	   color: color(display-p3 0.976 0.635 0.161);
   }
	   
	   .home-item.audiohijack a img {
		   -webkit-filter: drop-shadow(0px 0px 1px #fff);
		   filter: drop-shadow(0px 0px 1px #fff);
		   /* -webkit-filter: drop-shadow(0px 0px 1px color(display-p3 1 1 1));
		   filter: drop-shadow(0px 0px 1px color(display-p3 1 1 1)); */
	   }
	   
	   .home-item.audiohijack a:hover img {
		   -webkit-filter: drop-shadow(0px 0px 30px #F9A229);
		   filter: drop-shadow(0px 0px 30px #F9A229);
		   /* -webkit-filter: drop-shadow(0px 0px 30px color(display-p3 0.976 0.635 0.161));
		   filter: drop-shadow(0px 0px 30px color(display-p3 0.976 0.635 0.161)); */
	   }
	   
	   .more-apps .audiohijack a img {
		   -webkit-filter: drop-shadow(0px 0px 1px #fff);
		   filter: drop-shadow(0px 0px 1px #fff);
		   /* -webkit-filter: drop-shadow(0px 0px 1px color(display-p3 1 1 1));
		   filter: drop-shadow(0px 0px 1px color(display-p3 1 1 1)); */
		   
		   -webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;
			
			-webkit-transform: translateZ(0);
	   }
	   
	   .more-apps .audiohijack a:hover img {
		   -webkit-filter: drop-shadow(0px 0px 10px #F9A229);
		   filter: drop-shadow(0px 0px 10px #F9A229);
		   /* -webkit-filter: drop-shadow(0px 0px 10px color(display-p3 0.976 0.635 0.161));
			  filter: drop-shadow(0px 0px 10px color(display-p3 0.976 0.635 0.161)); */
		   
		   -webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;
	   }


   /* Farrago */
   .home-item.farrago a:hover h2, .home-item.farrago a:hover h6, .home-item.farrago ul li a:hover {
	   color: #762BF5;
	   color: color(display-p3 0.463 0.169 0.961);
   }
   
   		.home-item.farrago a img {
		   -webkit-filter: drop-shadow(0px 0px 1px #fff);
		   filter: drop-shadow(0px 0px 1px #fff);
		   /* -webkit-filter: drop-shadow(0px 0px 1px color(display-p3 1 1 1));
		   filter: drop-shadow(0px 0px 1px color(display-p3 1 1 1)); */
	   }
	   
	   .home-item.farrago a:hover img {
		   -webkit-filter: drop-shadow(0px 0px 30px #762BF5);
		   /* -webkit-filter: drop-shadow(0px 0px 30px color(display-p3 0.463 0.169 0.961)); */
		   filter: drop-shadow(0px 0px 30px #762BF5);
		   /* filter: drop-shadow(0px 0px 30px color(display-p3 0.463 0.169 0.961)); */
	   }
	   
	   .more-apps .farrago a img {
		   /* -webkit-filter: drop-shadow(0px 0px 1px color(display-p3 1 1 1));
		   filter: drop-shadow(0px 0px 1px color(display-p3 1 1 1)); */
		   -webkit-filter: drop-shadow(0px 0px 1px #fff);
		   filter: drop-shadow(0px 0px 1px #fff);
		   
		   -webkit-transition: all 300ms ease;
		    -moz-transition: all 300ms ease;
		    -o-transition: all 300ms ease;
		    transition: all 300ms ease;
		    
		    -webkit-transform: translateZ(0);
	   }
	   
	   .more-apps .farrago a:hover img {
		   -webkit-filter: drop-shadow(0px 0px 10px #762BF5);
			  /* -webkit-filter: drop-shadow(0px 0px 10px color(display-p3 0.463 0.169 0.961)); */
			  filter: drop-shadow(0px 0px 10px #762BF5);
			  /* filter: drop-shadow(0px 0px 10px color(display-p3 0.463 0.169 0.961)); */
		   
		   -webkit-transition: all 300ms ease;
		    -moz-transition: all 300ms ease;
		    -o-transition: all 300ms ease;
		    transition: all 300ms ease;
	   }
	   
   /* Fission */
   .home-item.fission a:hover h2, .home-item.fission a:hover h6, .home-item.fission ul li a:hover {
	   color: #C18831;
   }
   
   		.home-item.fission a img {
		   -webkit-filter: drop-shadow(0px 0px 1px #fff);
		   filter: drop-shadow(0px 0px 1px #fff);
	   }
	   
	   .home-item.fission a:hover img {
		   -webkit-filter: drop-shadow(0px 0px 30px #C18831);
		   filter: drop-shadow(0px 0px 30px #C18831);
	   }
	   
	   .more-apps .fission a img {
		   -webkit-filter: drop-shadow(0px 0px 1px #fff);
		   filter: drop-shadow(0px 0px 1px #fff);
		   
		   -webkit-transition: all 300ms ease;
		    -moz-transition: all 300ms ease;
		    -o-transition: all 300ms ease;
		    transition: all 300ms ease;
		    
		    -webkit-transform: translateZ(0);
	   }
	   
	   .more-apps .fission a:hover img {
		   -webkit-filter: drop-shadow(0px 0px 10px #C18831);
		   filter: drop-shadow(0px 0px 10px #C18831);
		   
		   -webkit-transition: all 300ms ease;
		    -moz-transition: all 300ms ease;
		    -o-transition: all 300ms ease;
		    transition: all 300ms ease;
	   }
	   
   /* Loopback */
   .home-item.loopback a:hover h2, .home-item.loopback a:hover h6, .home-item.loopback ul li a:hover {
	   color: #3cbfbf;
   }
   
		.home-item.loopback a img {
			-webkit-filter: drop-shadow(0px 0px 1px #fff);
			filter: drop-shadow(0px 0px 1px #fff);
		}
		
		.home-item.loopback a:hover img {
			-webkit-filter: drop-shadow(0px 0px 30px #3cbfbf);
			filter: drop-shadow(0px 0px 30px #3cbfbf);
		}
		
		.more-apps .loopback a img {
			-webkit-filter: drop-shadow(0px 0px 1px #fff);
			filter: drop-shadow(0px 0px 1px #fff);
			
			-webkit-transition: all 300ms ease;
		    -moz-transition: all 300ms ease;
		    -o-transition: all 300ms ease;
		    transition: all 300ms ease;
		    
		    -webkit-transform: translateZ(0);
		}
		
		.more-apps .loopback a:hover img {
			-webkit-filter: drop-shadow(0px 0px 10px #3cbfbf);
			filter: drop-shadow(0px 0px 10px #3cbfbf);
			
			-webkit-transition: all 300ms ease;
		    -moz-transition: all 300ms ease;
		    -o-transition: all 300ms ease;
		    transition: all 300ms ease;
		}
   
   /* Nicecast */
   .home-item.nicecast a:hover h2, .home-item.nicecast a:hover h6, .home-item.nicecast ul li a:hover {
	   color: #FB110F;
   }
   
		.home-item.nicecast a img {
			-webkit-filter: drop-shadow(0px 0px 1px #fff);
			filter: drop-shadow(0px 0px 1px #fff);
		}
		
		.home-item.nicecast a:hover img {
			-webkit-filter: drop-shadow(0px 0px 30px #FB110F);
			filter: drop-shadow(0px 0px 30px #FB110F);
		}
		
		.more-apps .nicecast a img {
			-webkit-filter: drop-shadow(0px 0px 1px #fff);
			filter: drop-shadow(0px 0px 1px #fff);
			
			-webkit-transition: all 300ms ease;
		    -moz-transition: all 300ms ease;
		    -o-transition: all 300ms ease;
		    transition: all 300ms ease;
		    
		    -webkit-transform: translateZ(0);
		}
		
		.more-apps .nicecast a:hover img {
			-webkit-filter: drop-shadow(0px 0px 10px #FB110F);
			filter: drop-shadow(0px 0px 10px #FB110F);
			
			-webkit-transition: all 300ms ease;
		    -moz-transition: all 300ms ease;
		    -o-transition: all 300ms ease;
		    transition: all 300ms ease;
		}
   
   /* Piezo */
   .home-item.piezo a:hover h2, .home-item.piezo a:hover h6, .home-item.piezo ul li a:hover {
	   color: #C1773E;
   }
   
		.home-item.piezo a img {
			-webkit-filter: drop-shadow(0px 0px 1px #fff);
			filter: drop-shadow(0px 0px 1px #fff);
		}
		
		.home-item.piezo a:hover img {
			-webkit-filter: drop-shadow(0px 0px 20px #C1773E);
			filter: drop-shadow(0px 0px 20px #C1773E);
		}
		
		.more-apps .piezo a img {
			-webkit-filter: drop-shadow(0px 0px 1px #fff);
			filter: drop-shadow(0px 0px 1px #fff);
			
			-webkit-transition: all 300ms ease;
		    -moz-transition: all 300ms ease;
		    -o-transition: all 300ms ease;
		    transition: all 300ms ease;
		    
		    -webkit-transform: translateZ(0);
		}
		
		.more-apps .piezo a:hover img {
			-webkit-filter: drop-shadow(0px 0px 10px #C1773E);
			filter: drop-shadow(0px 0px 10px #C1773E);
			
			-webkit-transition: all 300ms ease;
		    -moz-transition: all 300ms ease;
		    -o-transition: all 300ms ease;
		    transition: all 300ms ease;
		}
		
	/* Soundsource */
   .home-item.soundsource a:hover h2, .home-item.soundsource a:hover h6, .home-item.soundsource ul li a:hover {
	   color: #279878;
   }
   
		.home-item.soundsource a img {
			-webkit-filter: drop-shadow(0px 0px 1px #fff);
			filter: drop-shadow(0px 0px 1px #fff);
		}
		
		.home-item.soundsource a:hover img {
			-webkit-filter: drop-shadow(0px 0px 20px #279878);
			filter: drop-shadow(0px 0px 20px #279878);
		}
		
		.more-apps .soundsource a img {
			-webkit-filter: drop-shadow(0px 0px 1px #fff);
			filter: drop-shadow(0px 0px 1px #fff);
			
			-webkit-transition: all 300ms ease;
		    -moz-transition: all 300ms ease;
		    -o-transition: all 300ms ease;
		    transition: all 300ms ease;
		    
		    -webkit-transform: translateZ(0);
		}
		
		.more-apps .soundsource a:hover img {
			-webkit-filter: drop-shadow(0px 0px 10px #279878);
			filter: drop-shadow(0px 0px 10px #279878);
			
			-webkit-transition: all 300ms ease;
		    -moz-transition: all 300ms ease;
		    -o-transition: all 300ms ease;
		    transition: all 300ms ease;
		}
		
   /* Freebies */
   .home-item.freebies a:hover h2, .home-item.freebies a:hover h6, .home-item.freebies ul li a:hover {
	   color: #2F72C0;
   }
   
		.home-item.freebies a img {
			-webkit-filter: drop-shadow(0px 0px 1px #fff);
			filter: drop-shadow(0px 0px 1px #fff);
			-webkit-transform: translateZ(0);
		}
		
		.home-item.freebies a:hover img {
			-webkit-filter: drop-shadow(0px 0px 20px #2F72C0);
			filter: drop-shadow(0px 0px 20px #2F72C0);
			-webkit-transform: translateZ(0);
		}
   
	.home-item a:active img {
		-webkit-filter: drop-shadow(0px 0px 30px #000) !important;
		filter: drop-shadow(0px 0px 30px #000) !important;
	}
   
   /* News */
   #news h4 {
	   font-size: 18px;
   }
   
   #news-mod ol, #news-mod ol li {
	   list-style: none;
	   margin: 0;
	   padding: 0;
	   font-size: 18px;
	   line-height: 26px;
   }
   
   #news-mod ol li img {
	   display: none;
   }
   
   #news-mod ol li a {
	   text-decoration: none;
	   font-size: 18px;
	   line-height: 26px;
	   display: block;
	   margin: 0 0 15px;
	   
	   font-weight: 400;
   }
   
   #news-mod ol li em {
	   font-weight: 400;
	   font-style: normal;
	   font-size: 14px;
	   line-height: 18px;
	   display: block;
	   color: #859398;
	   margin: 0;
	   padding: 0;
   }
   
   a.quick-support-link {
	   margin: 15px 0 0px;
	   padding: 0;
	   display: block;
   }
   
   a.quick-support-link p {
	    font-size: 18px;
		line-height: 28px;
		font-weight: 400;
   }
   
      a.quick-support-link img {
	   -webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    transition: all 300ms ease;
   }
   
   a.quick-support-link:hover img {
	   filter: brightness(0.5) saturate(0);
	   -webkit-transition: all 100ms ease;
	    -moz-transition: all 100ms ease;
	    -o-transition: all 100ms ease;
	    transition: all 100ms ease;
   }

@media (max-width: 631px) {
	.home-item h2 { 
		margin: 15px 0 3px;
		font-size: 22px;
		font-weight: 700;
	}


	.home-item h6 { 
		font-size: 16px;
		line-height: 20px;
	}
	
	#news-mod, #about {
		padding: 0;
	}
}

/* ==========================================================================
   Styles for store pages
   ========================================================================== */

#title {
	padding: 15px 15px 0px;
	margin: 0 auto;
	position: relative;
	width: 930px;
	clear: left;
}

#title.narrow, .narrow #title {
	padding: 5px 15px 0px;
	margin: 0 auto;
	position: relative;
	width: 760px;
	clear: left;
}

/* .responsive #title {
	width: 1200px;
} */

#price-estimate-note {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 15px;
	margin: 10px 0 0;
	border-radius: 10px;
	width: 220px;
	font-size: 13px;
	line-height: 15px;
	color: #333;
	background: #F3F7FC;

    display: none;
}

#price-estimate-note.inline {
	position: inherit;
	width: 100%;
	max-width: 590px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 18px;
	display: none;
	text-align: center;
}

#title h1 {
	font-size: 36px;
	line-height: 44px;
	text-transform: none;
}

#title h2, h3.subtitle {
	font-size: 22px;
	font-weight: 300;
	color: #859398;
}

.platform-badge {
	padding: 5px 20px;
	border-radius: 20px;
	background: #F3F7FC;
	display: inline-block;
	color: #333 !important;
	margin-bottom: 15px;
}

.platform-badge img {
	margin: 0 5px 5px 0;
}

.store-summary h4 {
	color: #fff;
	color: #333;
	font-weight: 500;
}

.store-summary h2 {
	color: #333;
	font-weight: 700;
	margin-bottom: 5px;
	font-size: 20px;
}

.store-summary {
	width: 100%;
	padding: 0 15px 0;
	margin: 0;
	background: #3e4149;
	background: #fff;
	color: #fff;
	color: #333;
	font-size: 18px;
	line-height: 26px;
}

.store-summary a {
	font-size: 18px;
	line-height: 26px;
}

/*
.store-summary a, .store-summary a:visited, .store-summary a:link {
	color: #c2c5cf;
	text-decoration: none;
}
*/

.store-summary p {
	margin-bottom: 15px;
}

/*
.store-summary a:hover {
	color: #fff;
}
*/

.store-summary ul {
	width: 50%;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

.store-summary ul li {
	font-weight: 300;
	color: #fff;
}

.store-summary ul li strong {
	font-weight: 300;
}

#esellerate {
	width: 50%;
	float: left;
	color: #fff;
}

.store-item {
	margin-bottom: 0;
	padding: 25px 0px 10px;
	border-bottom: 1px solid #e8eaf0;
}

a.storeButton, a.storeButton:link, a.storeButton:visited, a.button, a.button:link, a.button:visited, input[type=submit] {
	color: #fff;
	background: #2F72C0;
	width: 100%;
	display: block;
	border-radius: 21px;
	padding: 10px 15px;
	margin: 0px 0 15px;
	text-decoration: none !important;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	font-weight: 500;
	font-weight: 700;
	
	box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}

a.storeButton:hover {
	text-decoration: none !important;
}

a.storeButton.buy {
	border-radius: 12px;
}

input[type=submit] {
	width: auto;
	padding: 10px 30px;
}

a.storeButton.continue:hover {
	text-shadow: none;
}

a.storeButton.cancel {
	color: #fff;
	background: #888;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}

a.storeButton.small, a.storeButton.small:link, a.storeButton.small:visited, a.button.small, a.button.small:link, a.button.small:visited {
	color: #fff;
	background: #2F72C0;
	display: block;
	width: intrinsic;
	min-height: 0px;
	min-height: intrinsic;
	border-radius: 18px;
	padding: 10px 20px;
	margin: 5px 0 10px;
	text-decoration: none;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	font-weight: 500;
}

a.storeButton .price {
/* 	display: block; */
	font-size: 24px;
	line-height: 24px;
}

/* 20th Anniversary Sale */
a.storeButton .price.original {
/* 	display: block; */
	font-size: 24px;
	line-height: 24px;
	font-weight: 300;
	background: linear-gradient(to bottom, 
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0) 48%,
		#ffffff 48%,
		#ffffff 52%,
		rgba(255, 255, 255, 0) 52%,
		rgba(255, 255, 255, 0) 100%) no-repeat;
	animation: 1s crossout linear;
	animation-delay: 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: both;
}

@keyframes crossout {
	 0% { background-position: 75px 0; color: white; }
	 50% { background-position: 0 0; color: rgba(255, 255, 255, 0.5); }
	 100% { background-position: 0 0; color: rgba(255, 255, 255, 0.5);}
}

a.storeButton .price.sale {
	display: inline-block;
	animation: 1s accentuate linear;
	animation-timing-function: ease-in-out;
	animation-delay: 2s;
	animation-fill-mode: both;
}

@keyframes accentuate {
	 0% { transform: scale(0, 0); color: white; text-shadow: 0 0 0 transparent; width: 0;}
	 50% { transform: scale(1.2, 1.2); text-shadow: 0 0 10px white; width: 68px;}
	 100% { transform: scale(1) color: white; text-shadow: 0 0 0 transparent; width: 64px;}

}


a.storeButton .text {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 300;
}

.store-box {
	background: #F3F7FC;
	border-radius: 30px;
	padding: 15px 5px 0px 0px;
	margin: 0 0 15px;
	position: relative;
}

.store-box:has(h4:target), .store-box:target {
	box-shadow: 0 0 20px 5px #2F72C0;
	animation-name: highlight;
	animation-duration: 1s;
	animation-delay: 1s;
}

.store-box h4:target {
	scroll-margin-top: 55px;	
}

@keyframes highlight {
	0% {
		transform: scale(1, 1);
	}
	
	50% {
		transform: scale(1.1, 1.1);
	}
	
	100% {
		opacity: 1;
		transform: scale(1, 1);
	}
}



.store-box .icon-container {
	margin: 0 15px 15px 0;
	float: left;
}

.store-box h3 {
	margin-top: 5px;
	margin-bottom: 0;
	color: #333;
}

.store-box h4 {
	margin: 0 0 5px;
	color: #333;
	font-size: 20px;
}

.store-box p, .store-block-big p {
	font-size: 18px;
	line-height: 26px;
}

.store-box p {
	padding-left: 80px;
}

.store-box a.storeButton {
	margin-top: 5px;
}

.store-box a.storeButton, .store-block-big a.storebutton {
	font-weight: 700;
	font-size: 18px;
}

/* Updated Store */

.store-box-new {
	background: #F3F7FC;
	border-radius: 30px;
	padding: 5px 15px 50px;
	margin: 0;
	text-align: center;
	position: relative;
	box-shadow: 0 5px 0px white;
	transition: all 0.3s ease-in-out;
	text-decoration: none !important;
}

a.store-link::before {
	display: none;
	content: none;
	text-decoration: none !important;
}

a.store-link {
	display: block;
	grid-area: span 1 / span 1;
	text-decoration: none !important;
}

a.store-link div {
	display:inline;
}

.store-box-new:hover {
	box-shadow: 0 5px 20px rgba(51, 51, 51, 0.33);
	transition: all 0.3s ease-in-out;
	text-decoration: none !important;
}

.store-box-new:active {
	transform: scale(0.95);
	box-shadow: 0 5px 30px rgba(51, 51, 51, 0.33);
	transition: all 0.1s ease-in-out;
	text-decoration: none !important;
}

.store-box-new .store-icon {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
}

.store-box-new .store-icon img {
	width: 200px;
}

.store-box-new h3 {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #333;
	font-size: 26px;
	line-height: 28px;
}

.store-box-new h4 {
	margin-bottom: 0px;
}

.store-box-new a.storeButton {
	width: 200px;
	max-width: 80%;
	margin: 30px auto 20px;
	clear: none;
	font-size: 20px;
	text-align: center;
	display: inline;
	
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 5px;
	text-decoration: none !important;
}

.store-box-new p { 
	font-size: 20px;
	line-height: 30px;
	margin: 0 0 15px;
	padding: 0 0 15px;
	color: #333;
}

.store-box-new a:hover {
	text-decoration: none !important;
}

 .store-columns {
	grid-template-columns: 1fr 1fr 1fr !important;
  }

@media (max-width: 900px) {
  .store-columns {
	grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 550px) {
  .store-columns {
	grid-template-columns: 1fr !important;
  }
}

/* Styling per-app */

/* AF */
.store-box-new.af {
	background: #e6f9ff;
}

.store-box-new.af .storeButton {
	background: #0571a3;
}

/* AH */
.store-box-new.ah {
	background: rgba(249, 162, 41, 0.2);
	background: color(display-p3 0.976 0.635 0.161 / 0.2);
}

.store-box-new.ah .storeButton {
	background: #F9A229;
	background: color(display-p3 0.976 0.635 0.161);
}

/* FG */
.store-box-new.fg {
	background: #F0EAFB;
}

.store-box-new.fg .storeButton {
	background: #762BF5;
	background: color(display-p3 0.463 0.169 0.961);
}

/* FS */
.store-box-new.fs {
	background: #fffbdc;
}

.store-box-new.fs .storeButton {
	background: #D7B85A;
}

/* LB */
.store-box-new.lb {
	background: #e7f5f5;
}

.store-box-new.lb .storeButton {
	background: #3cbfbf;
}

/* PZ */
.store-box-new.pz {
	background: #FFF3E9;
}

.store-box-new.pz .storeButton {
	background: #C1773E;
}

/* SS */
.store-box-new.ss {
	background: linear-gradient(-45deg, #D2EADC 0%,#D5EAEB 100%);
	min-height: 395px;
}

.store-box-new.ss .storeButton {
	background: #279878;
}

.store-box-new .storeButton:hover {
	background: #333;
}

@media (max-width: 631px) {
	.store-box-new .store-icon img {
		width: 128px;
	}
	
	.store-box-new.ss {
		min-height: 0;
	}
}


a.storeButton .currencyName {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
}

.store-icon {
	position: relative;
	display: inline-block;
	float: left;
	margin: 0 15px 30px 0;
}

.store-icon .badge {
	position: absolute;
	bottom: 0;
	right: 0;
	vertical-align: bottom;
}

a.cart-header-link {
	position: absolute;
	top: 30px;
	right: 30px;
	text-decoration: none;
	color: #2F72C0;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	
	-webkit-font-smoothing: antialiased;
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.cart-header-link:hover {
	color: #0062aa;
	
	-webkit-filter: brightness(0.1);
	filter: brightness(0.1);
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.cart-header-link img {
	margin: 0 3px 9px 0;
}

a.storeButton, a.storeButton:link, a.storeButton:visited {
	color: #fff;
	background: #2F72C0;
}

a.storeButton:hover, a.storeButton:focus, a.storeButton.small:hover, a.storeButton.small:focus, a.button:hover, a.button:focus, a.button.small:hover, a.button.small:focus {
	color: #fff;
	background: #223940;
	box-shadow: 0 3px 10px rgba(0,0,0,0.5);
}

a.storeButton:active {
	box-shadow: 0 1px 15px rgba(0,0,0,0.8);
}

a.basket-link img {
	-webkit-filter: brightness(1);
	filter: brightness(1);
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

a.basket-link:hover img {
	-webkit-filter: brightness(1.3);
	filter: brightness(1.3);
	
	
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	transition: all 100ms ease;
}

div.coupon-note {
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.price-note {
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	font-weight: 400;
	/* color: #859398; */
	margin: -10px 0 10px;
	text-decoration: none !important;
}

.price-note:hover {
	text-decoration: underline;
}

/* ==========================================================================
   Store Revamp 2016
   ========================================================================== */

.store-section-divider {
	background: #e8eaf0;
	position: relative;
	width: 100%;
	height: 1px;
	clear: both;
	top: 38px;
	margin: 0px 0 0;
}

h5.store-section {
	margin: 30px auto 0px;
	color: #333;
	font-size: 14px;
	line-height: 16px;
	clear: left;
	padding: 0;
	position: relative;
	text-align: left;
	font-weight: 600;
	
	display: block;
}

h5.store-section span {
	background: #fff;
	padding: 0 15px;
}

.store-block-big {
	margin-bottom: 0px;
	float: left;
	width: 100%;
	padding: 20px 5px 5px 0;
	background: #f4f4f4;
	border-radius: 40px;
	font-size: 18px;
	line-height: 26px;
}

@media (max-width: 931px) {
	.store-block-big {
		text-align: center;
	}
	
	.storeButton {
		margin: 0px auto 30px !important;
		float: none;
		max-width: 350px;
	}
}

.store-block-small {
	margin-bottom: 0px;
	float: left;
	width: 100%;
/* 	border-bottom: 1px solid #e8eaf0; */
	padding: 30px 5px 0 0;
}

.store-block-small::after {
	display: block;
	width: 833px;
	float: right;
	height: 1px;
	background: #e8eaf0;
	content: "";
}

.store-block-small p {
	padding-left: 79px;
	margin-bottom: 30px;
}

.store-block-small.no-border {
	border: none;
}

.store-block-small.no-border::after {
	display: none;
}

.store-block-big .icon-container, .store-block-small .icon-container {
	float: left;
	margin: 0 15px 15px 0;
}

.store-block-big h3 {
	color: #333;
}

.store-block-small a.storeButton {
	padding: 8px 0;
	margin: 0 0 15px;
	height: auto;
	min-height: intrinsic;
	font-size: 14px;
	line-height: 22px;
}

.store-block-small .storeButton .price {
	font-size: 18px;
	line-height: 18px;
	padding: 0px;
	margin: 0;
}

.store-block-small .storeButton .text {
	font-size: 10px;
	line-height: 12px;
	margin: 0;
	padding: 0;
}

.store-block-small h4 {
	margin: 0;
	line-height: 18px;
}

.license-box {
	background: #333;
	padding: 15px 30px;
	margin: 30px 0 30px;
	color: #fff;
	border-radius: 6px;
	font-family: monospace;
	position: relative;
}

.license-box p {
	font-family: monospace;
	font-size: 18px;
	opacity: 1;
	transform: scale(1);
	
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

@-webkit-keyframes rotate {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}

.license-box .loader {
	width: 48px;
	margin-left: -24px;
	height: 48px;
	margin-top: -24px;
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 0;
	
	background: url('/global/images/store/loader.png') no-repeat center center;
	background-size: 48px 48px;
	
	transform-origin: 50% 50%;
	
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    
    animation: rotate 1.5s infinite;
	animation-timing-function: linear;
	transform: translateZ(0);
}


/* Store FAQ items - Popups */
h3#license-title, h3#refund-title, h3#privacy-title, h3#taxes-title {
	font-size: 20px;
	line-height: 25px;
	font-weight: 300;
	cursor: pointer;
	margin-bottom: 10px;
}

h3.ammo-modal-link {
	font-size: 20px;
	line-height: 25px;
	font-weight: 300;
	cursor: pointer;
	margin-bottom: 10px;
}

.store-summary h3 {
	color: #2F72C0;
}

.store-summary h3:hover {
	color: #333;
}

.dark .store-summary h3:hover {
	color: #fff;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    .license-box .loader {
		background: url('/global/images/store/loader@2x.png') no-repeat center center;
		background-size: 48px 48px;
	}
}

/* Mobile Styles */
@media (max-width: 631px) {
	.section.store-summary {
		padding: 0;
	}
	
	.faq-content {
		border-radius: 20px;
		width: 90%;
		padding: 20px;
	}
	
	.faq-content p {
		font-size: 17px;
		line-height: 22px;
	}
	
	.faq-content h3 {
		font-size: 20px;
		line-height: 24px;
	}
}

@media (max-width: 361px) {
	
	.faq-content {
		border-radius: 20px;
		width: 100%;
		padding: 20px;
	}
	
	.faq-content p {
		font-size: 16px;
		line-height: 22px;
	}
	
	.faq-content h3 {
		font-size: 20px;
		line-height: 24px;
	}
}



.license-box .loader.two {
	animation: rotate 3s infinite;
	animation-timing-function: linear;
}

.license-box.loading p {
	opacity: 0;
	transform: scale(0.9);
	
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.license-box.loading .loader {
	opacity: 1;
	
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.license-box pre {
	margin: 0 0 15px;
	padding: 0;
	font-weight: bold;
	font-size: 20px;
}

.details-button {
	background: #2F72C0;
	padding: 3px 10px;
	border-radius: 5px;
	color: #fff !important;
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 12px;
	font-weight: 600;
}

.details-button:hover {
	background: #333 !important;
	text-decoration: none;
}

/* ==========================================================================
   FastSpring Store Page Styles
   ========================================================================== */

#home.store-page {
	width: 960px;
	padding: 15px 30px;
	background: #fff;
	font-size: 16px;
}

#home.store-page .main-a {
	width: 100%;
}

#home.store-page .core-messages {
	border: none;
	border-radius: 10px;
	background: #fffec6;
	padding: 8px 15px;
	font-size: 12px;
	clear: both;
}

#home.store-page .store-tools.core-js-enabled-block, #store-variation-selection {
	display: inline-block;
	float: right;
	width: 500px;
}

#home.store-page #store-variation-selection-body {
	background: #000;
	background: rgba(0,0,0,0.9);
	color: #fff;
	border-radius: 10px;
}

#home.store-page #store-variation-selection-variations {
	background: none;
	color: #fff;
}

#home.store-page #store-variation-selection-variations ul li a {
	color: #fff;
	text-decoration: none;
	padding: 2px 5px;
	border-radius: 5px;
}

#home.store-page #store-variation-selection-variations ul li a:hover {
	background: #2F72C0;
	font-weight: normal; 
}

#home.store-page .store-section-customer-contact, #home.store-page .store-section-payment {
	padding: 10px 15px 0 0;
	margin-top: 40px !important;
	border-top: none !important;
}

#home.store-page .store-order-item, #home.store-page .core-form-field-group {
	background: #f4f4f4;
	padding: 15px;
	border-radius: 5px;
	margin: 15px 0 5px;
}

#home.store-page .store-payment-method {
	background: #f4f4f4;
	padding: 15px;
	border-radius: 5px;
}

/*
.store-payment-method-pp {
	padding-top: 0 !important;
}
*/

#home.store-page .store-order-pricing {
	border-top: 2px solid #000;
	padding: 0px 15px 0;
}

.store-decorate-silk input[type=text] {
	padding: 3px 8px;
	border-radius: 5px;
	border: 1px solid #859398;
	box-shadow: 0 0 0px 1px #fff inset;
	outline: none;
	color: #000;
	background: #fff;
	
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#home.store-page input.store-action-input {
	padding: 2px !important;
	text-align: center;
}

#home.store-page .store-order-item-group {
	border: none !important;
	margin: 0;
}

#home.store-page .store-order-item-group-action-list {
	margin: 0 0 15px !important;
}

#home.store-page .store-order-action-more a.store-action-command, #home.store-page #store-complete-element .store-action-command,  #home.store-page #store-complete-element .store-action-command span.store-action-title {
	color: #fff;
	background: #2F72C0;
	width: 203px;
	min-height: 50px;
	display: block;
	border-radius: 6px;
	padding: 10px 0 5px !important;
	margin: 15px 0 10px;
	text-decoration: none;
	font-size: 18px !important;
	line-height: 40px;
	text-align: center;
	font-weight: 500;
	box-shadow: none !important;
	border: none !important;
	text-shadow: none !important;
}

#home.store-page #store-complete-element .store-action-command:hover {
	background: #223A40;
}

#home.store-page #store-complete-element .store-action-command span.store-action-title {
	padding: 0 !important;
	margin: 0 !important;
}

#home.store-page #store-complete-element .store-action-command {
	float: right;
}

#home.store-page span.store-action-title {
	box-shadow: none;
	border: none;
	text-shadow: none !important;
	margin: 0;
	padding: 0;
	font-size: 18px;
}

#home.store-page label {
	white-space: normal;
	font-size: 16px;
}

#home.store-page label.core-label-optional {
	font-weight: light;
}

#home.store-page label.core-label-optional::after {
	content: " (Optional)";
}

#home.store-page #have-coupon {
	clear: both;
	background: none;
}

#home.store-page .store-order-price-value {
	font-weight: bold !important;
}

#home.store-page .store-order-price-label {
	font-weight: bold !important;
	padding-right: 5px;
}

#home.store-page .store-order-action-coupon .store-action-title {
	background: none !important;
}

#home.store-page .store-page-navigation {
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}

#home.store-page a.continue-shopping {
	text-decoration: none;
	background: url('/global/images/store/store-continue-shopping.png') no-repeat center left !important;
	background-size: 24px 16px !important;
	padding: 0px 0px 0px 30px;
	margin: 0px 0 15px !important;
	float: left;
	font-weight: bold;
	
	-webkit-filter: brightness(1);
	filter: brightness(1);
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

#home.store-page a.continue-shopping:hover {
	-webkit-filter: brightness(0.25);
	filter: brightness(0.25);
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

/* Icons */

.store-decorate-silk #store-variation-selector-command {
	background: url('/global/images/store/store-reveal.png') no-repeat center right !important;
	background-size: 16px 16px !important;
}

.store-decorate-silk #store-variation-selector-command.store-variation-selector-active {
	background: url('/global/images/store/store-remove.png') no-repeat center right !important;
	background-size: 16px 16px !important;
}

#home.store-page .store-order-item-action-delete .store-action-title {
	background: url('/global/images/store/store-remove.png') no-repeat center left !important;
	background-size: 16px 16px !important;
	
	color: #2E6FBB;
	font-weight: normal !important;
	-webkit-font-smoothing: antialiased;
	
	-webkit-filter: saturate(0.1);
	filter: saturate(0.1);
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	
	-webkit-font-smoothing: antialiased;
}

#home.store-page .store-order-item-action-quantity .store-action-title {
	background: url('/global/images/store/store-update.png') no-repeat center left !important;
	background-size: 16px 16px !important;
	
	color: #2E6FBB;
	font-weight: normal !important;
	-webkit-font-smoothing: antialiased;
	
	-webkit-filter: saturate(0.1);
	filter: saturate(0.1);
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	

}

#home.store-page .store-order-item-action-quantity:hover .store-action-title, #home.store-page .store-order-item-action-delete:hover .store-action-title {
	-webkit-filter: saturate(1);
	filter: saturate(1);
	
	color: #2E6FBB !important;
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	transition: all 100ms ease;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ 
	.store-decorate-silk #store-variation-selector-command {
		background: url('/global/images/store/store-reveal@2x.png') no-repeat center right !important;
		background-size: 16px 16px !important;
	}
	
	.store-decorate-silk #store-variation-selector-command.store-variation-selector-active {
		background: url('/global/images/store/store-remove@2x.png') no-repeat center right !important;
		background-size: 16px 16px !important;
	}
	
    #home.store-page .store-order-item-action-delete .store-action-title {
		background: url('/global/images/store/store-remove@2x.png') no-repeat center left !important;
		background-size: 16px 16px !important;
	}
	
	#home.store-page .store-order-item-action-quantity .store-action-title {
		background: url('/global/images/store/store-update@2x.png') no-repeat center left !important;
		background-size: 16px 16px !important;
	}
	
	#home.store-page a.continue-shopping {
		background: url('/global/images/store/store-continue-shopping@2x.png') no-repeat center left !important;
		background-size: 24px 16px !important;
	}
}

/* Payment Types */

#home.store-page .store-payment-type-visa {
	width: 0px !important;
	height: 0px !important;
	padding-left: 32px !important;
	padding-top: 2px !important;
	line-height: 0 !important;
	background: url('/global/images/store/card-visa.png') no-repeat center center !important;
	background-size: 32px 20px;
}

#home.store-page .store-payment-type-mastercard {
	width: 0px !important;
	height: 0px !important;
	padding-left: 32px !important;
	padding-top: 2px !important;
	line-height: 0 !important;
	background: url('/global/images/store/card-mastercard.png') no-repeat center center !important;
	background-size: 32px 20px;
}

#home.store-page .store-payment-type-amex {
	width: 0px !important;
	height: 0px !important;
	padding-left: 32px !important;
	padding-top: 2px !important;
	line-height: 0 !important;
	background: url('/global/images/store/card-amex.png') no-repeat center center !important;
	background-size: 32px 20px;
}

#home.store-page .store-payment-type-discover {
	width: 0px !important;
	height: 0px !important;
	padding-left: 32px !important;
	padding-top: 2px !important;
	line-height: 0 !important;
	background: url('/global/images/store/card-discover.png') no-repeat center center !important;
	background-size: 32px 20px;
}

#home.store-page .store-input-cc-security-code {
	background: url('/global/images/store/card-code.png') no-repeat center right !important;
	padding-right: 40px;
	padding-top: 2px !important;
}

#home.store-page .store-payment-type-pp {
	background: url('/global/images/store/logo-paypal.png') no-repeat center right !important;
	background-size: 56px 20px !important;
	width: 56px !important;
	height: 20px !important;
	padding-left: 56px;
}


@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ 
	#home.store-page .store-payment-type-visa {
		background: url('/global/images/store/card-visa@2x.png') no-repeat center center !important;
		background-size: 32px 20px !important;
	}
	
	#home.store-page .store-payment-type-mastercard {
		background: url('/global/images/store/card-mastercard@2x.png') no-repeat center center !important;
		background-size: 32px 20px !important;
	}
	
	#home.store-page .store-payment-type-amex {
		background: url('/global/images/store/card-amex@2x.png') no-repeat center center !important;
		background-size: 32px 20px !important;
	}
	
	#home.store-page .store-payment-type-discover {
		background: url('/global/images/store/card-discover@2x.png') no-repeat center center !important;
		background-size: 32px 20px !important;
	}
	
	#home.store-page .store-input-cc-security-code {
		background: url('/global/images/store/card-code@2x.png') no-repeat center right !important;
		background-size: 32px 20px !important;
		padding-right: 40px;
	}
	
	#home.store-page .store-payment-type-pp {
		background: url('/global/images/store/logo-paypal@2x.png') no-repeat center right !important;
		background-size: 56px 20px !important;
	}
}

/* Styles for license info */

.license-download-link {
	text-decoration: none;
	margin-bottom: 15px;
}

.license-download-button, .license-download-button:visited {
	color: #fff;
	font-weight: bold;
	background: #2F72C0;
	padding: 15px 30px 15px 45px;
	border-radius: 6px;
	text-decoration: none;
	margin: 0px 0 0px 0;
	float: left;
	clear: both;
	
	background: url('http://rogueamoeba.com/global/images/siteimages/icon-download-small@2x.png') no-repeat 15px 15px, #2F72C0;
	background-size: 16px 20px;
}

.license-download-button:hover {
	background: #223940;
	background: url('http://rogueamoeba.com/global/images/siteimages/icon-download-small@2x.png') no-repeat 15px 15px, #223940;
	background-size: 16px 20px;
	color: #fff;
}

.license-download-url {
	font-size: 12px; clear: both; color: #859399; margin: 0 0 15px;
}

/* addons */

/* Animate-in styles */

#addonArea {
	opacity: 0;
	transition: all 1s 0s;
}

#addonArea.visible {
	transition: all 1s 0s;
	opacity: 1;
}

/* Scale Down Offsets */
#addonArea .addon-container:nth-child(1){
	transform: scale(0.8, 0.8);
	transition: all 0.5s 0.5s;
	opacity: 0;
}

#addonArea .addon-container:nth-child(2){
	transform: scale(0.8, 0.8);
	transition: all 0.5s 0.7s;
	opacity: 0;
}

#addonArea .addon-container:nth-child(3){
	transform: scale(0.8, 0.8);
	transition: all 0.5s 0.9s;
	opacity: 0;
}

#addonArea .addon-container:nth-child(4){
	transform: scale(0.8, 0.8);
	transition: all 0.5s 1.1s;
	opacity: 0;
}

#addonArea .addon-container:nth-child(5){
	transform: scale(0.8, 0.8);
	transition: all 0.5s 1.3s;
	opacity: 0;
}

/* Scale Up Offsets*/
#addonArea.visible .addon-container:nth-child(1){
	transform: scale(1, 1);
	transition: all 0.5s 0.5s;
	opacity: 1;
}

#addonArea.visible .addon-container:nth-child(2){
	transform: scale(1, 1);
	transition: all 0.5s 0.7s;
	opacity: 1;
}

#addonArea.visible .addon-container:nth-child(3){
	transform: scale(1, 1);
	transition: all 0.5s 0.9s;
	opacity: 1;
}

#addonArea.visible .addon-container:nth-child(4){
	transform: scale(1, 1);
	transition: all 0.5s 1.1s;
	opacity: 1;
}

#addonArea.visible .addon-container:nth-child(5){
	transform: scale(1, 1);
	transition: all 0.5s 1.3s;
	opacity: 1;
}

#addonArea h2 {
	margin-top: 34px;
	color: #2F72C0;
	font-weight: 700;
}

.addon-container {
	background: #F3F7FC;
	padding: 20px 30px 15px;
	border-radius: 8px;
	text-align: center;
	margin-bottom: 15px;
	float: left;
	clear: left;
}

.addon-container .icon-container {
	margin-bottom: 15px;
}

.addon-container .icon-container .small {
	margin: 10px 0 10px;
}

.addon-container a {
	color: #2F72C0;
}

.addon-container a:hover {
	color: #333;
}

.addon-container a.storeButton, .addon-container a.storeButton:hover {
	color: #fff;
}

.addon-container a.storeButton {
	margin: 0 0 15px;
	float: left;
	clear: left;
}

.addon-container a.storeButton .text {
	font-size: 14px;
	font-weight: 300;
}

.addon-container a.storeButton .price {
	font-size: 18px;
	line-height: 20px;
}

.addon-container h4 {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 5px;
}

.addon-container p {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
	font-weight: 300;
}

/* ==========================================================================
   Accolades section
   ========================================================================== */

#toggler:hover {
	cursor: pointer;
}

.quotes-container {
	position: relative;
	width: 100%;
	height: 210px;
	margin: 15px 0 15px;
	float: left;
	color: #fff;
	font-size: 18px;
	line-height: 26px;
}

/* Special case to make Airfoil for Windows quotes smaller */
.quotes-container.afw {
	height: 180px;
}

.quote-set {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	color: #fff;
	font-size: 18px;
	line-height: 26px;
}

.quote-set.active {
	pointer-events: auto;
}

.quote {
	width: 33.3333333333%;
	float: left;
	padding: 0 15px;
	-webkit-font-smoothing: antialiased;
	color: #fff;
	font-size: 18px;
	line-height: 26px;
}

.quote a {
	text-decoration: none;
}

.quote a:hover {
	text-decoration: underline;
}

.quote p {
	margin: 0;
	color: #fff;
	font-size: 18px;
	line-height: 24px;
}

.quote-name {
	font-weight: bold;
	text-align: right;
}

/* Fade Out */

.quote-set .quote.a {
	opacity: 0;
	transition: all 0.5s ease 0s;
	transform: translate(0px, 10px);
	display: block;
}

.quote-set .quote.b {
	opacity: 0;
	transition: all 0.5s ease 0.25s;
	transform: translate(0px, 10px);
	display: block; 
}

.quote-set .quote.c {
	opacity: 0;
	transition: all 0.5s ease 0.5s;
	transform: translate(0px, 10px);
	display: block; 
}

/* Fade In */

.quote-set.active .quote.a {
	opacity: 1;
	transition: all 0.5s ease 0.5s;
	transform: translate(0px, 0px);
	display: block;
}

.quote-set.active .quote.b {
	opacity: 1;
	transition: all 0.5s ease 0.75s;
	transform: translate(0px, 0px);
	display: block;
}

.quote-set.active .quote.c {
	opacity: 1;
	transition: all 0.5s ease 1s;
	transform: translate(0px, 0px);
	display: block;
}

/* Quote Preview Page */

#quote-preview .quotes-container, #quote-preview .quotes-container.afw {
	height: auto;
}


#quote-preview .quote-set {
	position: relative;
	float: left;
	clear: both;
	margin-bottom: 60px;
}

#quote-preview .quote-set .quote.a, #quote-preview .quote-set .quote.b, #quote-preview .quote-set .quote.c {
	opacity: 1;
	transform: translate(0px, 0px);
	pointer-events: auto;
}


/* ==========================================================================
   Support Pages
   ========================================================================== */

.alert-box {
	background: #f4f4f4;
	border-radius: 10px;
	padding: 15px 15px 15px 90px;
	margin: 15px 0 0;
	min-height: 70px;
	border: none;
	background: #f4f4f4;
	background: url('/support/images/icon-failure.png') no-repeat 30px 15px, #F9E5E5;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    .alert-box {
	    background: url('/support/images/icon-failure@2x.png') no-repeat 30px 15px, #F9E5E5;
	    background-size: 44px 44px;
    }
}

.success-box {
	background: #f4f4f4;
	border-radius: 10px;
	padding: 15px 30px 15px 90px;
	margin: 15px 0 0;
	min-height: 70px;
	border: none;
	background: #f4f4f4;
	background: url('/support/images/icon-success.png') no-repeat 30px 15px, #E7F7E6;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    .success-box {
	    background: url('/support/images/icon-success@2x.png') no-repeat 30px 15px, #E7F7E6;
	    background-size: 44px 44px;
    }
}

.alert-box h4, .alert-box h3 {
	color: #333;
	margin: 0px 0 5px;
	font-size: 24px;
	line-height: 26px;
}

.success-box h4, .success-box h3 {
	color: #333;
	margin: 0px 0 5px;
	font-size: 24px;
	line-height: 26px;
}

.alert-box p a {
	color: #333;
	text-decoration: underline;
}

.success-box p a {
	color: #333;
	text-decoration: underline;
}

.alert-box p a:hover {
	color: #cc0000;
}

.success-box p a:hover {
	color: #16b60e;
}

.note {
	background: #f4f4f4;
	border-radius: 10px;
	padding: 15px;
	margin: 0 0 15px;
	border: none;
}

.note.warning {
	background: #FAF5D3;
	border-radius: 10px;
	padding: 15px 30px 5px;
	margin: 0 0 15px;
	border: none;
}

.note.warning a {
	color: #BCA400;
}

.article p, .article ol, .article ul {
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
}

.article h2, .article h3, .article h4 {
	padding-top: 20px;
}

.article .note h1, .article aside h1,
.article .note h2, .article aside h2,
.article .note h3, .article aside h3,
.article .note h4, .article aside h4,
.article .note h5, .article aside h5,
.article .note h6, .article aside h6 {
	padding-top: 0;
}


.article li {
	margin-bottom: 15px;
}

.article pre {
	font-size: 14px;
	line-height: 26px;
	padding: 0 0 0 5px;
	margin: 0 0 30px 15px;
	border-left: 4px solid #f4f4f4;
	overflow: visible;
	word-wrap: break-word;
	font-weight: 700;
	tab-size: 4;
}

.article .indent {
	padding-left: 30px;
}

p.centeredimage, .imagecaption, .caption, figcaption, figure p {
	width: 100%;
	font-style: italic;
	color: #859398;
	align-content: center;
	align-items: center;
	text-align: center;
	margin: 5px 0 15px;
	font-size: 20px;
	lineheight: 30px;
}

figure {
	text-align: center;
	margin: 0;
}

p.centeredimage img, figure img {
	align-content: center;
	align-items: center;
	margin: 0 auto 10px;
}

.shadowed {
	box-shadow: 0 2px 10px rgba(0,0,0,0.2), 0 0 3px 1px rgba(0,0,0,0.1);
}

.kb-back {
	margin: 30px 0 45px 0px;
	padding: 0px 0 45px 0;
	text-decoration: none;
	float: left;
	clear: both;
}

/* ==========================================================================
   Legacy Page
   ========================================================================== */

.legacy-box {
	padding: 15px 45px 10px 30px;
	margin: 0 0 15px;
/* 	background: url('/global/images/siteimages/status-active.png') no-repeat top right, #F3F7FC; */
	background: #F3F7FC;
	background: #f8f8f8;
	position: relative;
	border-radius: 12px;
	float: left;
	clear: left;
	min-height: 168px;
	width: 100%;
	font-size: 16px;
	line-height: 23px;
}

.legacy-box.retired {
	background: url('/global/images/siteimages/status-retired.png') no-repeat top right, #f8f8f8;
	min-height: 94px;
}

.legacy-box.outdated {
	background: url('/global/images/siteimages/status-outdated.png') no-repeat top right, #f8f8f8;
	min-height: 94px;
}

.legacy-box a {
	font-weight: 700;
}

.legacy-box .icon-container {
	position: absolute;
	top: 15px;
	left: 30px;
}

.legacy-box.retired .icon-container, .legacy-box.outdated .icon-container {
	left: 65px;
	top: 15px;
}

.legacy-navigation {
	margin-top: 15px;
	padding: 15px 10px;
	background: #F3F7FC;
	float: left;
}

.legacy-navigation .item {
	width: 33.3333333333%;
	padding: 0 15px 10px;
	margin: 0;
	float: left;
	display: inline-block;
}

/*

.legacy-box.retired a {
	color: #333;
}

.legacy-box.retired a:hover {
	color: #2F72C0;
}
*/

.legacy-box .icon-container .badge {
	bottom: -5px;
	right: -5px;	
}

.legacy-box .legacy-description {
	padding: 0 0 5px 158px;
	font-size: 18px;
	line-height: 26px;
}

.legacy-box .legacy-description p {
	font-size: 18px;
	line-height: 26px;
}

.legacy-box h3 {
	margin: 0 0 2px;
	font-size: 22px;
	font-weight: 700;
}

.legacy-box .legacy-note {
	font-size: 16px;
	line-height: 23px;
}

/* Retina Styles */

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ 
/*
	.legacy-box {
		background: url('/global/images/siteimages/status-active@2x.png') no-repeat top right, #F3F7FC;
		background-size: 96px 96px;
	}
*/
	
	.legacy-box.retired {
		background: url('/global/images/siteimages/status-retired@2x.png') no-repeat top right, #f8f8f8;
		background-size: 96px 96px;
	}

	.legacy-box.outdated {
		background: url('/global/images/siteimages/status-outdated@2x.png') no-repeat top right, #f8f8f8;
		background-size: 96px 96px;
	}	
}

/* Mobile Styles */
@media (max-width: 631px) {
	.legacy-box {
		position: relative;
		padding: 10px 15px;
	}
	
	.legacy-box .icon-container, .legacy-box.retired .icon-container, .legacy-box.outdated .icon-container {
		float: left;
		clear: both;
		margin: 0 auto;
		position: absolute;
		display: block;
		left: 50%;
		top: 15px;
		transform: translate(-50%, 0);
	}
	
	.legacy-box .legacy-description {
		padding: 148px 0 10px;
		margin: 0;
		width: 100%;
		float: left;
		clear: both;
		display: block;
	}
	
		.legacy-box.retired .legacy-description, .legacy-box.outdated .legacy-description {
		padding: 80px 0 10px;
		margin: 0;
		width: 100%;
		float: left;
		clear: both;
		display: block;
	}
	
	#price-estimate-note {
		position: relative;
		display: none;
		width: 100%;
		padding: 15px;
		margin-bottom: 30px;
		background: #F3F7FC;
		border-radius: 10px;
		font-size: 15px;
		line-height: 18px;
		color: #333;
	}
}


/* ==========================================================================
   Company Page
   ========================================================================== */

   .section.blue {
	   background: #2F72C0;
	   color: #fff;
	   padding-bottom: 30px;
   }
   
   .section.blue a {
	   color: #CFE5FF;
   }
   
   .section.blue a:hover {
	   color: #B0D4FF;
   }
   
   .staff {
	   margin: 0 0 15px;
   }
   
   .staff img {
	   margin: 0 auto;
	   display: block;
   }
   
   .staff h3 {
	   text-align: center;
	   margin: 15px 0px 0px;
	   font-size: 26px;
   }
   
   .staff h6 {
	   text-align: center;
	   font-weight: 300;
	   color: #859398;
	   font-size: 14px;
   }
   
   .staff .contact {
	   text-align: center;
	   font-weight: 300;
	   color: #859398;
	   font-size: 14px;
	   line-height: 16px;
	   margin: 0 0 20px;
   }
   
   .staff .contact a {
	   font-size: 14px;
	   text-decoration: none;
   }
   
   .job-alert {
	   padding: 15px;
	   color: #fff;
	   border-radius: 10px;
	   font-size: 16px;
	   line-height: 26px;
	   text-align: center;
	   background: #2F72C0;
	   margin: 15px 0 30px;
   }
   
   .job-alert ul {
	   margin: 0;
	   padding: 0;
   }
   
   .job-alert ul li {
	   display: inline;
	   list-style: none;
	   margin: 0;
	   padding: 0;
   }
   
   .social-icon img, img.social-icon {
	   float: left;
	   margin: 0 15px 15px 0;
   }
   
   .company-social-description {
	   padding: 0 0 0 45px;
   }
   
   .company-social-description.wide {
	   padding: 0 0 0 0;
   }
   
   .company-social-description h5 {
	   margin: 0 0 5px;
	   line-height: 18px;
	   font-size: 16px;
	   font-weight: 700;
   }
   
   .company-social-description p {
	   margin-bottom: 30px;
   }
 
 .mail-signup-item {
	margin-bottom: 15px;
 }
 
/*
 .mail-signup-item:last-child {
	 clear: both;
 }
*/
 
 .mail-signup h3 {
	 margin-bottom: 5px;
	 text-transform: uppercase;
	 font-weight: 800;
	 font-size: 25px;
	 line-height: 30px;
	 text-align: center;
	 color: #2F72C0;
 }

 .mail-signup p {
 	margin-bottom: 15px;
 }
 
 .alert-box.mail-signup {
	 padding: 15px !important;
	 background: #F9E5E5 !important;
	 font-size: 14px;
	 line-height: 18px;
 }

 .success-box.mail-signup {
	padding: 15px !important;
	background: #E7F7E6 !important;
	font-size: 14px;
	line-height: 18px;
 }
 
 .alert-box.mail-signup h4 {
	 font-size: 18px !important;
	 color: #CC0000;
	 font-weight: 800;
 }

.success-box.mail-signup h4 {
	 font-size: 18px !important;
	 color: #2CB225;
	 font-weight: 800;
 }
 
 @media (max-width: 631px) {
	  .mail-signup h3 {
		 min-height: 30px;
	 }
	
	 .mail-signup p {
	 	min-height: 24px;
	 }
}


  
/* ==========================================================================
   Status Page
   ========================================================================== */
   
.status-item {
	background: #f4f4f4;
	border-radius: 8px;
	padding: 15px 15px 15px;
	margin: 15px 0 15px;
	position: relative;
}

.status-item p {
	font-size: 18px;
	line-height: 26px;
}

.status-item h3 {
	margin: 10px 0 0;
}

.status-item h5 {
	font-weight: 300;
	font-size: 14px;
}

.status-item hr {
	background: #d8d8d8;
	border: none;
	height: 1px;
	box-shadow: none;
}

.status-item.partial h4 {
	color: #DBC31B;
}

.status-item.full h4 {
	color: #2CB225;
}

.status-item.none h4 {
	color: #CC0000;
}

.status-item .status-badge {
	position: absolute;
	top: 0;
	right: 0;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
}

.status-item p {
	text-align: left;
}

.column.table-header {
	border-bottom: 1px solid #333;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.column.table-right {
	text-align: right;
}

/* ==========================================================================
   Message Boxes
   ========================================================================== */

/* Default Message */

aside, .message {
	width: 100%;
	padding: 15px 20px 20px 94px;
	margin: 20px 0 0;
	background: #E0EAF6;
	background: url('/global/images/siteimages/message-icon-note.svg') no-repeat 20px center, linear-gradient(to right, #C5D8EE 0px, #C5D8EE 74px, #E0EAF6 74px, #E0EAF6);
	border-radius: 16px;
	font-size: 18px;
	line-height: 26px;
	opacity: 1;
	height: auto;
	visibility: visible;
	font-weight: 400;
	
	transform: scale(1,1) rotateX(0deg);
	transition: all 0.5s cubic-bezier(.17,.67,.63,1.24);
}

aside.tall, .message.tall {
	background: url('/global/images/siteimages/message-icon-note.svg') no-repeat 20px 20px, linear-gradient(to right, #C5D8EE 0px, #C5D8EE 74px, #E0EAF6 74px, #E0EAF6);
}

.article aside, .article .message {
	margin-bottom: 15px;
}

aside p, .message p {
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
}

aside ol, aside ul, .message ol, .message ul {
	margin: 0;
}

aside p:last-child, .message p:last-child {
	margin-bottom: 0;
}

aside a, .message a {
	color: #2F72C0;
} 

aside h2, aside h3, aside h4, aside h5, aside h6,
.message h2, .message h3, .message h4, .message h5, .message h6 {
	color: #2F72C0;
	font-size: 24px;
	line-height: 28px;
	padding-top: 0;
} 

aside hr, .message hr {
	border: none;
	background: #C5D8EE;
}

/* Smaller Font Size */

aside.smaller, .message.smaller {
	/* padding: 15px 20px 15px 94px; */
	font-size: 16px;
	line-height: 22px;
}

aside p.smaller, .message p.smaller, aside.smaller p, .message.smaller p {
	font-size: 16px;
	line-height: 22px;
}

aside.smaller h2, aside.smaller h3, aside.smaller h4, aside.smaller h5, aside.smaller h6,
.message.smaller h2, .message.smaller h3, .message.smaller h4, .message.smaller h5, .message.smaller h6 {
	color: #2F72C0;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 0;
} 

/* Smallest Font Size */

aside.smallest, .message.smallest {
	/* padding: 15px 20px 15px 94px; */
	font-size: 14px;
	line-height: 20px;
}

aside p.smallest, .message p.smallest, aside.smallest p, .message.smallest p {
	font-size: 14px;
	line-height: 20px;
}

aside.smallest h2, aside.smallest h3, aside.smallest h4, aside.smallest h5, aside.smallest h6,
.message.smallest h2, .message.smallest h3, .message.smallest h4, .message.smallest h5, .message.smallest h6 {
	color: #2F72C0;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 0;
} 

/* Warning Message */

aside.warning, .message.warning {
	background: #FAF5D3;
	background: url('/global/images/siteimages/message-icon-warning.svg') no-repeat 20px center, linear-gradient(to right, #EAE2AD 0px, #EAE2AD 74px, #FAF5D3 74px, #FAF5D3);
}

aside.warning.tall, .message.warning.tall {
	background: #FAF5D3;
	background: url('/global/images/siteimages/message-icon-warning.svg') no-repeat 20px 20px, linear-gradient(to right, #EAE2AD 0px, #EAE2AD 74px, #FAF5D3 74px, #FAF5D3);
}

aside.warning a, .message.warning a {
	color: #AA9718;
} 

aside.warning h2, aside.warning h3, aside.warning h4, aside.warning h5, aside.warning h6,
.message.warning h2, .message.warning h3, .message.warning h4, .message.warning h5, .message.warning h6 {
	color: #AA9718;
} 

aside.warning hr, .message.warning hr {
	background: #EAE2AD;
}

/* Error Message */

aside.error, .message.error {
	background: #F8D9D9;
	background: url('/global/images/siteimages/message-icon-error.svg') no-repeat 20px center, linear-gradient(to right, #FCA9AB 0px, #FCA9AB 74px, #FFD8D8 74px, #FFD8D8);
}

aside.error.tall, .message.error.tall {
	background: #F8D9D9;
	background: url('/global/images/siteimages/message-icon-error.svg') no-repeat 20px 20px, linear-gradient(to right, #FCA9AB 0px, #FCA9AB 74px, #FFD8D8 74px, #FFD8D8);
}

aside.error a, .message.error a {
	color: #CC0000;
} 

aside.error h2, aside.error h3, aside.error h4, aside.error h5, aside.error h6,
.message.error h2, .message.error h3, .message.error h4, .message.error h5, .message.error h6 {
	color: #CC0000;
} 

aside.error hr, .message.error hr {
	background: #FCA9AB;
}

/* Success Message */

aside.success, .message.success {
	background: #E0F4DF;
	background: url('/global/images/siteimages/message-icon-success.svg') no-repeat 20px center, linear-gradient(to right, #BCE7B9 0px, #BCE7B9 74px, #E0F4DF 74px, #E0F4DF);
}

aside.success.tall, .message.success.tall {
	background: #E0F4DF;
	background: url('/global/images/siteimages/message-icon-success.svg') no-repeat 20px 20px, linear-gradient(to right, #BCE7B9 0px, #BCE7B9 74px, #E0F4DF 74px, #E0F4DF);
}

aside.success a, .message.success a {
	color: #2CB225;
} 

aside.success h2, aside.success h3, aside.success h4, aside.success h5, aside.success h6
.message.success h2, .message.success h3, .message.success h4, .message.success h5, .message.success h6 {
	color: #2CB225;
} 

aside.success hr, .message.success hr {
	background: #BCE7B9;
}

/* Form Message */

aside.form, .message.form {
	background: #EBEBEB;
	background: url('/global/images/siteimages/message-icon-form.svg') no-repeat 20px center, linear-gradient(to right, #DCDCDC 0px, #DCDCDC 74px, #EBEBEB 74px, #EBEBEB);
}

aside.form.tall, .message.form.tall {
	background: #EBEBEB;
	background: url('/global/images/siteimages/message-icon-form.svg') no-repeat 20px 20px, linear-gradient(to right, #DCDCDC 0px, #DCDCDC 74px, #EBEBEB 74px, #EBEBEB);
}

aside.form a, .message.form a {
	color: #8e8e8e;
} 

aside.form h2, aside.form h3, aside.form h4, aside.form h5, aside.form h6
.message.form h2, .message.form h3, .message.form h4, .message.form h5, .message.form h6 {
	color: #8e8e8e;
} 

aside.form hr, .message.form hr {
	background: #DCDCDC;
}


/* Secondary Message */

aside.secondary, .message.secondary {
	background: #EBEBEB;
	background: url('/global/images/siteimages/message-icon-secondary.svg') no-repeat 20px center, linear-gradient(to right, #EAEAEA 0px, #EAEAEA 74px, #F3F3F3 74px, #F3F3F3);
}

aside.secondary.tall, .message.secondary.tall {
	background: #EBEBEB;
	background: url('/global/images/siteimages/message-icon-secondary.svg') no-repeat 20px 20px, linear-gradient(to right, #EAEAEA 0px, #EAEAEA 74px, #F3F3F3 74px, #F3F3F3);
}

aside.secondary a, .message.secondary a {
	color: #8e8e8e;
} 

aside.secondary h2, aside.secondary h3, aside.secondary h4, aside.secondary h5, aside.secondary h6
.message.secondary h2, .message.secondary h3, .message.secondary h4, .message.secondary h5, .message.secondary h6 {
	color: #8e8e8e;
} 

aside.secondary hr, .message.secondary hr {
	background: #DCDCDC;
}



/* Tip Message */

aside.tip, .message.tip {
	background: #F4EAF8;
	background: url('/global/images/siteimages/message-icon-tip.svg') no-repeat 20px center, linear-gradient(to right, #E5CEF0 0px, #E5CEF0 74px, #F4EAF8 74px, #F4EAF8);
}

aside.tip.tall, .message.tip.tall {
	background: #F4EAF8;
	background: url('/global/images/siteimages/message-icon-tip.svg') no-repeat 20px 20px, linear-gradient(to right, #E5CEF0 0px, #E5CEF0 74px, #F4EAF8 74px, #F4EAF8);
}

aside.tip a, .message.tip a {
	color: #922FC0;
} 

aside.tip h2, aside.tip h3, aside.tip h4, aside.tip h5, aside.tip h6
.message.tip h2, .message.tip h3, .message.tip h4, .message.tip h5, .message.tip h6 {
	color: #922FC0;
} 

aside.tip hr, .message.tip hr {
	background: #E5CEF0;
}

/* Misc Message Styles */

aside a:hover, .message a:hover {
	color: #333;
}

aside.compact, .message.compact {
	padding: 10px 20px 10px 94px;
}

aside.compact h2, aside.compact h3, aside.compact h4, aside.compact h5, aside.compact h6,
.message.compact h2, .message.compact h3, .message.compact h4, .message.compact h5, .message.compact h6 {
	font-size: 22px;
	line-height: 26px;
} 

/* Tag Style */

aside.tag {
	display: inline-block;
	padding: 15px 20px 15px 64px !important;
	background: url('/global/images/siteimages/message-icon-note.svg') no-repeat 10px center, linear-gradient(to right, #C5D8EE 0px, #C5D8EE 54px, #E0EAF6 54px, #E0EAF6);
	width: auto !important;
	margin-top: 10px;
}

aside.warning.tag, .message.warning.tag {
	background: #FAF5D3;
	background: url('/global/images/siteimages/message-icon-warning.svg') no-repeat 10px center, linear-gradient(to right, #EAE2AD 0px, #EAE2AD 54px, #FAF5D3 54px, #FAF5D3);
}

aside.error.tag, .message.error.tag {
	background: #F8D9D9;
	background: url('/global/images/siteimages/message-icon-error.svg') no-repeat 10px center, linear-gradient(to right, #FCA9AB 0px, #FCA9AB 54px, #FFD8D8 54px, #FFD8D8);
}

aside.success.tag, .message.success.tag {
	background: #E0F4DF;
	background: url('/global/images/siteimages/message-icon-success.svg') no-repeat 10px center, linear-gradient(to right, #BCE7B9 0px, #BCE7B9 54px, #E0F4DF 54px, #E0F4DF);
}

aside.tip.tag, .message.tip.tag {
	background: #F4EAF8;
	background: url('/global/images/siteimages/message-icon-tip.svg') no-repeat 10px center, linear-gradient(to right, #E5CEF0 0px, #E5CEF0 54px, #F4EAF8 54px, #F4EAF8);
}

aside.secondary.tag, .message.secondary.tag {
	background: #EBEBEB;
	background: url('/global/images/siteimages/message-icon-secondary.svg') no-repeat 10px center, linear-gradient(to right, #EAEAEA 0px, #EAEAEA 54px, #F3F3F3 54px, #F3F3F3);
}

aside.tag h2, aside.tag h3, aside.tag h4, aside.tag h5, aside.tag h6,
.message.tag h2, .message.tag h3, .message.tag h4, .message.tag h5, .message.tag h6 {
	font-size: 18px;
	line-height: 18px;
	padding: 0;
	margin: 1px 0 0;
	display: inline-block;
	width: auto !important;
} 

/* Mobile Styles */
@media (max-width: 631px) {
	aside, .message {
		padding: 15px 20px 20px 64px;
	}
	
	aside, .message, aside.tall, .message.tall {
		background: url('/global/images/siteimages/message-icon-note.svg') no-repeat 10px 20px, linear-gradient(to right, #C5D8EE 0px, #C5D8EE 54px, #E0EAF6 54px, #E0EAF6);
	}
	
	aside.warning, .message.warning, aside.warning.tall, .message.warning.tall {
		background: #FAF5D3;
		background: url('/global/images/siteimages/message-icon-warning.svg') no-repeat 10px 20px, linear-gradient(to right, #EAE2AD 0px, #EAE2AD 54px, #FAF5D3 54px, #FAF5D3);
	}
	
	aside.error, .message.error, aside.error.tall, .message.error.tall {
		background: #F8D9D9;
		background: url('/global/images/siteimages/message-icon-error.svg') no-repeat 10px 20px, linear-gradient(to right, #FCA9AB 0px, #FCA9AB 54px, #FFD8D8 54px, #FFD8D8);
	}
	
	aside.success, .message.success, aside.success.tall, .message.success.tall {
		background: #E0F4DF;
		background: url('/global/images/siteimages/message-icon-success.svg') no-repeat 10px 20px, linear-gradient(to right, #BCE7B9 0px, #BCE7B9 54px, #E0F4DF 54px, #E0F4DF);
	}
	
	aside.form, .message.form, aside.form.tall, .message.form.tall {
		background: #EBEBEB;
		background: url('/global/images/siteimages/message-icon-form.svg') no-repeat 10px 20px, linear-gradient(to right, #DCDCDC 0px, #DCDCDC 54px, #EBEBEB 54px, #EBEBEB);
	}
	
	aside.tip, .message.tip, aside.tip.tall, .message.tip.tall {
		background: #F4EAF8;
		background: url('/global/images/siteimages/message-icon-tip.svg') no-repeat 10px 20px, linear-gradient(to right, #E5CEF0 0px, #E5CEF0 54px, #F4EAF8 54px, #F4EAF8);
	}
	
	aside.secondary, .message.secondary, aside.secondary.tall, .message.secondary.tall {
		background: #EBEBEB;
		background: url('/global/images/siteimages/message-icon-secondary.svg') no-repeat 10px 20px, linear-gradient(to right, #EAEAEA 0px, #EAEAEA 54px, #F3F3F3 54px, #F3F3F3);
	}
}



aside.hidden, .message.hidden {
	transform: scale(1,1) rotateX(-90deg);
	opacity: 0;
	transition: all 0.5s cubic-bezier(.17,.67,.63,1.24);
	display: block !important;
	height: 0px;
	visibility: hidden !important;
	speak: none;
}

@media (prefers-color-scheme: dark) {
	aside, aside p, .message, .message p {
		color: #333 !important;
	}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.bold {
	font-weight: 700;
}

.align-left {
	text-align: left;
	float: left;
}

.align-right {
	text-align: right;
	float: right;
}

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

.no-decoration {
	text-decoration: none;
}

.clear {
	clear: both;
}

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

.collapsed {
	display: none !important;
	visibility: collapse;
}

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

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

.invisible {
    visibility: hidden;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.page-content, #header {
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    
    transform: scale(1);
}

video.no-controls::-webkit-media-controls {
  display: none;
  pointer-events: none;
}

/* ==========================================================================
   gLightbox
   ========================================================================== */
   
.goverlay, .glightbox-mobile .goverlay {
	background: rgba(47, 114, 192, 0.95);
	background: linear-gradient(to right, rgba(2, 46, 97, 0.95), rgba(62, 1, 81, 0.95));
}

.glightbox-clean .gslide-description {
	background: none;
}

.glightbox-clean .gdesc-inner {
	background: none !important;
	text-align: center;
	font-size: 22px;
	line-height: 26px;
}

.glightbox-clean .gslide-title {
	color: #fff;
	font-weight: 800;
}

.glightbox-clean .gslide-desc {
	color: #fff;
}

.glightbox-clean .gclose {
	left: 20px !important;
}

.gslide-media img, .gslide-image img {
	border-radius: 8px;
}

@media (max-width: 780px) {
	.glightbox-mobile .glightbox-container .gslide-description {
		padding-bottom: 0 !important;		
	}
}

/* ==========================================================================
   Lightbox
   ========================================================================== */

.lightboxed .page-content, .lightboxed #header {
	
	-webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
	
	-webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;

   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   -ms-perspective: 1000;
   perspective: 1000;
	
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    
    transform: scale(1);
}

/* Hack to add bacground blur in safari */

/*
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ @media {
    .lightboxed .page-content, .lightboxed #header, .lightboxed .banner, .lightboxed .more-apps, .lightboxed #title, .lightboxed .store-summary {
	    filter: blur(2px);
    }
}}
*/


#lightbox {
	background: rgba(0,0,0,0.5);
	box-shadow: 0 0 20px 20px #000 inside;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	padding: 0;
	transform: translateZ(0);
	z-index: 9;
	
	-webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
	
	-webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;

   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   -ms-perspective: 1000;
   perspective: 1000;
   
	opacity: 0.0001;
	pointer-events: none;
	
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.lightboxed #lightbox {
	opacity: 1;
	pointer-events: auto;

	-webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
}

#lightbox .lightbox-content {
	width: 100%;
	height: 100vh;
	text-align: center;
	cursor: pointer;
	
	transform: scale(1) translate(0, 100px) translateZ(0);
	
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
	}

.lightboxed #lightbox .lightbox-content {
	transform: scale(1);
	
	-webkit-transition: all 300ms cubic-bezier(.17,.67,.27,1.5) !important;
    -moz-transition: all 300ms cubic-bezier(.17,.67,.27,1.5) !important;
    -o-transition: all 300ms cubic-bezier(.17,.67,.27,1.5) !important;
    transition: all 300ms cubic-bezier(.17,.67,.27,1.5) !important;
}

.freebies-page .license-info {
	display: none;
}

.pop-up {
	width: 500px;
	max-width: 90%;
	background: #fff;
	padding: 30px 30px 15px;
	border-radius: 10px;
	text-align: left;
	cursor: auto;
	
	position: absolute;
	top: 50%;
	left: 50%;
	
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
	
	-webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
}

.pop-up p {
	padding-left: 47px;
}

.pop-up h2 {
	text-align: center;
}

.pop-up.store {
	width: 600px;
	padding: 15px;
	box-shadow: 0 4px 15px rgba(0,0,0,0.75);
}

.pop-up.store::-moz-selection, .pop-up.store::selection {
	color: #fff;
    background: #2F72C0 !important;
    text-shadow: none;
}

.pop-up.store #submit {
	color: #fff;
	width: 100%;
	display: block;
	border-radius: 6px;
	padding: 10px 15px;
	margin: 0px 0 15px;
	text-decoration: none;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	font-weight: 700;
	background: #4FA901;
	text-shadow: 0 2px 6px #408900;
}

.pop-up.store #submit:hover {
	background: #333;
	text-shadow: 0 2px 6px #000;
}

.pop-up.store .column.label {
	padding-top: 7px;
	text-align: right;
	clear: left;
}


.pop-up.store select {
	margin: 10px 0 20px;
}

.pop-up.store .mailing-signup {
	font-size: 14px;
	line-height: 18px;
}

.lightboxed .pop-up p a {
	pointer-events: auto !important;
	z-index: 9999;
}


/* Mobile Styles */
@media (max-width: 631px) {
	.pop-up p {
	    font-size: 14px;
	    line-height: 18px;
	}
	
	.pop-up.store {
		padding: 10px;
	}
	
	.pop-up.store h2 {
		font-size: 20px;
		line-height: 22px;
	}
	
	.pop-up.store .column.label {
		padding-top: 0;
		text-align: left;
	}
	
	.pop-up.store select {
		margin: 0 0 5px;
	}
	
	.pop-up.store input {
		margin: 0;
		padding: 5px 10px;
	}
}



@media (max-height: 610px) {
	.pop-up .download-icon {
	    display: none;
	}
}


/* ==========================================================================
   Mobile Styles
   ========================================================================== */

.mobile-only {
		visibility: none;
		display: none;
	}

@media (max-width: 631px) {
	
	/* Utility Classes */
	.mobile-hide {
		display: none;
	}
	
	.mobile-full {
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-top: 15px !important;
	}
	
	.column.mobile-half {
		width: 50% !important;
		min-width: 50% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-top: 15px !important;
	}
	
	.column.mobile-third {
		width: 33.3333333333% !important;
		min-width: 33.3333333333% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-top: 15px !important;
	}
	
	.column.mobile-two-thirds {
		width: 66.6666666666% !important;
		min-width: 66.6666666666% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-top: 15px !important;
	}
	
	.mobile-only {
		visibility: visible;
		display: inherit;
	}
	
	.mobile-center {
		text-align: center;
	}
	
	.mobile-clear {
		clear: both;
	}
	
	/* Mobile Layout */
	.content.narrow, #title.narrow, .column, .section, .narrow .content, #footer .content
	{
		width: 100%;
		min-width: 100%;
	}
	
	input[type="text"],	input[type="password"], input[type="email"]  {
		width: 100%;
		min-width: 100%;
	}
	
	.two-column {
		column-count: 1; -moz-column-count: 1;
	}
	
	.content {
		margin-top: 0px;
		padding-top: 30px;
		max-width: 100%;
	}
	
	#title, #title.narrow, .narrow #title {
		padding: 15px 30px 0px;
		width: 100%;
		min-width: 100%;
		clear: both;
	}
	
	#title h1 {
		text-align: left;
		font-size: 30px;
		width: 100%;
		font-size: 34px;
		line-height: 36px;
		margin-bottom: 10px;
	}
	
	#title h2 {
		width: 100%;
		line-height: 24px;
		font-size: 18px;
	}
	
	a.storeButton {
		margin-left: 0 !important;
		margin-right: 0 !important;
		display: block;
	}
	
	/* Navigation */
	#header {
		background: none;
		text-align: center;
		height: auto;
		margin-bottom: 0px;
		float: left;
		clear: both;
	}
	
	#logo {
		width: 50%;
		float: left;
		margin: 0 0 -15px;
		padding: 0;
	}
	
	#tagline {
		width: 50%;
		color: #333;
		padding: 0;
		margin: 8px 0 0;
	}
	
	#nav {
		clear: left;
		width: 100%;
		background: #2F72C0;
		text-align: center;
		padding: 5px 0;
	}
	
	#header ul {
		text-align: center;
	}
	
	#header ul li {
		display: inline-block;
		float: none;
	}
	
	#header ul li a {
		font-size: 15px;
		background: none !important;
		float: none;
		padding: 10px 30px;
	}
	
	#header ul li, #header ul li.active:hover {
		background: none !important;
		padding: 5px 0;
	}
	
	#header ul li.active a {
		color: #D5E2F2 !important;
	}
	
	a.action-small.download, a.action-small.purchase {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		display: block;
		float: left;
		clear: both;
	}
	
	.store-item h3 {
		width: 100%;
		clear: both;
	}
	
	.store-description, .store-description h2 {
		padding: 0;
		width: 100%;
		clear: both;
	}
	
	.content img {
		max-width: 100% !important;
		height: auto !important;
	}
	
	#fsp-cart-link {
		display: none;
	}
	
	.warningBanner, .warningBannerYellow {
		width: 100%;
		min-width: 100%;
	}
	
	.quote.a, .quote-set {
		width: 100% !important;
		text-align: center !important;
	}
	
	.section.accolades h2 {
/*
		font-size: 18px !important;
		line-height: 22px !important;
*/
		text-align: center !important;
	}
	
/*
	.quote p {
		font-size: 16px !important;
	}
*/
	
	.quote.b, .quote.c {
		display: none !important;
	}
	
	.store-block-small::after {
		display: block;
		width: 100%;
		height: 1px;
		background: #e8eaf0;
		content: "";
		margin: 5px 0;
		padding: 0 15px;
	}

	.store-block-small.no-border::after {
		display: none;
	}
	
	.column.table-right {
		text-align: left;
		font-weight: 800;
	}
}

/* Mobile - Extra small sizes */

@media (max-width: 350px) {
	#header ul li a {
		font-size: 15px;
		background: none !important;
		float: none;
		padding: 10px 15px;
	}
}

/* Responsive Sizes (Between 630px and 930px) */

@media (max-width: 631px) {
	.responsive a.storeButton {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

@media (max-width: 931px) {
	
	/* Utility Classes */
	.responsive .mobile-hide {
		display: none;
	}
	
	.responsive .mobile-full {
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-top: 15px !important;
	}
	
	.responsive .column.mobile-half {
		width: 50% !important;
		min-width: 50% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-top: 15px !important;
	}
	
	.responsive .column.mobile-third {
		width: 33.3333333333% !important;
		min-width: 33.3333333333% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-top: 15px !important;
	}
	
	.responsive .column.mobile-two-thirds {
		width: 66.6666666666% !important;
		min-width: 66.6666666666% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-top: 15px !important;
	}
	
	.responsive .mobile-only {
		visibility: visible;
		display: inherit;
	}
	
	.responsive .mobile-center {
		text-align: center;
	}
	
	.responsive  .mobile-clear {
		clear: both;
	}
	
	/* Mobile Layout */
	.responsive .content.narrow, .responsive #title.narrow, .responsive .column, .responsive .section, .responsive .narrow .content, .responsive #footer .content
	{
		width: 100%;
		min-width: 100%;
	}
	
	.responsive input[type="text"],	.responsive input[type="password"], .responsive input[type="email"]  {
		width: 100%;
		min-width: 100%;
	}
	
	.responsive  .two-column {
		column-count: 1; -moz-column-count: 1;
	}
	
	.responsive .content, .responsive.narrow .content {
		margin-top: 0px;
		padding-top: 30px;
		max-width: 100%;
	}
	
	/* Navigation */
	.responsive #header {
		background: none;
		text-align: center;
		height: auto;
		margin-bottom: 0px;
		float: left;
		clear: both;
	}
	
	.responsive #logo {
		width: 50%;
		float: left;
		margin: 0 0 -15px;
		padding: 0;
	}
	
	.responsive #tagline {
		width: 50%;
		color: #333;
		padding: 0;
		margin: 8px 0 0;
	}
	
	.responsive #header ul li.active, .responsive #header ul li.active a:hover {
		background: none !important;
	}
	
	.responsive	#nav {
		clear: left;
		width: 100%;
		background: #2F72C0;
		text-align: center;
		padding: 5px 0;
	}
	
	.responsive #title, .responsive.narrow #title {
		width: 100%;
	}
	
	.responsive #header ul {
		text-align: center;
	}
	
	.responsive #header ul li {
		display: inline-block;
		float: none;
	}
	
	.responsive #header ul li a {
		font-size: 15px;
		background: none !important;
		float: none;
		padding: 10px;
	}
	
	.responsive #header ul li, .responsive #header ul li.active:hover {
		background: none !important;
		padding: 5px 0;
	}
	
	.responsive #header ul li.active a {
		color: #D5E2F2 !important;
	}
	
	.responsive .content img {
		max-width: 100%;
		height: auto !important;
	}
	
	/* Store Styles */
	
	.responsive #store-info, .responsive .store-summary h3 {
		text-align: center;
	}
	
	.responsive .icon-container, .responsive .store-icon {
		margin: 0 auto 0;
		width: 100%;
		float: none;
	}
	
	.responsive	.section.actions .content.wide {
		border-radius: 0;
	}
	
	.responsive .store-box .icon-container, .responsive .store-box h4 {
		text-align: center;
	}
	
	.responsive .store-box p {
		padding: 0 0 10px;
		text-align: center;
	}
}

body.responsive {
	padding-top: 105px;
}

@media (max-width: 1200px) {
	body.responsive  {
		padding-top: 105px;
	}
}

@media (max-width: 931px) {
	body.responsive  {
		padding-top: 175px;
	}
}

@media (max-width: 631px) {
	body.responsive  {
		padding-top: 175px;
	}
}

@media (max-width: 375px) {
	body.responsive  {
		padding-top: 195px;
	}
}

body.responsive.release-notes {
	padding-top: 0px !important;
}

/* ==========================================================================
   Animations
   ========================================================================== */

.animate {
	animation-duration: 0.75s;
	animation-delay: 0.5s;
	--DelayMultiplier: 1; 
	animation-name: animate-fade;
	animation-timing-function: cubic-bezier(.26,.53,.74,1.48);
	animation-fill-mode: backwards;
}

/* Fade In */
.animate.fade {
	animation-name: animate-fade;
	animation-timing-function: ease;
}

@keyframes animate-fade {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

/* Pop In */
.animate.pop {
	animation-name: animate-pop;
}

@keyframes animate-pop {
	0% {
		opacity: 0;
		transform: scale(0.5, 0.5);
	}
	
	100% {
		opacity: 1;
		transform: scale(1, 1);
	}
}

/* Blur In */
.animate.blur {
	animation-name: animate-blur;
	animation-timing-function: ease;
}

@keyframes animate-blur {
	0% {
		opacity: 0;
		filter: blur(15px);
	}
	
	100% {
		opacity: 1;
		filter: blur(0px);
	}
}

/* Glow In */
.animate.glow {
	animation-name: animate-glow;
	animation-timing-function: ease;
}

@keyframes animate-glow {
	0% {
		opacity: 0;
		filter: brightness(3) saturate(3);
		transform: scale(0.8, 0.8);
	}
	
	100% {
		opacity: 1;
		filter: brightness(1) saturate(1);
		transform: scale(1, 1);
	}
}

/* Special Glow Animation for site index page */
.animate.indexglow {
	animation-name: animate-indexglow;
	animation-timing-function: ease;
}

@keyframes animate-indexglow {
	0% {
		opacity: 1;
		filter: brightness(1) saturate(1);
		transform: scale(1, 1);
	}
	
	50% {
		opacity: 1;
		filter: brightness(1.3) saturate(1.3);
		transform: scale(1.03, 1.03);
	}
	
	100% {
		opacity: 1;
		filter: brightness(1) saturate(1);
		transform: scale(1, 1);
	}
}


/* Grow In */

.animate.grow {
	animation-name: animate-grow;
}

@keyframes animate-grow {
	0% {
		opacity: 0;
		transform: scale(1, 0);
		visibility: hidden;
	}
	
	100% {
		opacity: 1;
		transform: scale(1, 1);
	}
}

/* Splat In */

.animate.splat {
	animation-name: animate-splat;
}

@keyframes animate-splat {
	0% {
		opacity: 0;
		transform: scale(0, 0) rotate(3deg) translate(0, -30px);
	}
	
	70% {
		opacity: 1;
		transform: scale(1.1, 1.1) rotate(3deg));
	}
	
	85% {
		opacity: 1;
		transform: scale(1.1, 1.1) rotate(3deg) translate(0, -10px);
	}
	
	100% {
		opacity: 1;
		transform: scale(1, 1) rotate(0) translate(0, 0);
	}
}

/* Roll In */

.animate.roll {
	animation-name: animate-roll;
	//animation-timing-function: ease-in-out;
}

@keyframes animate-roll {
	0% {
		opacity: 0;
		transform: scale(1, 1) rotate(180deg);
	}
	
	100% {
		opacity: 1;
		transform: scale(1, 1) rotate(0deg);
	}
}

/* Flip In */

.animate.flip {
	animation-name: animate-flip;
	transform-style: preserve-3d;
	perspective: 1000px;
}

@keyframes animate-flip {
	0% {
		opacity: 0;
		transform: rotateX(-120deg) scale(0.9,0.9);
	}
	
	100% {
		opacity: 1;
		transform: rotateX(0deg) scale(1,1);
	}
}

/* Spin In */

.animate.spin {
	animation-name: animate-spin;
	transform-style: preserve-3d;
	perspective: 1000px;
}

@keyframes animate-spin {
	0% {
		opacity: 0;
		transform: rotateY(-120deg) scale(0.9,0.9);
	}
	
	100% {
		opacity: 1;
		transform: rotateY(0deg) scale(1,1);
	}
}

/* Slide In */

.animate.slide { animation-name: animate-slide; }

@keyframes animate-slide {
	0% {
		opacity: 0;
		transform: translate(0,20px);
	}
	
	100% {
		opacity: 1;
		transform: translate(0,0);
	}
}

/* Drop In */

.animate.drop { 
	animation-name: animate-drop; 
	animation-timing-function: cubic-bezier(.77,.14,.91,1.25);
}

@keyframes animate-drop {
	0% {
		opacity: 0;
		transform: translate(0,-100px) scale(0.95, 1.05);
	}
	
	50% {
		opacity: 1;
		transform: translate(0,0) scale(0.95, 1.05);
	}
	
	75% {
		opacity: 1;
		transform: translate(0,0) scale(1.01, 0.9);
	}
	100% {
		opacity: 1;
		transform: translate(0,0) scale(1, 1);
	}
}

/* Spring Drop Animation */
.animate.spring-drop {
	animation: 3.3s spring-drop linear;
	animation-fill-mode: both;
	animation-delay: 0s;
}

@keyframes spring-drop {
	 0% { transform: translateY(-50.0px); opacity: 0; }
	 1% { transform: translateY( -31.15px); }
	 2% { transform: translateY( -13.0px); }
	 3% { transform: translateY( 3.6px); }
	 4% { transform: translateY( 18.0px); }
	 5% { transform: translateY( 29.65px); }
	 6% { transform: translateY( 38.35px); }
	 7% { transform: translateY( 44.0px); }
	 8% { transform: translateY( 46.65px); }
	 9% { transform: translateY( 46.55px); }
	 10% { transform: translateY( 44.05px); }
	 11% { transform: translateY( 39.55px); }
	 12% { transform: translateY( 33.55px); }
	 13% { transform: translateY( 26.55px); }
	 14% { transform: translateY( 19.05px); }
	 15% { transform: translateY( 11.45px); }
	 16% { transform: translateY( 4.2px); }
	 17% { transform: translateY( -2.4px); }
	 18% { transform: translateY( -8.05px); }
	 19% { transform: translateY( -12.55px); }
	 20% { transform: translateY( -15.9px); }
	 21% { transform: translateY( -18.0px); }
	 22% { transform: translateY( -18.85px); }
	 23% { transform: translateY( -18.7px); }
	 24% { transform: translateY( -17.55px); }
	 25% { transform: translateY( -15.65px); }
	 26% { transform: translateY( -13.15px); }
	 27% { transform: translateY( -10.25px); }
	 28% { transform: translateY( -7.2px);}
	 29% { transform: translateY( -4.15px);) }
	 29% { transform: translateY( -1.3px); }
	 31% { transform: translateY( 1.35px); }
	 32% { transform: translateY( 3.55px); }
	 33% { transform: translateY( 5.3px);  }
	 34% { transform: translateY( 6.55px); }
	 35% { transform: translateY( 7.35px); }
	 36% { transform: translateY( 7.65px); }
	 37% { transform: translateY( 7.5px); }
	 38% { transform: translateY( 7.0px); }
	 39% { transform: translateY( 6.15px); }
	 40% { transform: translateY( 5.15px); }
	 41% { transform: translateY( 3.95px); }
	 42% { transform: translateY( 2.75px); }
	 43% { transform: translateY( 1.5px); }
	 44% { transform: translateY( 0.35px); }
	 45% { transform: translateY( -0.7px); }
	 46% { transform: translateY( -1.55px); }
	 47% { transform: translateY( -2.25px); }
	 48% { transform: translateY( -2.7px); }
	 49% { transform: translateY( -3.0px); }
	 50% { transform: translateY( -3.1px);  }
	 51% { transform: translateY( -3.0px); }
	 52% { transform: translateY( -2.75px); }
	 53% { transform: translateY( -2.45px); }
	 54% { transform: translateY( -2.0px); }
	 55% { transform: translateY( -1.5px); }
	 56% { transform: translateY( -1.05px); }
	 57% { transform: translateY( -0.55px); }
	 57% { transform: translateY( -0.1px); }
	 58% { transform: translateY( 0.35px); }
	 60% { transform: translateY( 0.65px); }
	 61% { transform: translateY( 0.95px); }
	 62% { transform: translateY( 1.1px); }
	 63% { transform: translateY( 1.2px); }
	 64% { transform: translateY( 1.25px); }
	 65% { transform: translateY( 1.2px); }
	 66% { transform: translateY( 1.1px); }
	 67% { transform: translateY( 0.95px); }
	 68% { transform: translateY( 0.8px); }
	 69% { transform: translateY( 0.6px); }
	 70% { transform: translateY( 0.4px); }
	 71% { transform: translateY( 0.2px); }
	 72% { transform: translateY( 0.0px); }
	 73% { transform: translateY( -0.15px); }
	 74% { transform: translateY( -0.3px); }
	 75% { transform: translateY( -0.4px); }
	 76% { transform: translateY( -0.45px); }
	 77% { transform: translateY( -0.5px); }
	 78% { transform: translateY( -0.5px); }
	 79% { transform: translateY( -0.5px); }
	 80% { transform: translateY( -0.45px); }
	 81% { transform: translateY( -0.4px); }
	 82% { transform: translateY( -0.3px); }
	 83% { transform: translateY( -0.2px); }
	 84% { transform: translateY( -0.15px); }
	 85% { transform: translateY( -0.05px); }
	 86% { transform: translateY( 0.0px); }
	 87% { transform: translateY( 0.05px); }
	 88% { transform: translateY( 0.1px); }
	 89% { transform: translateY( 0.15px); }
	 90% { transform: translateY( 0.2px); }
	 91% { transform: translateY( 0.2px); }
	 92% { transform: translateY( 0.2px); }
	 93% { transform: translateY( 0.2px); }
	 94% { transform: translateY( 0.15px); }
	 95% { transform: translateY( 0.15px); }
	 96% { transform: translateY( 0.1px); }
	 97% { transform: translateY( 0.1px); }
	 98% { transform: translateY( 0.05px); }
	 99% { transform: translateY( 0.0px); }
	 100% { transform: translateY( 0.0px);opacity: 1; }
}


/* Animation Delays */

.delay-1 {
	animation-delay: 0.6s;
	animation-delay: calc(0.6s * var(--DelayMultiplier));
	
}

.delay-2 {
	animation-delay: 0.7s;
	animation-delay: calc(0.7s * var(--DelayMultiplier));
}

.delay-3 {
	animation-delay: 0.8s;
	animation-delay: calc(0.8s * var(--DelayMultiplier));
}

.delay-4 {
	animation-delay: 0.9s;
	animation-delay: calc(0.9s * var(--DelayMultiplier));
}

.delay-5 {
	animation-delay: 1s;
	animation-delay: calc(1s * var(--DelayMultiplier));
}

.delay-6 {
	animation-delay: 1.1s;
	animation-delay: calc(1.1s * var(--DelayMultiplier));
}

.delay-7 {
	animation-delay: 1.2s;
	animation-delay: calc(1.2s * var(--DelayMultiplier));
}

.delay-8 {
	animation-delay: 1.3s;
	animation-delay: calc(1.3s * var(--DelayMultiplier));
}

.delay-9 {
	animation-delay: 1.4s;
	animation-delay: calc(1.4s * var(--DelayMultiplier));
}

.delay-10 {
	animation-delay: 1.5s;
	animation-delay: calc(1.5s * var(--DelayMultiplier));
}

.delay-11 {
	animation-delay: 1.6s;
	animation-delay: calc(1.6s * var(--DelayMultiplier));
}

.delay-12 {
	animation-delay: 1.7s;
	animation-delay: calc(1.7s * var(--DelayMultiplier));
}

.delay-13 {
	animation-delay: 1.8s;
	animation-delay: calc(1.8s * var(--DelayMultiplier));
}

.delay-14 {
	animation-delay: 1.9s;
	animation-delay: calc(1.9s * var(--DelayMultiplier));
}

.delay-15 {
	animation-delay: 2s;
	animation-delay: calc(2s * var(--DelayMultiplier));
}

@media screen and (prefers-reduced-motion: reduce) {
	.animate {
		animation: none !important;
	}
}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

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


    .content a[href]:after {
        content: " (" attr(href) ")";
        font-weight: 300;
        word-break: break-all;
    }

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


    .content p a[href^="#"]:after,
    .content p a[href^="javascript:"]: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;
    }

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

    h2,
    h3 {
        page-break-after: avoid;
    }
    
    #nav, .kb-back {
	    display: none;
    }
}

/* ==========================================================================
	 Accessibility
	 ========================================================================== */

@media (prefers-reduced-motion) {
   a, a:hover, *, *:hover {
	-webkit-transition: all 0s !important;
	-moz-transition: all 0s !important;
	-o-transition: all 0s !important;
	transition: all 0s !important;
   }
 }