*,
*::before,
*::after {
	padding: 0;
	margin: 0;
	border: 0;
	box-sizing: border-box;
}

html, body {
	height: 100%;
}

/*
  Base Styles 
*/

body {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial;
	color: #223965;
	font-size: 12pt;
}
@media (min-width:901px) { /* desktop */
	body {
		font-size: 10pt;
	}
}

a {
	color: #2255EE;
	text-decoration: none;
}

a:hover {
	color: #000000;
	border-bottom: 1pt dotted #000000;
}

a.nohover {
	color: #2255EE; 
	text-decoration: none;
}

a.nohover:hover {
	color: #000000;
	border: none;
}

p {
	/*margin: 1em;*/
}

h1,h2,h3,h4,h5 {
/*	padding: 1em;*/
	color: #663333;
/*	font-weight: normal;*/

}

h1 {
    font-size: 1.6em;
    font-weight: normal;
    border-bottom: 1px solid #dcdcdc;
    padding: 1em;
    text-align: center;
	text-transform: capitalize;

/*	padding-bottom: 0.5em;
	font-size: 1.5em;
	font-weight: normal;
	border-bottom: 1px solid #dcdcdc;
	margin-left: 1em;
	margin-right: 1em;*/
}

h2 {
/*	font-size: 1.5em;
	font-weight: normal;*/
}

ul, ol {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1.2em;
}
@media (min-width:640px) { /* tablets */
	ul, ol {
		margin-left: 2.4em;
		margin-right: 1.2em;
	}
}

li {
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 0.5em;
}

form {
	padding: 1.2em;
	margin: 1em auto;
	text-align: left;
	overflow: auto;
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    background: #f7f7f7;
}

form input, form textarea, form select {
	border: 1px solid #c3c3c3;
	border-radius: 5px;
	padding: 0.5em;
	margin-top:0.5em;
	margin-bottom:1em;
	width: 100%;
	background: #ffffff;
}

form input[type="submit"] {
	max-width: 100pt;
    background: #037cc2;
    color: #fff;
    font-weight: bold;
	margin-bottom: 0em;
}

form input[type="checkbox"] {
	width: auto;
	margin-bottom: 0em;
}


/*
  Page-specific styles
*/

/*
  Index Page Styles
*/
.index-page .grid-block
{
	text-align: center;
}

.index-page h2 {
	color: #F71F1F;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1em;
}

.index-page h3 {
	color: #F71F1F;
	font-size: 1em;
	font-weight: bold;
}

.index-page p {
	text-align: justify;
}

/*
  Product Page Styles
*/
.product-page h1 {
    font-size: 1.6em;
    font-weight: normal;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 1em;
    text-align: center;
}
@media (min-width:640px) { /* tablets */
	.product-page h1 {
	    text-align: left;
	}
}

.product-page h2 {
	font-size: 1.4em;
	font-weight: normal;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 1em;
	margin-top: 2em;
	padding: 0;
	padding-bottom: 0.2em;
    text-align: center;
}
@media (min-width:640px) { /* tablets */
	.product-page h2 {
	    text-align: left;
	}
}

.product-page h3 {
	font-size: 1.2em;
	font-weight: normal;
}

.product-page p {
	margin-bottom: 1.2em;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}
@media (min-width:640px) { /* tablets */
	.product-page p {
		margin-left: 1.2em;
		margin-right: 1.2em;
	}
}

/*
  Popup Page Styles
*/

.popup-page {
	padding: 1em;
	background: #ffffff;
}

/*
  EULA Page Styles
*/

.eula-page {
}
.eula-tabbed-page {
	background: #666666;
}
.eula-page p {
	text-align: justify;
}


/*
  Grid Styles
*/

.page-container { /* mobile */
	position: relative;
	width: 100%;
	min-height: 100%;
	padding: 0 0px;
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width:640px) { /* tablets */
	.page-container {
	}
}
@media (min-width:900px) { /* desktops */
	.page-container {
		border-left: 1px solid #969696;
		border-right: 1px solid #969696;
	}
}

