/*------------------------------------------
	Base / Override Styles
------------------------------------------*/
body {
	color: rgba(0,0,0,1);
	font-family: 'Lato', sans-serif;
	background-color: #282828;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 900;
	padding:0 .2rem;
}
p {
	font-size: 1rem;
	font-weight: 400;
	padding:0 .2rem;
}
a {
	color: rgba(12,141,206,1);
	text-decoration: underline;
}
a:hover {
	color: rgba(12,141,206,.8);
	text-decoration: none;
}
a.button {
	font-weight: 200;
	font-family: 'Lato', sans-serif;
	background: transparent;
	border-radius: .3rem;
	border: .1rem solid;
	padding-top: .6rem;
	padding-bottom: .6rem;
}
nav a, nav a:hover {
	text-decoration: none;
}
.top-bar-section ul li>a {
	font-family: 'Lato', sans-serif;
}

/*------------------------------------------
	Navigation
------------------------------------------*/
.nav {
	background: RGBA(0, 143, 207, 1);
	border-bottom: .15em solid rgba(0,116,181,1);
}
.top-bar {
	background: rgba(12,141,206,1);
}
.top-bar-section ul li {
	background: rgba(12,141,206,1);
}
.top-bar-section li:not(.has-form) a:not(.button) {
	background: rgba(12,141,206,1);
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
	background: rgba(0,116,181,1);
}
.top-bar.expanded .title-area {
	background: rgba(0,116,181,1);
}
.toggle-topbar a span {
	color: rgba(255,255,255,1);
}
.top-bar.expanded .toggle-topbar a span::after {
	box-shadow: 0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff;
}

/*------------------------------------------
	Headers
------------------------------------------*/
header.welcome {
	padding: 2rem 0;
	background:url('../img/welcome-hero.jpg') no-repeat center center;
	-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 border-bottom: .1rem solid rgba(210,210,210,1);
}
header.welcome p {
	color: rgba(255,255,255,1);
}
header.support {
	padding: 4rem 0;
	background:url('../img/welcome-hero.jpg') no-repeat center center;
	-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 border-bottom: .1rem solid rgba(210,210,210,1);
}
header.support h1 {
	color: rgba(255,255,255, 1);
}
header.page {
	text-align: center;
	padding: 3rem 0;
	background:url('../img/welcome-hero.jpg') no-repeat center center;
	-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 border-bottom: .1rem solid rgba(210,210,210,1);
}
header.page img {
	width:50%;
}



/* Latest Update Homepage Section ---------------------------------------------------- */
.hp-latest {
	padding: 2rem 0;
	background-color: rgba(255,255,255,1);
}
.hp-latest h1 {
	font-size: 3rem;
	font-weight: 300;
	text-align: center;
	padding-bottom: 1rem;
	margin-top: 0;
	margin-bottom: 2rem;
	border-bottom: .1rem solid rgba(0,0,0,.2);
}
.hp-latest h2 {
	font-size: 1.5rem;
}
.hp-latest h1, .hp-latest h2 {
	color: rgba(31, 41, 48, 1);
}
.hp-latest strong {
	color: rgba();
	font-weight: 900;
}

/* Software Homepage Section --------------------------------------------------------- */
.hp-software {
	padding: 2rem 0;
	background-color: rgba(31, 41, 48, 1);
}
.hp-software h1 {
	font-size: 2.75rem;
	font-weight: 300;
	text-align: center;
	padding-bottom: 1rem;
	margin-top: 0;
	margin-bottom: 2rem;
	border-bottom: .1rem solid rgba(255, 255, 255, .5);
}
.hp-software h2 {
	font-size: 1.5rem;
	font-weight: 900;

}
.hp-software h1, .hp-software h2 {
	color: rgba(255, 255, 255, .5);
}
.hp-software p {
		color: rgba(255, 255, 255, .5);

}
.software-list {
	margin-top: 1rem;
}
.software-list .panel {
	background: transparent;
	border-radius: .5rem;
	border-color: transparent;
}
.hp-software .software-list h3 {
	color: rgba(255,255,255,1);
	font-size: 1.3rem;
	font-weight: 300;
	margin-top: 1.5rem;
}
.hp-software .software-list p {
	font-size: 1rem;
}