/* adjust images to the container size */
.page-container img {
	max-width:100%;
}

/* reset flow */
.page-container:after {
/*	content: "";
	display: table;
	clear: both;*/
}

.page-content {
	padding-bottom:25em; /* footer height */
}
@media (min-width:384px) { /* tablets + desktops */
	.page-content {
		padding-bottom:9em; /* footer height */
	}
}

.page-header {
	width:100%;
}

.page-footer {
	position:absolute;
	bottom:0;
	width:100%;
	height: 25em;
	background-color: #dbdbdb;

}
@media (min-width:384px) { /* tablets + desktops */
	.page-footer {
		height: 9em;
	}
}

.page-footer-nav {
	padding-top: 10px;
	text-align:center;
    margin: 1em;
    margin-top: 0em;
}
.page-footer-text {
	padding-top: 10px;
	font-size: 0.8em;
	text-align:center;
}
@media (max-width:384px) { /* mobiles */
	.page-footer-nav a {
		display: block;
		margin: 1em;
		margin-top: 0em;
	}
	.page-footer .divider
	{
		display: none;
	}
}

.logo {
	width: 100%;
	height:138px;
	background-image: url(../images/head1.jpg);
	background-position: center;
	background-size: cover;
}
@media (max-width:640px) { /* mobile */
	.logo {
/*		position: relative;*/
		height:69px;
		background-image: url(../images/head2.jpg);
		background-position: left;
	}
}

/*.logo:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    background-image: url(../images/christmas.png);
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    background-size: contain;
}*/

/*
 Main Grid
*/

.grid { /* mobile (default) */
	display: block;
	width:100%;
}
@media (min-width:641px) { /* tablet + desktop */
	.grid {
		display: table;
		table-layout:fixed;
	}
}

.grid-row { /* mobile (default) */
	display:block;
	width:100%;
}
@media (min-width:641px) { /* tablet + desktop */
	.grid-row {
		display:table-row;
	}
}

.grid-block { /* mobile (default) */
	padding: 1.75em;
}
@media (min-width:641px) { /* tablet + desktop */
}
@media (min-width:901px) { /* desktop */
}

.grid-block-1-3 { /* mobile (default) */
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width:641px) { /* tablet + desktop */
	.grid-block-1-3 {
		display: table-cell;
		width: 33.333%;
		vertical-align:top;
	}
	.grid-block-1-3:last-child {
		width: auto;
	}
}
@media (min-width:901px) { /* desktop */
}

.grid-block-2-3 { /* mobile (default) */
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width:641px) { /* tablet + desktop */
	.grid-block-2-3 {
		display: table-cell;
		width: 66.666%;
		vertical-align:top;
	}
	.grid-block-2-3:last-child {
		width: auto;
	}
}
@media (min-width:901px) { /* desktop */
}
.grid-block-1-2 { /* mobile (default) */
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width:641px) { /* tablet + desktop */
	.grid-block-1-2 {
		display: table-cell;
		width: 50%;
		vertical-align:top;
	}
	.grid-block-1-2:last-child {
		width: auto;
	}
}
.grid-block-1-1 { /* mobile (default) */
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width:641px) { /* tablet + desktop */
	.grid-block-1-1 {
		display: table-cell;
		width: 100%;
		vertical-align:top;
	}
}


.even-block {
	background-color: rgb(241, 241, 241);
}
.odd-block {
	background-color: inherit;
}

@media (max-width:640px) { /* tablet + desktop */
	.tablet-up { /* mobile (default) */
		display: none;
	}
}

@media (min-width:641px) { /* mobile */
	.mobile-only { 
/*		display: none;*/
	}
}

/*
.grid-block:after {
  content: "";
  display: table;
  clear: both;
}
  */

/*
  News block
*/
.news-title
{
	color: #F71F1F;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1em;
}

/*
 Menu
*/

/* remove the list style */
/* alternative: overflow: auto*/
.clear {
	clear:both;
}