.hp-software .software-list a.button {
	color: rgba(78, 193, 233, 1);
	font-weight: 200;
	font-family: 'Lato', sans-serif;
	background: transparent;
	border: .1rem solid rgba(78, 193, 233, 1);
	border-radius: .3rem;
	padding-top: .6rem;
	padding-bottom: .6rem;
}

.hp-software .software-list a:hover.button {
	color: rgba(255, 255, 255, 1);
	border-color: rgba(255, 255, 255, 1);
}

/* Support Homepage Section ---------------------------------------------------------- */
.hp-support {
	padding: 2rem 0;
	background-color: rgba(0, 143, 207, 1);
}

.hp-support h1 {
	font-size: 2.75rem;
	font-weight: 300;
	text-align: center;
	padding-bottom: 1rem;
	margin-top: 0;
	margin-bottom: 2rem;
	border-bottom: .1rem solid rgba(255, 255, 255, 1);
}

.hp-support h2 {
	font-size: 1.4rem;
	font-weight: 400;
	text-align: left;
}

.hp-support h1, .hp-support h2 {
	color: rgba(255, 255, 255, 1);
}

.hp-support p {
	color: rgba(255,255,255,.8);
	margin-left: auto;
	margin-right: auto;
}

.hp-support a {
 color: rgb(255,255,255);
 text-decoration: underline;

}
.hp-support a:hover {
 text-decoration: none;
}

.hp-support a.button {
	color: rgba(255, 255, 255, 1);
	font-weight: 200;
	font-family: 'Lato', sans-serif;
	background: transparent;
	border: .1rem solid rgba(255, 255, 255, 1);
	border-radius: .3rem;
	padding-top: .6rem;
	padding-bottom: .6rem;
 text-decoration: none;
position: relative;
margin:0 auto;

}
.hp-support a:hover.button {
	color: rgba(0, 145, 208, 1);
	background: rgba(255, 255, 255, 1);
	border-color: rgba(255, 255, 255, 1);

}
.jas-modal div.mwx {
	text-align: center;
	margin-bottom: 1rem;
	padding-bottom: .3rem;
	border-bottom: .1rem solid rgba(200, 200, 200, 1);
}
.jas-modal h2 {
	font-size: 1.2rem;
}
.jas-modal a {
	text-decoration: underline;
}
.jas-modal a:hover {
	text-decoration:none;
}
.jas-modal a.button {
	text-decoration: none;
	background-color: rgba(41, 150, 204, 1);
}
.jas-modal a.close-reveal-modal {
	text-decoration:none;
}
.jas-modal a:hover.button {
	background-color: rgba(37, 134, 181, 1);
}
footer {
padding: 1rem 0;
background: rgba(31, 41, 48, 1);
}

footer p {
	color: rgba(255,255,255,1);
	font-weight: 300;
	font-size: .8rem;
	text-align: center;
	padding-bottom: 0;
	margin-bottom: 0;
}

footer a {
	color: rgba(255,255,255,1);
}

footer a:hover {
	color: rgba(255,255,255,1);
	text-decoration: none;
}

/* Product Intro Section ---------------------------------------------------- */
.prod-intro {
	padding: 2rem 0;
	background-color: rgba(255,255,255,1);
}
.prod-intro h1 {
	font-size: 3rem;
	font-weight: 300;
	text-align: center;
	padding-bottom: 1rem;
	margin-top: 0;
	margin-bottom: 2rem;
	border-bottom: .1rem solid rgba(0,0,0,.2);
}
.prod-intro h2 {
	font-size: 1.5rem;
}
.prod-intro h2 span {
	color: rgba(234, 67, 53, 1);
	font-size:1.2rem;
}
.prod-intro h3 {
	font-size: 1.1rem;
	font-weight: 400;
	border-bottom: .1rem solid rgba(0,0,0, .2);
	margin-top:1rem;
	margin-bottom:1rem;
	padding-bottom: .2rem;
}
.prod-intro h1, .prod-intro h2, .prod-intro h3 {
	color: rgba(31, 41, 48, 1);
}
.prod-intro ul li {
	padding-bottom: .5rem;
}
.prod-intro ul li a.button {
	background-color: rgba(0,0,0,1);
	padding-top: .7rem;
	padding-bottom: .8rem;
	margin-bottom:.5rem;
}