.nav,
.nav > ul, /* required for ie8 to fill background properly*/
.nav > ul > li /* required for ie8 to fill background properly*/
{
	background-color: #047Ac2;
/*	background-image: url(../images/2.gif);*/
	background-image: url('data:image/gif;base64,R0lGODlhBwAkANUAAAJ2ugNytAN6vQJ4wAJ5vAR3wANopgNqpwBjlQNlnwJytAF0tgFrqARvrgNysgF4uwNurQJxsQNztQB3uglgngN1ugN7wAJvsABpogN5wQR6wAR4vANsrAJmogR6wgJsqQJ1twJ8wgF7wQN7wgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAHACQAAAaAwIRwmOgYjx2Dcmn4OJ+fi3R6CVivAZB2C6p4v5WNeLwhmM8EgXot0LjfGot8bhnZ76OQfh8S+f+AgHx7eIWFHoiJHhmMjRkDkJEDBZSVBRMPmZoAnJ0AIAuhohIKpaYRDqmqEA2trhywsRwfDLW2B7i5BxS8vRQYwMEYCMTFCEEAOw==');
	background-repeat: repeat;
}
@media (max-width:640px) { /* mobile */
	.nav {
		position: absolute;
		background: #047Ac2;
		width: 100%;
		top: -150%;
		right: 0;
		-webkit-transition: top 0.2s ease 0s;
		-moz-transition: top 0.2s ease 0s;
		-o-transition: top 0.2s ease 0s;
		transition: top 0.2s ease 0s;
		padding-top: 69px;
		padding-bottom: 1em;
	}

	.nav.menu-active {
		top: 0; 	
		/*height: 100%;*/
	}
}

.nav > ul {
	width:100%; /* required for ie8 to fill background properly */
	margin: 0;
	padding: 0;
	float: left;
	font-weight: bold;
	font-size: 10pt;
    list-style:none;
}   
@media (max-width:640px) { /* mobile */
	.nav > ul {
		float: none;
		font-size:1.2em;
	}   
}
     
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
.nav > ul > li {
	margin: 0;
	padding: 0;
    float:left;
	display: inline; 
    position: relative;
	height: 36px;
    z-index: 500; 
}
@media (max-width:640px) { /* mobile */
    .nav > ul > li {
        float:none;
		display: block; 
		background: #047Ac2;
		height: auto;
    }
}
     
/* this is the parent menu */
.nav > ul > li > a {
	float: left;
	color: white; 
	padding: 10px 13px;
	height: 36px;
	text-decoration: none; 
	text-align:center;
    display:block; 
	background-color: transparent;
/*	background-image: url(../images/1.gif);*/
	background-image: url('data:image/gif;base64,R0lGODlhBAAkAOYAAAh1w9r//xV3rQJsqd76/wJ1twNqqACG1+z//wF7wQJ8wgB3ugN5wQR6wgNsrABusAJvsACAxANurQNdogBmoANopjZ8oAN7wAFtqABinN/8/wBzwgV+xxGCtQ5spQB2zACA0wBxsAJwtgB2vA50pRJnpgR6wAp1tgVtswZnpCV3uRZ3txl1pw53twNztQ11rwRzvQ5yrgN1ugl1rgB/1Qd2uA97sgJ5vAl6tQBsoQBmrQyI0QR9xhB4yAdYmgB1ywN2twJxsQB1zQFsqQR3wABvugBrpgpsogp2sQBzwxGCswJ2ur7//wN2uAR9xwyH0yJnmwF5tAN2wRB5x+P4/wR4vDZ7oQJ4wANytACAxgRzvxODtAV/xRJhohOCtgd6rAJwtA51qBlnlABroQ98sAB2ygp/tQeEzwthpANlnwB3uQtlpAN6vQJmogRvpgeE0SRikwN7wglgngBpogBjlQNqpwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAEACQAAAeNgGldPmhtGTEGFTljFANuM0YQJWsrWEwqEwUeKS0yX2ZRVQFkGzcgU0BsFhhnJgRbZRcHAAtxAmA7CghKPwlcMDwJHFpOuh1CtiJPcbMjDQReHwxWQ29XND1NRAE2SQssOBFLWUVSBRpQDy5hSDVBJC8nElRwBg5qOigDYkchdf915AiUM6fgHDoI6QQCADs=');
	background-repeat: no-repeat;
	background-position: right top;
}
@media (max-width:640px) { /* mobile */
    .nav > ul > li > a {
		float: none;
		background: #047Ac2;
		text-align:center;
		padding: 0.5em 0.5em;
		height: auto;
    }
}

.nav > ul > li > a:hover {
	color: black; 
	border-bottom: none; /* reset border, as it was set before */
}

/* you can make a different style for default selected value */
.nav > ul > a.selected {
    color:#f00;
}

/* submenu, it's hidden by default */
.nav > ul > li > ul {
	margin: 0;
	background:#047Ac2;
	position:absolute;
	left: -2px;
	top: 36px;
	display:none;
	padding:0.5em;
	list-style:none;
	border:1px solid #09609e;
	border-top:none;
	-webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.6);
	box-shadow: 0 8px 8px rgba(0, 0, 0, 0.6);
	min-width: 100%;
}
@media (max-width:640px) { /* mobile */
	.nav > ul > li > ul {
		background:#00a3ef;
		position:relative;
		top: 0;
		left: 0;
		font-size:0.8em;
		width:100%;
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
}

.nav > ul > li > ul > li {
	margin: 0;
	white-space:nowrap;
	float:left;
	clear:both;
	width:100%;
}
@media (max-width:640px) { /* mobile */
	.nav > ul > li > ul > li {
		padding-left:1em;
		white-space: normal;
		float:none;
	}
}

         
/* display block will make the link fill the whole area of LI */
.nav > ul > li > ul a {
	display:block;
	padding: 0.5em 0.75em;
	color:white;
	text-decoration: none;
}

.nav > ul > li > ul a:hover {
	color: black; 
	border-bottom: none; /* reset border, as it was set before */
}

/*
  Menu arrow
*/
.arrow {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	vertical-align: middle;
	opacity: 0.5;
}
.arrow:before {
	content: "\f107";
}
@media (max-width:640px) { /* mobile */
	.arrow {
		-webkit-transition: transform 0.2s ease 0s;
		-moz-transition: transform 0.2s ease 0s;
		-o-transition: transform 0.2s ease 0s;
		transition: transform 0.2s ease 0s;
		font-size: 1.2em;
		float: right;
		opacity: 1;
	}
	.arrow.menu-active {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.arrow:before {
		content: "\f105";
	}
}

/* 
  Burger Button
*/

.burger-button {
	display:none;
}
@media (max-width:640px) { /* mobile */
	.burger-button {
		display: block;
		top: 0;
		right: 0;
		position: absolute;
		width: 69px;
		height: 69px;
		background-color:#047ac2;
		opacity: 0.8; /* css3! */
		z-index: 600;
	}
	.burger-button.menu-active {
		opacity: 1;
	}
	.burger-button span{
		position:absolute;
		background-color:#fff;
		left:20%;
		width:60%;
		height: 6%;
		top: 47%;
		-webkit-transition: all 0.2s ease 0s;
		-moz-transition: all 0.2s ease 0s;
		-o-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
	}
	.burger-button:before, .burger-button:after {
		content: "";
		background-color:#fff;
		position:absolute;
		width: 60%;
		height: 6%;
		left: 20%;
		-webkit-transition: all 0.2s ease 0s;
		-moz-transition: all 0.2s ease 0s;
		-o-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
	}
	.burger-button:before {
		top: 30%;
	}
	.burger-button:after {
		bottom: 30%;
	}
	.burger-button.menu-active span {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		-webkit-transition: all 0.2s ease 0s;
		-moz-transition: all 0.2s ease 0s;
		-o-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
	}
	.burger-button.menu-active:before {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.2s ease 0s;
		-moz-transition: all 0.2s ease 0s;
		-o-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
		top: 47%;
	}
	.burger-button.menu-active:after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: all 0.2s ease 0s;
		-moz-transition: all 0.2s ease 0s;
		-o-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
		bottom: 47%;
	}
}

/*
  Blue Button Styles
*/
.bluebutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-size:1em;
/*	font-weight:bold;*/
	font-style:normal;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
	padding:7pt 12pt;
	margin: 5pt auto;
	cursor: pointer;
}
.bluebutton.large {
	font-size:1.2em;
	padding:10pt 20pt;
}
.bluebutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4da4ff), color-stop(1, #2e72e0) );
	background:-moz-linear-gradient( center top, #4da4ff 5%, #2e72e0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4da4ff', endColorstr='#2e72e0');
	background-color:#3d94f6;
	color:#ffffff;
	border:1px solid #337fed;
}
.bluebutton:active {
	position:relative;
	top:1px;
}

/*
  Green Button Styles
*/
.greenbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #268a16;
	display:inline-block;
	color:#ffffff;
	font-size:1em;
/*	font-weight:bold;*/
	font-style:normal;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
	padding:7pt 12pt;
	margin: 5pt auto;
	cursor: pointer;
}
.greenbutton.large {
	font-size:1.2em;
	padding:10pt 20pt;
}
.greenbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #87e43a), color-stop(1, #6cc821) );
	background:-moz-linear-gradient( center top, #87e43a 5%, #6cc821 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#87e43a', endColorstr='#6cc821');
	background-color:#77d42a;
	color:#ffffff;
	border:1px solid #268a16;
}
.greenbutton:active {
	position:relative;
	top:1px;
}