.prod-intro ul li a.button.windows {
	background-color: rgba(0,188,242, 1);
}
.prod-intro ul li a:hover.button.windows {
	background-color: rgba(0,137,191, 1);
}
.prod-intro ul li a.button.macos {
	background-color: rgba(142, 142, 147, 1);
}
.prod-intro ul li a:hover.button.macos {
	background-color: rgba(91,91,96, 1);
}
.prod-intro ul li a.button.linux {
	background-color: rgba(251, 107, 23, 1);
}
.prod-intro ul li a:hover.button.linux {
	background-color: rgba(200,56,0, 1);
}
.prod-intro ul li a.button.paypal {
	color: rgba(0, 48, 135, 1);
	font-weight:500;
	background-color: rgba(255, 185, 77, 1);
	border:none;
}
.prod-intro ul li a:hover.button.paypal {
	background-color: rgba(230,160,52, 1);
}
.prod-intro ul li a.button.square {
	font-weight:500;
	background-color: rgba(41, 150, 204, 1);
	border:none;
}
.prod-intro ul li a:hover.button.square {
	background-color: rgba(37, 134, 181, 1);
}

/* Product Features Section --------------------------------------------------------- */
.prod-features {
	padding: 2rem 0;
	background-color: rgba(31, 41, 48, 1);
}
.prod-features h1 {
	font-size: 2.75rem;
	font-weight: 300;
	text-align: center;
	padding-bottom: 1rem;
	margin-top: 0;
	margin-bottom: 2rem;
	border-bottom: .1rem solid rgba(255, 255, 255, .5);
}
.prod-features h2 {
	font-size: 1.5rem;
	font-weight: 900;
}
.prod-features h3 {
	font-size: 1.5rem;
	font-weight: 300;
	text-align: center;
	padding-bottom: 1rem;
	margin-top: 0;
	margin-bottom: 2rem;
	border-bottom: .1rem solid rgba(255, 255, 255, .5);
}
.prod-features h1, .prod-features h2, .prod-features h3 {
	color: rgba(255, 255, 255, .5);
}
.prod-features p, .prod-features li {
		color: rgba(255, 255, 255, .7);
}
.prod-features p.sm {
	font-size: .8rem;
}
.prod-features p span.bold {
	color: rgba(255,255,255, .6);
	font-weight:700;
	font-style: italic;
}
.prod-features ul li {
	list-style-type:circle;
}
.prod-features a.button {
	background-color: rgba(82,92,99,1);
	padding-top: .7rem;
	padding-bottom: .8rem;
	margin-bottom:.5rem;
	border:none;
}
.prod-features a:hover.button {
	background-color: rgba(108,118,125,1);
}

/* Product Screenshot / Videos Section -------------------------------------------- */
.prod-media {
	padding: 2rem 0;
	background-color: rgba(0, 143, 207, 1);
}

.prod-media iframe {
	box-shadow: 0 0 1rem rgba(0,0,0, 1);
}

.prod-media ul li p {
	color: rgba(255,255,255, 1);
	font-size: 1rem;
	font-weight:300;
}
.partners {
	text-align: center !important;
}
.partners img {
	display: block;
 margin: 0rem auto 2rem auto;
}


/*------------------------------------------
	Responsive Styles
------------------------------------------*/
/*--- Media Quary for Medium Screens ---*/
@media only screen and (min-width: 768px) {
	p {font-size: .975rem;}
	header.welcome {padding: 4rem 0;}
	nav.top-bar {text-align:center;}
	section.top-bar-section {display: inline-block;}
	.top-bar-section li:not(.has-form) a:not(.button) {font-size: 1.2rem; font-weight: 300;}
	.hp-software .software-list p {font-size: .975rem;}
	.hp-support a.button {margin-top: 2.5rem;}
	.hp-software .software-list a.button {margin-top:.2rem; margin-bottom: .5rem;}
}

/*--- Media Quary for Large Screens ---*/
@media only screen and (min-width: 980px) {
	header.welcome {padding: 8rem 0;}
	header.support h1 {margin-top:1.5rem;}
	header.page img {width:30%;}
	.hp-support a.button {margin-top: 2rem;}
}