/*
  Sea-blue Button Styles
*/
.seabluebutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #037cc2), color-stop(1, #0061a7) );
	background:-moz-linear-gradient( center top, #037cc2 5%, #0061a7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#037cc2', endColorstr='#0061a7');
	background-color:#037cc2;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #124d77;
	display:inline-block;
	color:#ffffff;
	font-size:1em;
/*	font-weight:bold;*/
	padding:7pt 12pt;
	margin: 5pt auto;
	text-decoration:none;
	text-shadow:1px 1px 0px #154682;
	cursor: pointer;
}
.seabluebutton.large {
	font-size:1.2em;
	padding:10pt 20pt;
}
.seabluebutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #138cd2), color-stop(1, #1071b7) );
	background:-moz-linear-gradient( center top, #138cd2 5%, #1071b7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#138cd2', endColorstr='#1071b7');
	background-color:#0061a7;
	color: #ffffff;
	border:1px solid #124d77;
}
.seabluebutton:active {
	position:relative;
	top:1px;
}

/*
  Dotted separator
*/

.dotted {
	border-top: 2px dotted #969696;
	border-bottom: none;
	border-left: none;
	border-right: none;
	width: 50%;
	margin: 1.5em auto 1.5em auto;
}

.dotted-vertical {
	border-left: 2px dotted #969696;
	border-top: none;
	border-bottom: none;
	border-right: none;
	height: 36px;
}


/*
  Product Card
*/

.product-card {
	margin-left: 1.2em;
	margin-right: 1.2em;
	margin-bottom: 2em;
	padding: 1em;
	padding-bottom:0;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	background: #f7f7f7;
}
@media (max-width:640px) { /* mobile */
	.product-card {
		margin-left: 0;
		margin-right: 0;
	}
}
.product-card p, 
.product-card h3 {
	margin: 0;
	padding: 0;
}
.product-icon {
	width: 30%;
	max-width: 200px;
	text-align:center;
	float:left;
}
@media (max-width:640px) { /* mobile */
	.product-icon {
		width: 100%;
		max-width: 200px;
		float:none;
		margin: auto;
	}
}
.product-icon-large {
	width: 30%;
	max-width: 300px;
	text-align:center;
	float:left;
}
@media (max-width:640px) { /* mobile */
	.product-icon-large {
		width: 100%;
		max-width: 300px;
		float:none;
		margin: auto;
	}
}
.product-card .product-meta {
	margin-top: 1.6em;
	padding: 0.5em;
    text-align: right;
}
@media (max-width:640px) { /* mobile */
	.product-card .product-meta {
	    text-align: center;
	}
}
.product-card .product-meta .highlight {
	font-weight: bold;
	font-size: 1.2em;
}
.product-card .product-meta a {
	white-space:nowrap;
}
.product-card h3 {
	border: none;
	margin-bottom: 1.6em;
    font-size: 1.2em;
    font-weight: bold;
/*	line-height: 1.6em;*/
}
@media (max-width:640px) { /* mobile */
	.product-card h3 {
		text-align: center;
	}
}
.product-card h3 span{
    font-weight: normal;
	display: block;
	margin-top: 0.5em;
}
.product-card p {
	text-align: justify;
}
@media (max-width:640px) { /* mobile */
	.product-card p {
		text-align: left;
	}
}
.product-screenshot {
	max-width: 350px;
	text-align:center;
	margin: auto;
}
@media (max-width:640px) { /* mobile */
	.product-screenshot {
		width: 100%;
		margin: auto;
	}
}

/*
  Meta Info
*/

.meta {
	color: #526995;
	margin-top: 20pt;
	padding: 1em;
    color: #777;
    border: 1px solid #dcdcdc;
	border-radius: 5px;
    background: #f7f7f7;
    text-align: center;
	overflow: auto;
}

.meta2 {
	color: #526995;
	padding: 1em;
    color: #777;
    border: 1px solid #dcdcdc;
	border-radius: 5px;
    background: #f7f7f7;
    text-align: center;
	overflow: auto;
}

.meta a {
	background: transparent;
    color: #a56f38;
    text-decoration: none;
	margin-left: 1em;
	margin-right: 1em;
	white-space: nowrap;
}

/*
  Product Features List
*/

ul.features-list,
ol.features-list {
    text-decoration: none;
}
@media (max-width:640px) { /* small mobile */
	ul.features-list,
	ol.features-list {
    	text-align: left;
	}
}

ul.features-list li,
ol.features-list li {
	margin: 1em;
	margin-bottom: 1.5em;
    text-indent: 0px;
}

/*
  Step-by-step guide list
*/
ul.step-by-step-list {
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1.2em;
}
@media (min-width:640px) { /* tablets */
	ul.step-by-step-list {
		margin-left: 1.2em;
		margin-right: 1.2em;
	}
}
ul.step-by-step-list li {
	margin: 0em;
	margin-bottom: 2em;
    text-indent: 0px;
}

ul.step-by-step-list .drop-shadow {
	-webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.25);
	box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.25);
}

/*
  Command-line parameters list
*/
ul.command-line-list {
	list-style:none;
}
ul.command-line-list li {
}
ul.command-line-list p.command-line-param {
	font-weight: bold;
    margin: 0;
    margin-bottom: 0.5em;
}
ul.command-line-list p.command-line-desc {
}


/*
  Helpers
*/

.highlight {
	font-weight: bold;
}

.highlight-red {
	color: red;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

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

.scroll-x {
	overflow-x: auto;
}

.icon {
	margin: 1em;
	text-align:center;
}
.icon.left {
	float:left;
}
.icon.right {
	float:right;
}
@media (max-width:640px) { /* mobile */
	.icon {
		width: 100%;
		margin: 1em auto;
	}
	.icon.left, .icon.right {
		float:none;
	}
}

/*
  News entry
*/
div.news-entry {
	overflow: auto;
}
div.news-entry p {
	text-align: justify;
}
div.news-entry h2 {
}
div.news-entry h3 {
	font-weight: normal;
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 1em;
}
div.news-entry h4 {
    font-weight: normal;
    font-size: 1em;
    text-align: left;
    margin-left: 1.2em;
    margin-bottom: 1em;
}
div.news-entry li {
	margin-bottom: 0;
}


/*
  Important Note
*/

div.note {
	border: 1px solid #d1ceb0;
	border-radius: 5px;
	background-color: #fffef2;
/*	padding: 1em;*/
	margin: 1em auto;
	max-width: 80%;
	text-align: left;
	overflow: auto;
}
@media (max-width:320px) { /* small mobile */
	div.note {
		text-align: center;
	}
}
div.note.full-width {
	max-width: 100%;
}

div.note h2 {
	text-align:center;
	margin: 0em;
	padding: 0.2em;
}
div.note ul {
	margin: 1em;
    text-indent: 0px;
}

div.note p img {
	vertical-align: middle;
	margin-right: 1em;
	float: left;
	line-height: normal;
}
@media (max-width:320px) { /* small mobile */
	div.note img {
		margin-bottom: 1em;
	}
}
div.note p {
	overflow: auto;
	margin: 12px;
	text-align: left;
}

div.note.additional-info::before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f059";
    color: #00439b;
    font-size: 30px;
    float: left;
    margin: 12px;
}

div.note.warning-info {
	color:#ed4e2a;
	background-color:#faeae6;
	border-color:#ed4e2a;
}
div.note.warning-info::before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f06a";
    font-size: 30px;
    float: left;
    margin: 12px;
}
div.note.ua-info {
	max-width: 100%;
	color:#599cef;
	background-color:#ffffbb;
	border-color:#599cef;
}
div.note.ua-info::before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f06a";
/*    color: #b3000a;*/
    font-size: 30px;
    float: left;
    margin: 12px;
}
div.note.console-command::before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f11c";
    color: #b1b1b1;
    font-size: 20px;
    float: left;
    margin: 12px;
}
div.note.console-command {
	font-family: monospace;
	font-weight: bold;
}
div.note.console-screen {
	background-color: #0b0b0b;
	color: #bbbbbb;
	font-family: monospace;
	font-size: 10pt;
}
div.note.console-screen p {
	white-space: pre;
}
div.note.very-important {
	padding: 0em;
	background: #efc676;
	border: none;
}
div.note.very-important h2 {
	background: #f78b00;
	border: none;
	color: #ffffff;
}
div.note.very-important ul {
}


/*
  License note
*/
.license-note {
	font-size: 0.8em;
	text-align: right;
	color: #888888;/*#6279A5;*/
}

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

/*
  Old Price
*/
.old-price {
    font-size: 0.9em;
    color: red;
    text-decoration: line-through;
}

/*
  Save Price
*/
.save-price {
    font-size: 0.8em;
    color: red;
}

/*
  Price note
*/
.price-note {
	font-size: 0.9em;
	text-align: center;
	color: #888888;/*#6279A5;*/
}

/*
  License note
*/
.online-help {
	text-align: center;
	font-size: 0.8em;
	color: #888888;/*#6279A5;*/
	width: 145px;
}
.online-help.right {
	float: right;
	margin-left: 1em;
}
.online-help.left {
	float: left;
	margin-right: 1em;
}

/*
  Fancybox Customizations
*/
.fancybox-slide--iframe .fancybox-content {
    max-width: 900px;
}

/*
  Price Table
*/
.price-table-wrapper
{
	overflow-x: auto;
    margin-left: 0em;
    margin-right: 0em;
}
@media (min-width:640px) { /* tablets */
	.price-table-wrapper {
		margin-left: 1.2em;
		margin-right: 1.2em;
	}
}
table.price-table {
	margin: 0;
    border: 1px solid #dad8cf;
	border-radius: 5px;
	border-spacing: 0px;
	width:100%;
}
table.price-table thead {
    background: #dad8cf;
}
table.price-table tfoot {
    background: #f1f0e8;
}
table.price-table tr {
    vertical-align: middle;
}
table.price-table td {
	padding: 0.8em 0.5em;
	text-align:center;
}
table.price-table th {
	padding: 0.5em;
	text-align:center;
	color: #663333;
	font-weight:normal;
}
table.price-table thead th {
/*    padding: 1em;*/
	font-size:1.2em;
}
table.price-table tbody tr:nth-child(even) {
	background-color: #f1f0e8;
}
table.price-table tbody tr:nth-child(odd) {
	background-color: #fffef8;
}
table.price-table thead tr:first-child th:first-child {
    border-top-left-radius: 4px;
}
table.price-table thead tr:first-child th:last-child {
    border-top-right-radius: 4px;
}
table.price-table tfoot tr:last-child td:first-child {
    border-bottom-left-radius: 4px;
}
table.price-table tfoot tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
}

/*
  Spoiler
*/
.spoiler-group-wrapper {
    border: 1px solid #dad8cf;
    border-radius: 5px;
	margin-left: 0;
	margin-right: 0;
}
@media (min-width:640px) { /* tablets */
	.spoiler-group-wrapper {
		margin-left: 1.2em;
		margin-right: 1.2em;
	}
}
.spoiler-group-wrapper :last-child {
	border-bottom: none;
}
.spoiler {
    border-bottom: 1px solid #dad8cf;
    border-top: none;
	position: relative;
	left: 0px;
	top: 0px;
}
.spoiler > h3 {
	padding: 0.7em;
	font-size: 1.2em;
	font-weight: normal;
	padding-right: 1.6em;
	cursor: pointer;
}
.spoiler > h3:hover,
.spoiler > h3.active {
	background-color: #f1f0e8;
}
.spoiler > h3:after {
	content: "\f107";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
    color: #dad8cf;
	vertical-align: middle;
	display: block;
    position: absolute;
    right: 0.7em;
    top: 0.7em;
}
.spoiler > h3.active:after {
	content: "\f106";
}
.spoiler > p,
.spoiler > div,
.spoiler > .spoiler-body {
	display:none;
}
.spoiler p {
    margin-left: 1.8em;
    margin-right: 1.2em;
    margin-bottom: 1.2em;
    margin-top: 0.6em;
}

/*
  Download Card
*/
.download-card {
/*	margin-left: 1.2em;
	margin-right: 1.2em;*/
	margin-bottom: 2em;
	padding: 1em;
	padding-bottom:0;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
    background: #f7f7f7;
}
@media (max-width:640px) { /* mobile */
	.download-card {
		margin-left: 0;
		margin-right: 0;
	}
}
.download-card .download-wrapper {
	overflow: auto;
}
.download-card p, 
.download-card h3 {
	padding: 0;
}
.download-icon {
	width: 30%;
	max-width: 200px;
	text-align:center;
	float:left;
}
@media (max-width:640px) { /* mobile */
	.download-icon {
		width: 100%;
		max-width: 100px;
/*		max-width: 100%;*/
		float:none;
		margin: auto;
	}
}
.download-card ul.download-info {
	list-style:none;
	margin: 0em;
}
.download-card ul.download-info li {
	padding: 0.5em;
	margin: 0em 1% 1% 0em;
	background: #e4e4e4;
	border-radius: 5px;
	float:left;
	width: 49%;
}
.download-card ul.download-info li.long {
	margin: 0em 0em 1em 0em;
	width: 99%;
}
@media (max-width:640px) { /* mobile */
    .download-card ul.download-info li {
    	width: 100%;
	}
    .download-card ul.download-info li.long {
    	width: 100%;
	}
}

.download-card ul.download-info li span {
	font-weight: bold;
	display: block;
}

/*.download-card ul.download-info li:nth-child(even) {
	background-color: #FFFEF8;
}
.download-card ul.download-info li:nth-child(odd) {
	background-color: #F1F0E8;
}
*/
.download-card .download-meta {
	padding-bottom: 1em;
    text-align: right;
}
@media (max-width:640px) { /* mobile */
	.download-card .download-meta {
	    text-align: center;
	}
}
.download-card .download-meta a {
	white-space:nowrap;
}
@media (max-width:640px) { /* mobile */
	.download-card .download-meta a {
		white-space:normal;
	}
}
.download-card .license-note {
	font-size: 0.8em;
	text-align: center;
	color: #888888;/*#6279A5;*/
}
.download-card h3 {
	border: none;
	margin-bottom: 1.6em;
    font-size: 1.2em;
    font-weight: bold;
}
@media (max-width:640px) { /* mobile */
	.download-card h3 {
		text-align: center;
	}
}
.download-card h3 span{
    font-weight: normal;
	display: block;
	margin-top: 0.5em;
}