/*
  Simple Grid
  Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - dallasbass.com
*/

:root {
	--bg-primary: #fff;
	--bg-gray-lightest: #f5f5f5;
	--bg-gray-light: #eee;
	--bg-gray: #ddd;
	--bg-main-menu: #000;

	--fg-primary: #000;
	--fg-gray: #555;
	--fg-gray-dark: #333;

	--link: #0072b3;
	--link-light: #4bcaff;
/*	--link-hover: #0072b3;*/

	--btn-primary: #009ddd;

	--border: #ccc;
	--border-dark: #aaa;
	--border-light: #ddd;
	--border-radius: 0.3em;

	--font-primary: Verdana,Geneva,sans-serif;
	--font-headers: "DroidSans", Arial, Helvetica, sans-serif;
}

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	height:100%;
  overflow-y:scroll;
}
body {
	margin: 0;
	font:14px/1.7em var(--font-primary);
	position:  relative;
	height:  auto  !important; 
	height:  100%; 
	min-height:  100%; 
}

[class*='col-'] {
	float: left;
	padding-right: 10px; /* column-space */
}


.grid {
	width: 100%;
	max-width: 1040px;
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding-top: 0;
	padding-left: 20px; /* grid-space to left */
	padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.push-right {
	float: right;
}

.content {
	padding: 0 10px;
}
.col-9-12 .content {
	margin:30px 0 0 0;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}



/* Pushing blocks */

.push-2-3, .push-8-12 {
	margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
	margin-left: 50%;
}

.push-1-3, .push-4-12 {
	margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
	margin-left: 25%;
}

.push-1-5 {
	margin-left: 20%;
}

.push-1-6, .push-2-12 {
	margin-left: 16.667%;
}

.push-1-7 {
	margin-left: 14.28%;
}

.push-1-8 {
	margin-left: 12.5%;
}

.push-1-9 {
	margin-left: 11.1%;
}

.push-1-10 {
	margin-left: 10%;
}

.push-1-11 {
	margin-left: 9.09%;
}

.push-1-12 {
	margin-left: 8.33%
}

/*
@media handheld, only screen and (max-width: 767px) {
*/

@media all and (max-width: 767px)  {
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 20px; /* grid-space to left */
		padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
	}
	
	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 0px;
		padding-right: 10px; /* column-space */
	}
	
	.hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0;
	}
  .nodisplay.show-on-mobile {
		display: block !important;
	}
}








/*    Main Menu    */

#main-menu {
  position:sticky;
  top:-60px;
  z-index:1001;
  transition:top 0.2s ease;

	width:100%;
	font-size:1.1em;
	line-height:60px;
	color:#fff;
	background: var(--bg-main-menu);
	margin:0 auto;
	text-align:left;
}
#main-menu .grid {
	overflow: visible;
}
#main-menu .content {
	clear:both;
	position:relative;
	height:60px;
}

#main-menu a {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:0 12px;
}
#main-menu .current:hover > a {
	color:#fff;
}





#main-menu h3 {
	position:absolute;
	top:0;
	left:10px;
	font:1em/1.5em var(--font-primary);
	margin:0;
	line-height:60px;
	padding:0;
}
#main-menu h3 a:first-of-type:before {
  content: "f";
  font-family:fticons;
  font-size:23px;
  display:inline-block; /* So we can set a width */
  width:1.8em;
  text-align: center;
}
#main-menu h3 a {
	padding:0;
	height:60px;
	padding:0 15px 0 0;
  transition:color 0.2s ease;
}
#main-menu h3:hover a {
  color: var(--link-light);
}
#main-menu ul {
  float:right;
	margin:0;
	padding:0;
	box-sizing:content-box;
	z-index:1001;
}
#main-menu ul li {
	position:relative;
	display:inline;
	float:left;
	margin:0;
	line-height:60px;
	white-space:nowrap;
	list-style:none;
	list-style-image:none;
  background: var(--bg-main-menu);
}
#main-menu ul li li {
	display:block;
	float:none;
	line-height:2.5em;
	font-size:0.8em;
	border-left:#444 1px solid;
	border-right:#444 1px solid;
	background:none;
}
#main-menu ul li ul {
	position:absolute;
	top:60px;
	left:0;
	min-width:225px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
	background:#444;
}
#main-menu ul li ul > li:last-child {
	border-bottom:#444 1px solid;
}
#main-menu ul li ul > li:first-child {
	border-top:#444 1px solid;
}
#main-menu ul li li li {
	font-size:1em;
}
#main-menu ul ul,
#main-menu li:hover ul {
	display:none;
}





#main-menu li:hover,
#main-menu li.hover {
	background:#444;
}
#main-menu li.hover > a {
	color:#fff;
}
#main-menu li li:hover,
#main-menu li li.hover {
	background:var(--btn-primary);
	position:relative;
}
#main-menu li:hover > ul,
#main-menu li.hover > ul {
	display:block;
}
#main-menu li li > ul {
	top:-1px;
	left:224px;
}
#main-menu .current {
	background:#e9e9e9;
}
#main-menu .current > a {
	color: var(--bg-main-menu);
}



#sitesearchmenu {
	width:40px;
}
#sitesearchmenu #open_search:before {
  content: "s";
  font-family:fticons;
  font-size:24px;
  display:inline-block;
	position:absolute;
	right:10px;
	padding:0;
	width:24px;
  transition:color 0.2s ease;
}
#sitesearchmenu #open_search:hover:before {
  color: var(--link-light);
}
#sitesearchmenu form {
	position:absolute;
	right:40px;
	top:0;
	z-index:100;
	width:0;
	height:60px;
	overflow:hidden;
	padding:0;
	margin:0;
	background: var(--bg-main-menu);
	transition: all 100ms ease;
}
#sitesearchmenu input {
  height:38px;
  line-height:26px;
	display:inline;
	width:100%;
	font-size:1em;
	border: var(--bg-main-menu) 1px solid;
	padding:5px 40px 5px 5px;
  margin:11px 0;
	border-radius: var(--border-radius);
	overflow:hidden;
}
#sitesearchmenu input:focus{
    outline: none;
}
#sitesearchmenu input::-ms-clear {
    display: none;
}
#sitesearchmenu #close_search:before {
  content: "x";
  font-family:fticons;
  font-size:24px;
  display:inline-block;
  position:absolute;
  color: var(--fg-primary);
  top:18px;
  right:10px;
  width:24px;
  line-height:24px;
  opacity:0.3;
  transition: opacity 100ms ease;
}
#sitesearchmenu #close_search:hover:before {
  opacity:1;
}
#main-menu li#mobilesearchmenu {
  display:none;
}





/*    Sub-menu    */

#sub-menu .content * {
  height:35px;
  line-height:35px;
}

#sub-menu {
  position:sticky;
  top:0px;
  z-index:1000;
  transition:top 0.2s ease;
	width:100%;
	font-size:0.93em;
	background:rgba(230, 230, 230, 0.9);
  box-shadow:0 -1px 0 0 rgba(0, 0, 0, 0.02) inset;
  backdrop-filter: blur(20px);
	margin:0 auto;
	padding:0;
	text-align:left;
}
#sub-menu .content {
	clear:both;
}
#sub-menu h4 {
	float:left;
	font:0.93em/1.5em var(--font-primary);
	margin:0;
	padding:0 0 0 10px;
}
#sub-menu ul {
	float:right;
	margin:0;
	padding:0;
	box-sizing:content-box;
	position:relative;
}
#sub-menu ul li {
	display:inline;
  position: relative;
	float:left;
	margin:0;
	white-space:nowrap;
	list-style:none;
	list-style-image:none;
}
#sub-menu ul li a {
	display:block;
	padding:0 10px;
	color: var(--fg-primary);
  transition:box-shadow 0.1s ease;
}
#sub-menu ul li.highlight:after {
  content: " ";
  position: absolute;
  top:5px;
  right:3px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--btn-primary);
  /* box-shadow:0 0 0 1px rgba(1, 159, 224, 0.5); */
}
#sub-menu ul li.highlight.current:after {
  /* display:none; */
}

#sub-menu ul li a:hover {
	text-decoration:none;
  box-shadow:0 -4px 0 0 var(--btn-primary) inset;
}
#sub-menu ul li.current a:after,
#sub-menu ul li.current a:hover:after {
  content: " ";
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:var(--btn-primary);
}






/*   Header   */

#header {
	text-align:center;
	min-height:190px;
  background: radial-gradient(ellipse 1200px 200px at 50% 100%, #f6f6f6, var(--bg-primary) 90%);
  position:relative;
}
#header h1 {
  margin:1.5em 0;
}
#header .header-bg {
  position:absolute;
  background-size: cover;
  background-position: center center;
  top:0; right:0; bottom:0; left:0;
}
#header .grid {
  position:relative;
}

#header.header-index, 
#header.header-overview {
	text-align:left;
	height:520px;
  background: radial-gradient(ellipse 1200px 200px at 50% 100%, #e5e5e5, var(--bg-primary) 90%);
  overflow: hidden;
}
#header.header-index > div, 
#header.header-overview > div {
  height:100%;
}
#header.header-index h1, 
#header.header-overview h1 {
	margin-bottom:0.52em;
}
#header.header-index h2, 
#header.header-overview h2 {
	font-size:2em;
	line-height:1.22em;
	margin:0 0 1.22em 0;
}
#header.header-index .content,
#header.header-overview .content {
	padding-bottom:20px;
}
#header.header-short {
	margin-bottom:-80px;
	background: transparent none;
  z-index:-1;
}
#header.header-purchase {
	text-align:left;
  background: none;
  margin-bottom:-40px;
}
#header.header-purchase h1 {
	margin-bottom:1em;
}
#header.header-purchase h4 {
  margin-bottom:0;
}
#header.header-purchase p {
  margin-top:0.6em;
}
#header.header-purchase .content {
  min-height:214px;
  padding:0 10px 0 220px;
  background-position:0 center;
  background-repeat:no-repeat;
  background-size: 180px;
}


/*   Main   */


#main {
	padding:40px 0;
}




/*   Footer   */


#footer {
	background: var(--bg-gray-light);
	border-top: var(--border-light) 1px solid;
	padding:35px 0 50px 0;
	font-size:0.86em;
	line-height:1.6em;
	position: absolute; 
  top:100%;
	left: 0;
  right: 0;
}

#footer,
#footer a {
	color: var(--fg-gray);
  overflow:hidden;
}
#footer a:hover {
	color:var(--link);
}
#footer ul,
#footer ul li {
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
}
#footer #copyright {
  position:absolute;
  bottom:30px;
  left:0;
  right:0;
  text-align:center;
}
#footer p {
	margin:25px 0 0 0;
	padding:0;
}

#footer .social .follow {
  float: left;
}
#footer .social .follow a::before {
  display:block;
	width:32px;
	height:32px;
  margin:10px 10px 0 0;
  content: "";
  transition: all 100ms ease;
  font-family: "fticons";
  font-size: 32px;
  line-height: 32px;
  color: var(--border-dark);
}
#footer .social .follow a:hover {
  text-decoration: none;
}

#footer .social .follow.social-rss a::before { content:"R" }
#footer .social .follow.social-facebook a::before { content:"F" }
#footer .social .follow.social-twitter a::before { content:"T" }

#footer .social .follow.social-rss a:hover:before { color:#eb9710 }
#footer .social .follow.social-facebook a:hover:before { color:#1773ea }
#footer .social .follow.social-twitter a:hover:before { color:#179cf0 }

#footer .social .share {
  float:left;
	margin:0.8em 0.5em 0.8em 0;
	height:1.8em;
}
#footer .social .share > * {
  transition: all 100ms ease;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */  
  opacity:0.4;
}
#footer .social .share:hover * {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  opacity:1;
}
#footer .social .share:last-child {
  margin-right:0;
}
#footer .social .share button {
  margin:0;
  box-shadow:none;
}

#footer.with-gdpr {
  padding-bottom:80px;
}
#footer.with-gdpr #copyright {
  padding-bottom:30px;
}




#livechat {
	position:fixed;
	z-index:100;
	bottom:60px;
	right:-255px;
	padding-left: 40px;
	background: var(--btn-primary);
	border-radius: var(--border-radius);
	font: 18px/1.5em var(--font-headers);
	transition: all 300ms 500ms ease;
}
#livechat a {	
	display: block;
	width:255px;
	height:125px;
	padding:14px 0 0 18px;
	background:var(--bg-primary) url(/img/main/livechat-online.webp) top right no-repeat;
	border:none;
	color:var(--link);
	text-decoration:none !important;
}
#livechat.shut {
  right:-295px;
}
#livechat label {
	display: block;
	position: absolute;
	bottom: 0;
	line-height: 38px;
	color: #fff;
	transform: rotate(-90deg);
  transform-origin: bottom left;
 	transition: all 300ms 500ms ease;
}
#livechat label svg {
	float: left;
}
#livechat:hover,
#livechat.visible {	
	border-radius: 0;
	box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
	z-index:100;
	right:0;
	transition: all 100ms 30ms ease;
	padding-left: 4px;
}
#livechat:hover label,
#livechat.visible label {
	opacity: 0;
	transition: all 100ms 30ms ease;
}
#livechat small {
	display:block;
	font: 12px/1.5em var(--font-primary);
  margin-top:10px;
}


/*
 * grecaptcha
 */
 
.grecaptcha-badge {
  bottom: 0 !important;
  box-shadow: none !important;
  z-index:2;
}
.grecaptcha-badge:not(:hover) {
  right:-200px !important;
}

/*
 * Cookie message
 */
#gdpr {
  position: fixed;
  z-index:100;
  bottom:0;
  left:0;
  right:0;
	background:rgba(230, 230, 230, 0.9);
  box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.02) inset;
  backdrop-filter: blur(20px);
  font-size:0.93em;
}
#gdpr-cookie-message {
	margin: 0 auto;
}
#gdpr-cookie-message p {
  margin: 0;
  line-height: 35px;
}
#gdpr-buttons {
  float:right;
}
#gdpr-buttons a {
	display:inline-block;
	position: relative;
	padding:0 10px;
	color: var(--fg-primary);
  transition:box-shadow 0.1s ease;
}
#gdpr-buttons a:hover {
	text-decoration:none;
  box-shadow:0 -5px 0 0 var(--btn-primary) inset;
}
#gdpr-buttons a#gdpr-cookie-accept:after,
#gdpr-buttons:not(:hover) a:after {
  content: " ";
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  height:3px;
  background:var(--btn-primary);
}
#gdpr ul {
  margin:0 0 1em 0;
}
#gdpr li {
  margin:0;
  padding:0;
}

/*    Sidebar    */
#sidebar #sidebar-hr {
  display:none;
}

#sidebar small {
  font-size:0.8em;
}
#sidebar p,
#sidebar li {
  font-size:0.86em;
}
#sidebar .sideblock-content p {
  margin:1em 0;
}

#sidebar .sideblock {
  position:relative;
  padding: 0;
  padding-bottom: 1px;
  background:transparent center right no-repeat;

  border-bottom: var(--border) 1px solid;
}


#sidebar .sideblock {
  border: var(--border) 1px solid !important;
  border-radius: var(--border-radius);
  padding:0 20px;
  margin:30px 0 0 0;
  color: var(--fg-gray-dark);
}
#sidebar .sideblock h4 {
  margin-top:1em;
}

#sidebar .sideblock-bg-color {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:-1;
  filter: grayscale(100%);
  opacity: 0.8;
  transition: all 100ms ease;
}
#sidebar .sideblock:hover .sideblock-bg-color {
  filter: grayscale(0%);
  opacity: 1;
}


#sidebar .sideblock.sideblock-right {
  background:transparent center left no-repeat;
}
#sidebar .sideblock.sideblock-right .sideblock-content {
  text-align:right;
}
#sidebar .sideblock.sideblock-left {
  background:transparent center left no-repeat;
}
#sidebar .sideblock.sideblock-left .sideblock-content {

}
#sidebar .sideblock:last-child {
  border-bottom:rgba(255, 255, 255, 0) 1px solid;
}
#sidebar #sidebar-news h4 {
  margin-bottom:0.5em;
}
#sidebar #sidebar-news small {
  position:relative;
  top:0.7em;
}
#sidebar #sidebar-news {
  overflow:hidden;
}
#sidebar #sidebar-news .news {
  max-height:600px;
  overflow:hidden;
  transition:all 500ms ease;
}
#sidebar #sidebar-news .more {
  background:var(--bg-primary);
  border-radius: var(--border-radius);
  margin:0;
  padding:15px 20px;
  box-shadow:0px 0 50px 50px var(--bg-primary);
  position:absolute;
  bottom:0;
  left:0;
  right:0;
}






/*    Content    */
.nodisplay, 
.mfp-hide {
	display:none !important;
}
.hidden{
     opacity:0;
}
.visible{
     opacity:1;
}
noscript.noscript {
  display:block;
  min-height:100px;
  padding: 30px 0 1px 34px;
}
noscript.noscript:before {
  font:96px/1em fticons;
  content:"w";
  float:left;
  color:#ffad15;
  margin: 15px 50px 0 0;
}
noscript.noscript h3 {
  float:none;
}


a {
	color:var(--link);
	text-decoration:none;
/*	outline-style:none;*/
}
a:hover {
	text-decoration:underline;
}
a img {
	border:none;
}
a.undecorated,
.undecorated a {
  text-decoration:none!important;
  color: var(--fg-primary); !important;
}

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

.img-inline {
	vertical-align:middle;
	position:relative;
	bottom:1px;
}

h1, h2, h3, h4, h5,
.pseudo.h3,
.pseudo.h4 {
	font-family: var(--font-headers);
	line-height:1.5em;
	font-weight:normal;
	margin:1.5em 0 1em 0;
	padding:0;
}
h1 {
	font-size:2.8em;
}
h2 {
	font-size:2.14em;
}
h3,
.pseudo.h3 {
	font-size:1.57em;
}
h4,
.pseudo.h4 {
	font-size:1.3em;
}
h5 {
	font-size:1.15em;
}

p {
	padding:0;
	margin:1.43em 0;
}
small,
p.small,
div.small {
	font-size:0.86em;
}
small.small {
  font-size:0.76em;
}
.buttons-download p.small {
	font-size:1.3em;
}
blockquote {
	padding:0;
	margin:1.43em 0;
}
ul {
	margin:1.43em 0;
	padding:0;
	list-style: square outside;
}
ol {
	margin:1.43em 0;
	padding:0;
}
ul li,
ol li {
	margin:0.7em 0 0.7em 30px;
}
.col-1-4 ul li {
	margin:0 0 0 15px;
}
li.nobullet {
  list-style:none;
}
ul.horizontal {
  display: flex;
  flex-wrap: wrap;
	margin: 0;
  clear: both;
}
ul.horizontal li {
	flex: 0 0 auto;
  margin: 0.3em 0;
	vertical-align: middle;
  list-style:none;
  list-style-image:none;
}
ul.horizontal li::after {
	display: inline;
	content: "";
	height: 100%;
	width: 0;
	margin: 0 10px;
	border-left: var(--border) 1px solid;
}
ul.horizontal li:last-child:after {
  display:none;
}
img.center {
	display: block;
	margin: 30px auto;
}
img.left {
	float:left;
	margin:5px 30px 30px 0;
}
img.right {
	float:right;
	margin:5px 0 30px 30px;
}

.code, 
code {
  display:inline-block;
  font-family: monospace;
  padding:0 0.4em;
	background-color: var(--bg-gray-light);
	border-radius: var(--border-radius);
}

.note,
.outlined,
.terminal,
pre.code {
  margin: 2.5em 0;
  padding: 1.5em;
	background: var(--bg-gray-light);
  border-left: var(--btn-primary) 5px solid;
}
.note p:first-child,
.note h1:first-child,
.note h2:first-child,
.note h3:first-child,
.note h4:first-child,
.note ul:first-child,
.note ol:first-child {
  margin-top:0;
}
.note p:last-child,
.note ul:last-child,
.note ol:last-child {
  margin-bottom:0;
}
.note li {
  margin-left:15px;
}
.note.warning {
  border-left:#c33 5px solid;
}
.orange {
	color:#ff6000;
}
.gray {
	color:var(--fg-gray);
}
.terminal,
pre.code {
  display:block;
  overflow:auto;
  white-space:pre-wrap;
	font-family:monospace;
	border-left: solid 5px var(--bg-gray);
	border-radius: 0;
}
pre.code {
  border-left: var(--bg-gray) 5px solid;
}

.terminal {
	background:#000;
	color:#fff;
}
.pre-wrap {
  white-space:pre-wrap;
}

samp,
.path {
	font-family: inherit;
	display: inline-block;
  padding:1px 0.4em;
  margin:-1px;
	background-color: var(--bg-gray-light);
	border-radius: var(--border-radius);
}
.indent {
  text-indent:2em;
}
.left {
	float:left;
}
.right {
	float:right;
}
.center {
	text-align:center;
}
.textright {
	text-align:right;
}
.relative {
	position:relative;
}
.pushright,
.pushleft,
.push {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
}

.pushright,
.col-1-2 .push {
	left:100%;
	margin-left:10px;
}
.pushleft,
.col-1-2.right .push {
	left:-100%;
	margin-left:-10px;
}
.pushright img,
.pushleft img,
.push img,
.push iframe {
	position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
}

.blocklink-parent {
  position:relative;
}
.blocklink::after {
  display: block;
  content: "";
  position:absolute;  
  top:0;  
  left: 0;  
  width:100%;  
  height:100%;  
  z-index: 1;  

}
#sidebar .sideblock:hover .blocklink,
.blocklink-parent:hover .blocklink {
  text-decoration:underline;
}

.content-1-2 {
  width:48%;
  float:left;
}
.content-1-2 :first-child {
  margin-top:10px;
}
.content-1-2:nth-of-type(even) {
  float:right;
}

hr {
	width:auto;
	height:30px;
	margin:0 10px 30px 10px;
	padding:0;
	background:none;
	border:none;
	border-bottom: var(--border) 1px solid;
	clear:both;
}
.content hr {
	margin:0 0 30px 0;
}
.clear {
	visibility:hidden;
	width:100%;
	height:0;
	margin:0;
	padding:0;
	border:none;
	clear:both;
}

.checkmark {
  padding-left: 1.2em;
}
.checkmark::before {
  content: "Y";
  font-family: fticons;
  font-size: 1.4em;
  margin-left:-1.2em;
  padding-right: 0.2em;
}
.checkmark.no::before {
  content: "N";
}
.checkmark::before {
  color: var(--border-dark) ;
}
.checkmark.small {
/*  background-size:12px 12px;*/
}
h4.checkmark {
	margin-top:2.5em;
}
li.checkmark {
	list-style:none;
	margin-left:0;
	padding-left:1.5em;
}
td.checkmark {
  text-align: center;
}
td.checkmark::before {
  margin: 0;
}
.index .checkmark:first-child {
	margin-top:3em;
}
.checkmark.color::before {
  color: var(--btn-primary);
}
.checkmark.color.no::before {
  color: #f00000;
}



span.star::before {
  display:inline-block;
  margin: 0 -0.1em;
  content: "S";
  font-family: fticons;
  font-size: 1.6em;
  color: var(--btn-primary);
  -webkit-text-stroke: 1px var(--btn-primary);
}
span.star.halfstar::before {
  color:transparent;
  background: linear-gradient(to right, var(--btn-primary), 50%, var(--bg-primary) 55%);
  background-clip: text;
  -webkit-background-clip: text;
}
span.star.nostar {
  color:var(--bg-primary);
}


.external::after {
  content: " a";
  font-family:fticons;
  font-size:1em;
  display:inline-block;
  width:1em;
  line-height:0.9em;
  margin-left:0.2em;
  position:relative;
  top:-0.05em;
}

.help::before {
  content: "h ";
  font-family:fticons;
  font-size:1.5em;
  display:inline-block;
  width:1em;
  line-height:1em;
  margin-right:0.2em;
}

.nopadding {
	padding:0 !important;
}
.nomargin {
	margin:0 !important;
}
.noshadow {
  box-shadow:none !important;
}
.nobr {
  white-space:nowrap;
}


.margin-top-1 {
  margin-top:1.43em !important;
}
.margin-top-2 {
  margin-top:3em !important;
}
.margin-bottom-1 {
  margin-bottom:1.43em !important;
}
.margin-bottom-2 {
  margin-bottom:3em !important;
}

.margin-left-20 {
	margin-left:20px;
}


/*
 * Inputs
 */

form {
	padding:0;
	margin:1.43em 0;
}
form input,
form select,
form textarea,
form p {
	margin:0.36em 0;
}
form p input,
form p select,
form p textarea {
	margin:0;
}

fieldset {
	border: var(--border-dark) 1px solid;
	border-radius: var(--border-radius);
	padding:1em;
  margin:0.36em 0;
}
fieldset label {
  display:block;
}
input,
select,
textarea {
	font:1em/2.5em var(--font-primary);
	height:2.5em;
	border: var(--border-dark) 1px solid;
	border-radius: var(--border-radius);
	padding:0 0.5em;
	transition:all ease-in-out 0.2s;
	width:100%;
	background: var(--bg-primary);
	color: var(--fg-primary);
}
input:disabled,
select:disabled,
textarea:disabled {
	opacity: 0.6;
}
input[type="number"] {
	width:60%;
	line-height: 2.52em;
}
input[type="number"].right {
	width:40%;
}

input[type="radio"],
input[type="submit"],
input[type="reset"] {
	width:auto;
	height:auto;
	border:none;
}
input[type="radio"] {
	margin-top: 0;
	vertical-align: middle;
}
textarea {
	height:auto;
	padding:0.4em 0.5em;
  resize:vertical;
  line-height:1.7em;
}
select {
	--bg1: var(--bg-primary);
	--bg2: var(--bg-gray-light);
  background: url("data:image/svg+xml,<svg%20height='10px'%20width='10px'%20viewBox='0%200%2016%2016'%20fill='%23000000'%20xmlns='http://www.w3.org/2000/svg'><path%20d='M7.247%2011.14%202.451%205.658C1.885%205.013%202.345%204%203.204%204h9.592a1%201%200%200%201%20.753%201.659l-4.796%205.48a1%201%200%200%201-1.506%200z'/></svg>") center right 0.7em no-repeat, 
  linear-gradient(to bottom, var(--bg1), var(--bg2));
 	transition:all ease-in-out 0.2s;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select:active {
	--bg1: var(--bg-gray-light);
	--bg2: var(--bg-gray-light);
}
select option {
	background-color: var(--bg-gray-light);
}

input:focus,
input:required:focus,
textarea:focus,
textarea:invalid:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}

input[type="checkbox"] {
  width:auto;
  height:auto;
  margin:0 10px 0 0;
  vertical-align:middle;
}
label {
  vertical-align:middle;
}
label.label_number {
  line-height:45px;
}

input:required {
}
input.error {
	border:#f00 2px solid;
}
input:invalid,
textarea:invalid {
	box-shadow: none;
}
.submitted input:invalid,
.submitted textarea:invalid {
	box-shadow: 0 0 2px var(--btn-primary);
	border-color: var(--btn-primary);
}
.submitted input:invalid:focus,
.submitted textarea:invalid:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset,
				0 0 2px var(--btn-primary);
	border-color: var(--btn-primary);
}
.submitted select:invalid {
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 
				0 15px 15px rgba(255, 255, 255, 0.5) inset, 
				0 0 2px var(--btn-primary);
	border-color: var(--btn-primary);
}
select:required {
}
.hpwebsite {
  display:none;
}

button,
.button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
	font-family: var(--font-headers);
	position:relative;
	display:inline-block;
	padding:0.85em 1.6em;
	margin: 0.6em 0.3em;
	background:var(--btn-primary);
	color:#fff;
	border-bottom-color: rgba(0, 0, 0, 0.1);
	border-radius: var(--border-radius);
	transition: all 100ms ease;
}
.button.right,
input[type="submit"].right {
	margin:0.6em 0 1em 0.6em;
}

button:hover,
.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {	
	text-decoration:none;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 0 2px var(--btn-primary), 0 1px 15px rgba(0, 0, 0, 0.2);
	border-radius: 0.25em;
	z-index:1;
  cursor:pointer;
}
.button:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active {	
	box-shadow: 0 0 100px rgba(0, 0, 0, 0.1) inset, 0 0.6em 0.3em -0.3em rgba(0, 0, 0, 0.3) inset;
	z-index:0;
	outline: none;
}
.button.large,
input[type="submit"].large {
	font-size:1.64em;
	line-height: 1em;
	padding:0.85em 1.2em;
	margin: 0.6em 0.3em;
}
.button:first-of-type,
input[type="button"],
input[type="submit"] {
	margin-left: 0;
}
.button:last-of-type,
input[type="button"],
input[type="submit"] {
	margin-right: 0;
}
.button.small,
input[type="submit"],
input[type="reset"] {
	padding:0.5em 1.6em;
}
.packages .button.small {
	padding:0.5em 1.3em;
}
input[type="submit"],
input[type="reset"] {
  line-height:1.7em;
}
.button.gray {
	--btn-primary: var(--bg-gray);
	color: var(--fg-primary);
}
.button.inactive {
	background: var(--bg-gray-light);
	color: var(--fg-gray);
}
.button.inactive:hover,
.button.inactive:active {
  box-shadow:none;
  text-shadow:none;
}
.button.white {
	--btn-primary: #fff;
	color: #0072b3;
}

kbd,
.button-txt {
  display: inline-block;
  padding:0 0.4em;
  white-space:nowrap;
  background: var(--bg-gray-light) linear-gradient(to bottom, var(--bg-primary), var(--bg-gray-light)) repeat-x;
  border: var(--border) 1px solid;
  border-radius: var(--border-radius);
  font-family: inherit;
}

kbd img,
.button-txt img {
  vertical-align:middle;
  margin-bottom: 0.1em;
  max-height: 1.7em;
}

.buttongroup .button {
  display:inline-block;
  border-radius: 0;
  border-right:rgba(0, 0, 0, 0.1) 1px solid;
  margin-right: 0;
  margin-left: 0;
}
.buttongroup .button:hover {
  border-right-color:transparent;
}
.buttongroup .button:first-of-type {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.buttongroup .button:last-of-type {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  border-right: none;
}



/*
 * Tables
 */

table {
	margin:1.43em 0;
	width:100%;
	font-size:0.86em;
	text-align:left;
	border: var(--border-light) 1px solid;
/*	incompatible with border-collapse*/
/*	border-radius: var(--border-radius); */
	border-collapse:collapse;
}
td {
	border: var(--border-light) 1px solid;
	padding:0.6rem 0.9rem;
/*	vertical-align: top;*/
}

th {
	font-size:1.16em;
	padding:0.6rem 0.9rem;
  background: var(--bg-gray-light);
  border: var(--border) 1px solid;
}






/*----- Tabs -----*/
.tabs {
	display: inline-block;
	width: 100%;
  margin:2em 0;
}
.tabs h3 {
  line-height:48px;
	float:left;
	margin:11px 1em 10px 0;
}

/*----- Tab Links -----*/
.tab-links {
	margin:0;
	padding:0;
}
.tab-links.center {
  display: table;
	margin-left:auto;
	margin-right:auto;
}
.tab-links:after {
	display:block;
	clear:both;
	content:'';
}

.tab-links li {
	margin:2px -1px 0 0;
	float:left;
	list-style:none;
	border: var(--border-light) 1px solid;
	border-bottom-color:var(--border);
	border-radius: 0.3em 0.3em 0px 0px;
	background: rgba(0, 0, 0, 0.01);
	box-shadow: 0px -10px 5px -10px rgba(0, 0, 0, 0.1) inset;
	font: 1.3em/1.5em var(--font-headers);
	transition:all ease-in-out 0.15s;
}
.tab-links li:hover {
	border-top-color: var(--border);
	background:var(--bg-primary);
	background-image: linear-gradient(to bottom, var(--bg-primary), rgba(0, 0, 0, 0.01));
}
.tab-links a {
	padding:20px 1.1em;
	display:inline-block;
	transition:color ease-in-out 0.15s;
}

.tab-links a:hover {
	text-decoration:none;
}
.tab-links li.active {
	z-index:1;
	margin-top:0;
	padding-top:2px;
	border-color: var(--border);
}
.tab-links li.active a {
	position:relative;
	top:2px;
	padding-top:18px;
	padding-bottom:22px;
	background: var(--bg-primary);
	cursor:default;
}
.tab-links li.active a, 
.tab-links li.active a:hover {
	color: var(--fg-primary);
}

/*----- Content of Tabs -----*/
.tab-content {
	border: var(--border) 1px solid;
	border-radius: var(--border-radius);
	background: var(--bg-primary);
	margin-top:-1px;
	box-shadow: 0px -40px 70px -70px rgba(0, 0, 0, 0.2);
}
.purchase .tab-content {
	border-top-left-radius: 0;
}

.tab {
	display:none;
	position:relative;
	z-index:10;
	padding:19px 29px;
	background: var(--bg-primary);
	border-radius: var(--border-radius);
}
.tab.active {
	display:block;
}



.tab .download p,
.tab .download ul,
.tab .download table,
.tab .download h4 {
	margin: 0.7em 0;
}
.os {
  position:relative;
  padding-left:60px;
}
.os svg {
  position:absolute;
  left:0;
  width:48px;
  height:48px;
}
p.os { 
  padding-left:40px;
  background-position: center left;
  background-repeat: no-repeat;
}
p.os svg {
  width:24px;
  height:24px;
}

.tab .download .buttons-download {
	margin: 0 0 0 20px;
}
.tab .download .buttons-download .button:last-of-type {
  margin-right:0;
}
.tab .download .buttons-download a {
	margin-top: 0;
}
.tab .download .buttons-download h4 {
	display: inline;
  margin: -10px 20px 0 0;
}
.tab .download .buttons-download .buttongroup {
	display: inline;
}
.tab .download .buttons-download .buttongroup::after {
  content: "\A";
  white-space: pre;
}
.tab .download .buttons-download div.small {
  float:right;
  width:220px;
	text-align:center;
  margin-bottom:1em;
}

.tab .download .collapse-block {
	font-size:0.86em;
	line-height:1.6em;
  padding-left:20px;
}
.tab .download .collapse-block li {
	margin: 0.5em 0 0.5em 10px;
}
.tab pre {  
  font-family: var(--font-primary);
  white-space: pre-wrap;
  margin:0;
}
.tab .download .pkggroup {
  position:relative;
}
.tab .download .pkggroup span {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background: var(--bg-primary);
	z-index:1;
	opacity: 0.7;
}
.tab .download .pkgbuttons,
.tab .download .pkgbuttons a {
  position:relative;
}
.tab .download.packages hr {
  height:10px;
  margin:0 0 10px 0;
}


.tab .download.legacy table {
  margin-top:1.7em;
}

.tab .download.legacy td:nth-child(1) { width:7em; }
.tab .download.legacy td:nth-child(2) { white-space:nowrap }
.tab .download.legacy td .button {
  min-width:7em;
  text-align:center;
  margin: 0.4em 0;
}
.read_more_content {
  height:4em;
  overflow: hidden;
}
.read_more_content.read_all {
  height:auto;
}

.tab.purchase-product {
  padding-bottom:0;
}
.purchase-details {
	width:100%;
}
.purchase-details .row {
	padding:10px 0 10px 180px;
}
.purchase-details .row,
.purchase-subscr .row {
	width:100%;
	clear:both;
/*	overflow:auto;*/
	position:relative;
	display: flex;
  flex-flow: row wrap;
	gap: 0 1.5%;
}
.purchase-details .row>div {
	padding: 0;
}
.cell1,
.cell2,
.cell3,
.cell4,
.cell23,
.cell05 {
	flex-grow: 1;
	flex-basis: auto;
	overflow:visible;
}
.cell34 {
}

.cell1 {
	flex-basis:38%;
	flex-grow: 3;
	padding-left:0;
}
.cell2 {
	flex-basis:18%;
}
.cell3 {
	flex-basis:21%;
  padding-right:0;
}
.cell4 {
	flex-basis:16%;
	padding-right:0;
}
.cell4,
.cell34,
.cell234,
.cell05.right {
	float:right;
	text-align:right;
	overflow:auto;
}
.cell23 {
	flex-basis:42%;
  padding-right:0;
}

.cell34 {
	flex-basis:40%;
}
.cell234 {
	flex-basis:60%;
}
.cell05 {
}

.purchase-details hr.show-on-mobile {
	display: none;
}

.purchase-details > hr {
	margin:0 0 0 180px;
	height:15px;
}
.purchase-details .row > hr {
	margin:15px 0 0 0;
	height:15px;
}
.purchase-product .row.description {
  padding:30px 0 20px 180px;
  min-height:160px;
  clear:both;
  position:relative;
  overflow:visible;
}
.purchase-product .row.description::after {
  content:" ";
  display:block;
  position:absolute;
  bottom:0;
  left:180px;
  right:0;
  border-bottom: var(--border) 1px solid;
  margin-bottom:10px;
}
.purchase-product .row.description p {
  margin: 0;
}

.purchase h4,
.purchase .big {
	line-height:35px;
	margin:0.5em 0 0 0;
}
.purchase p {
	margin:1.2em 0 0 0;
}
.purchase .note,
.purchase .note p:first-child {
	margin:0;
}
.purchase p.big {
	font-size: 1.3em;
	font-family: var(--font-headers);
	font-weight: normal;
}
.purchase p.small {
	margin: 0;
}
.purchase .row-first h4,
.purchase .row-first .big,
.purchase .row-first p {
	margin:7px 0;
}
.purchase .row-first .big {
	height:35px;
}
.purchase-details .row-icon {
	position:absolute;
	top:25px;
	left:126px;
	width:48px;
	height:48px;
	background-repeat:no-repeat;
	background-size:cover;
}
.purchase-details form {
	margin:0;
}
.purchase-subscr .row-icon {
	display: none;
}

.license-seat .description {
	background:transparent url("/img/icons/license-seat-160.png") 0px 0px no-repeat;
}
.license-site .description {
	background:transparent url("/img/icons/license-site-160.png") 0px 0px no-repeat;
}
.license-oem .description {
	background:transparent url("/img/icons/license-oem-160.png") 0px 0px no-repeat;
}
.license-saas .description {
	background:transparent url("/img/icons/license-saas-160.png") 0px 0px no-repeat;
}
.license-monthly .description {
	background:transparent url("/img/icons/license-monthly-160.png") 0px 0px no-repeat;
}

.RenewUpdateContent,
.RenewUpdateContent .License,
.update_monthly_nonstandard {
  margin:-19px 0 0 0;
  padding:0;
  background:none;
  border:none;
}

.RenewUpdateContent label,
.update_monthly_nonstandard label {
  float:left;
  width:35%;
  line-height:40px;
}
.RenewUpdateContent input,
.RenewUpdateContent select,
.update_monthly_nonstandard input,
.update_monthly_nonstandard select {
  float:right;
  width:65%;
}
.RenewUpdateContent input[type="submit"],
.update_monthly_nonstandard input[type="submit"] {
  width:auto;
}

.RenewUpdateContent p,
.update_monthly_nonstandard p {
  height:40px;
  clear:both;
}
.RenewUpdateContent .save_cont {
  float:left;
}
.RenewUpdateContent .button {
  float:right;
  margin-bottom:10px;
}

.RequestForm {
  padding:0 29px;
}

.renew-product .purchase h4,
.renew-product .purchase .big {
	font-size:1.1em;
}
.renew-product .purchase .big select,
.renew-product .purchase .big input {
	font-size:0.9em;
}

/*
 * Blocks
 */

.support-block {
  text-align:center;
}
.support-block img {
  filter: saturate(0%) contrast(10%);
  opacity: 0.5;
  transition: all 0.2s ease;
}
.support-block:hover img {
  filter: saturate(100%) contrast(100%);
  opacity: 1;
}

.support-block-resources {
  border: var(--border) 1px solid;
  border-radius: var(--border-radius);
  margin:2em 0 4em 0;
  clear:both;
}
.support-block-head {
  background-position: center right 20px;
  background-repeat:no-repeat;
  background-size: 60px 60px;
}
.support-row {
	display: flex;
  flex-wrap: wrap;
}
.support-col {
	flex: 1 1 auto;
  padding:0.7em 1.5em;
}
.support-block-head {
	padding: 1.5em;
}
.support-row {
  background:none;
  border-bottom: var(--border-light) 1px solid;
}
.support-row:last-child {
  border: none;
}
.support-col.os {
	flex-basis: 27%;
	flex-grow: 0;
  padding:1em 0 1em 50px;
  background-position: center left;
  background-repeat: no-repeat;
}
.support-col.os svg {
  width:24px;
  height:24px;
  margin:0 15px;
}
.support-block-resources h3 {
  margin:0.7em 0;
}


.product-block {
  min-height:200px;
  background-position: -20px top;
  background-repeat:no-repeat;
  padding: 0 0 10px 180px;
  border-bottom: var(--border) 1px solid;
}
.product-block:last-of-type {
  border:none;
}


.solution-block {
  padding:1px 0 30px 0;
  margin:30px 0;
  border-bottom: var(--border) 1px solid;
}
.solution-block img {
  float:left;
  max-width:45%;
  margin:0 5% 0 0;
}
.solution-block:nth-child(even) img {
  float:right;
  margin:0 0 0 5%;
}
.solution-block:first-child {
  margin-top:0;
  padding-top:1px;
}




/*
 * Products new
 */
#sub-menu .jump {
  float:left;
}
.jump span {
  float:left;
  width:35px;
  margin:0 0 0 -10px;
  font-family:fticons;
  font-size:2.3em;
  transition: color 200ms ease;
}
.jump a {
}
.jump a:hover {
  color:var(--link);
}

.product-blocks-exp .grid-pad {
	display: flex;
	flex-wrap: wrap;
}
.product-block-exp {
	flex: 0 1 auto;
  padding-top:140px;
  padding-bottom:3em;
  background-size:50%;
  background-position:left 30px;
  background-repeat:no-repeat;
}
.product-block-exp:nth-child(n+5) {
  padding-top:60px;
  background-size:25%;
  background-position:10px 10px;
}
.product-block-exp h4 {
  margin-bottom:0.4em;
}
.product-block-exp p {
  margin:0.6em 0;
}
.product-block-exp .content {
  transition:all 200ms 200ms ease;
}
.product-block-exp .product-links {
  overflow:hidden;
  height:0;
  transition:all 200ms 200ms ease;
}
.product-block-exp:hover .product-links {
  height:3em;
  margin-bottom:-3em;
  transition:all 200ms ease;
}




/*
 * Press Kit
 */
 
.presskit-image { 
  width:352px;
  height:217px;
  line-height:190px;
  text-align:center;
  float:left;
  position:relative;
  margin:0 30px 30px 0;
  vertical-align:middle;
  border: var(--border) 1px solid;
  border-radius: var(--border-radius);
}
.presskit-image:nth-of-type(even) {
  margin-right:0;
}
.presskit-image img {
  vertical-align:middle;
  max-width:90%;
  max-height:80%;
}
.presskit-image span {
  display:block;
  width:100%;
  position:absolute;
  bottom:0;
  line-height:25px;
  padding:0 5px;
  background-color: var(--bg-gray-light);
}
.presskit-image:hover span {
  text-decoration:underline;
}
.presskit-image output {
  display:none;
}
.presskit-image:hover output {
  display:inline;
}


.presskit-scroll {
  max-height:180px;
  overflow-y:scroll;
  border: var(--border) 1px solid;
  border-radius: var(--border-radius);
  padding:20px;
  font-size:0.86em;
  white-space:pre-wrap;
}

.h-details h1,
.h-details h2 {
  margin-bottom:0;
}
.h-details p {
  margin-top:0;
}


/*
 * News
 */

.news .news-item {
  min-height: 80px;
  background-position: 0px 40px;
  background-repeat: no-repeat;
  background-size: 85px;
  padding: 10px 0 10px 100px;
  border-top: var(--border) 1px solid;
}
.news .news-item h4 {
  margin-bottom:0;
}



/*
 * Tours and case-studies
 */
.tour img,
.case-study img {
	border-radius: var(--border-radius);
	box-shadow: var(--border-light) 0 0 0 1px;
	position: relative;
  padding:0;
  max-width: 160px;
}
.case-study img {
  max-width: 150px;
}

.case-study blockquote {
  font-style:italic;
  padding-left:182px;
}

/*
 * Collapse Blocks
 */
.collapse-link {
  margin-left: 1em;
}
.collapse-link::before {
  content: '';
  border: solid var(--link);
  border-width: 0 0.13em 0.13em 0;
  display: inline-block;
  vertical-align: middle;
  padding: 0.13em;
  margin:0 0.5em 0.15em -1em;
  transform: rotate(45deg);
  transition: transform 0.2s;
}
.collapse-link.collapsed:before {
  transform: rotate(-45deg);
}

.collapse-block {
	padding-top:1px;
  padding-bottom:1px;
}
.collapse-block.collapsed {
	display:none;
}

h2 .collapse-link {
	margin: 0;
	padding-bottom: 0.5em;
	display: inline-block;
	width: 100%;
}
h2 .collapse-link::before {
	float: right;
	margin-top: 0.5em;
}
h2 .collapse-link.collapsed {
	border-bottom: var(--border) 1px solid;
}

.sales-faq .faq-q {
  margin-bottom: 0;
}




/*
 * Animations
 */
 
.fadein,
.fadein-slow,
.fadein-left,
.fadein-right,
.fadein-push,
.fadein-top-slight,
.fadein-bottom-slight {
  animation-timing-function: ease-in-out;
}
.fadein {
	animation-duration: 300ms;
	animation-name: fadein;
}
.fadein-slow {
	animation-duration: 600ms;
	animation-name: fadein;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE 10-11 hack to prevent blinking */
  .fadein-slow {
    animation-duration: 600ms;
  }
}
.fadein-left,
.fadein-right,
.fadein-push,
.fadein-top-slight,
.fadein-bottom-slight {
	animation-duration: 400ms;
	position:relative;
}
.fadein-left, .col-1-2.right .fadein-push, .col-1-2 .left.fadein-push {	animation-name: fadein-left; }
.fadein-right, .col-1-2 .fadein-push { animation-name: fadein-right; }
.fadein-top-slight { animation-name: fadein-top-slight; }
.fadein-bottom-slight { animation-name: fadein-bottom-slight; }


@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadein-left {
  from {
    left: -50px;
    opacity: 0;
  }

  to {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadein-right {
  from {
    left: 50px;
    opacity: 0;
  }

  to {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadein-top-slight {
  from {
    bottom: 10px;
    opacity: 0;
  }

  to {
    bottom: 0;
    opacity: 1;
  }
}
@keyframes fadein-bottom-slight {
  from {
    top: 10px;
    opacity: 0;
  }

  to {
    top: 0;
    opacity: 1;
  }
}



/*
 * Loading spinner
 */
.loading-spinner {
  margin: 100px auto;
  width: 70px;
  text-align: center;
}

.loading-spinner > div {
  width: 18px;
  height: 18px;
  background-color: var(--border);

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.loading-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loading-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0.1%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0.1%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}


/*
 * Loading text
 */
.loading-text {
/*    animation: text-opacity 1s infinite; */
  opacity:0.2;
  filter: grayscale(100%);
  cursor: default;
}
@keyframes text-opacity {
  90% { opacity:0 }
}



/*
 * ToolTip
 */
 
.Tooltip {
	position:absolute;
	z-index:100;
	width:360px;
	padding:15px;
	margin:20px 0 0 0;
	border: var(--border) 1px solid;
	background: var(--bg-primary);
	border-radius: var(--border-radius);
	box-shadow: 0 3px 16px rgba(0, 0, 0, 0.4);
}
.Tooltip:after, .Tooltip:before { 
	bottom: 100%; 
	border: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
	pointer-events: none; 
} 
.Tooltip:after { 
	border-color: rgba(255, 255, 255, 0); 
	border-bottom-color: var(--bg-primary); 
	border-width: 10px; 
	left: 40px; 
	margin-left: -10px; 
} 
.Tooltip:before { 
	border-color: transparent; 
	border-bottom-color: var(--border); 
	border-width: 11px; 
	left: 40px; 
	margin-left: -11px; 
}
.Tooltip h4,
.Tooltip h5,
.Tooltip p {
	margin:5px 0;
}
.Tooltip .left {
	margin:5px 10px 5px 0;
}





/*
 * Hide Google Remarketing iframe
 */

iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}



/*
 * Product related styles
 */

/* SNDRDP */

#header.header-index .sndrdp .content {
	padding:50px 50% 0 10px;
}
#header.header-overview .sndrdp .content {
	padding-top:70px;
	padding-left:50%;
}

/* BIORDP */

#header.header-index .biordp .content {
	padding:65px 50% 0 10px;
}
#header.header-overview .biordp .content {
	padding-top:80px;
	padding-left:50%;
}
#header.header-index .biordp h1,
#header.header-overview .biordp h1 {
	font-size:2.5em;
}

/* SCANRDP */

#header.header-index .scanrdp .content {
	padding:55px 51% 0 10px;
}
#header.header-overview .scanrdp .content {
	padding-top:70px;
	padding-left:50%;
}
#header.header-index .scanrdp h1,
#header.header-overview .scanrdp h1 {
	font-size:2.6em;
}

/* PRINTRDP */

#header.header-index .printrdp .content {
	padding:55px 51% 0 10px;
}
#header.header-overview .printrdp .content {
	padding-top:70px;
	padding-left:50%;
}
#header.header-index .printrdp h1,
#header.header-overview .printrdp h1 {
	font-size:2.7em;
}

/* CAMRDP */

#header.header-index .camrdp .content {
	padding:55px 51% 0 10px;
}
#header.header-overview .camrdp .content {
	padding-top:70px;
	padding-left:50%;
}
#header.header-index .camrdp h1,
#header.header-overview .camrdp h1 {
	font-size:2.6em;
}

/* USBNET */

#header.header-overview .usbnet .content {
	padding-top:20px;
	padding-left:50%;
}

#header.header-overview .usbnet h1 {
	font-size:3em;
}
#header.header-overview .usbnet h2 br {
  display:block;
  content: " ";
  margin-bottom:0.5em;
}

/* USBRDP */

#header.header-overview .usbrdp .content {
	padding-top:30px;
	padding-left:50%;
}

#header.header-overview .usbrdp h1 {
	/* font-size:2.6em; */
}
#header.header-overview .usbrdp h2 br {
  display:block;
  content: " ";
  margin-bottom:0.5em;
}

/* USBMON */

#header.header-index .usbmon .content {
	padding:55px 51% 0 10px;
}
#header.header-overview .usbmon .content {
	padding-top:30px;
	padding-left:50%;
}
#header.header-index .usbmon h1,
#header.header-overview .usbmon h1 {
	font-size:3.5em;
}
#header.header-overview .usbmon h2 {
	font-size:1.7em;
}
#header.header-overview .usbmon h2 br {
  display:block;
  content: " ";
  margin-bottom:0.5em;
}

/* NSPK */

#header.header-index .nspk .content {
	padding:70px 50% 0 10px;
}
#header .nspk h1 {
	font-size:3em;
}
#header.header-overview .nspk .content {
	padding-top:70px;
	padding-left:50%;
}


/* SPR */

#header.header-index .spr .content {
	padding:60px 50% 0 10px;
}
#header .spr h1 {
	font-size:3.2em;
}
#header.header-overview .spr .content {
	padding-top:60px;
	padding-left:50%;
}

/* VSPK */

#header.header-overview .vspk .content {
	padding-top:40px;
	padding-left:50%;
}
#header.header-overview .vspk h1 {
	font-size:3.6em;
}

/* VSPC */

#header.header-index .vspc .content {
	padding:40px 50% 0 10px;
}
#header.header-overview .vspc .content {
	padding-top:60px;
	padding-left:50%;
}
#header .vspc h2 {
	font-size:2.1em;
}

/* SPC */

#header.header-index .spc .content {
	padding:50px 50% 0 10px;
}
#header .spc h1 {
	font-size:3.5em;
}
#header .spc h2 {
	font-size:2.1em;
}
#header.header-overview .spc .content {
	padding-top:45px;
	padding-left:50%;
}

/* SPS */

#header.header-index .sps .content {
	padding:50px 50% 0 10px;
}
#header .sps h1 {
	font-size:3.5em;
}
#header .sps h2 {
	font-size:2.1em;
}
#header.header-overview .sps .content {
	padding-top:45px;
	padding-left:50%;
}

/* SPM */

#header.header-index .spm .content {
	padding:50px 50% 0 10px;
}
#header .spm h1 {
	font-size:3.5em;
}
#header .spm h2 {
	font-size:2.1em;
}
#header.header-overview .spm .content {
	padding-top:45px;
	padding-left:50%;
}

/* VM */

#header.header-index .vm .content {
	padding:40px 50% 0 10px;
}
#header .vm h1 {
	font-size:3.8em;
}
#header .vm h2 {
	font-size:1.7em;
}
#header.header-overview .vm .content {
	padding-top:35px;
	padding-left:50%;
}

/* DEVRDP */

#header.header-index .devrdp .content {
	padding:40px 55% 0 10px;
}
#header.header-overview .devrdp .content {
	padding-top:30px;
	padding-left:50%;
}

#header .devrdp h1 {
	font-size:3.5em; 
}
#header.header-index .devrdp h2 {
	font-size:2.5em;
}
#header.header-overview .devrdp h2 {
	font-size:1.85em;
}

/* LICSRV */
#header.header-overview .licsrv .content {
	padding-top:45px;
	padding-left:50%;
}

/* SPRRDP */

#header.header-overview .sprrdp .content {
	padding-top:70px;
	padding-left:50%;
}
#header.header-overview .sprrdp h1 {
	font-size:2.5em;
}












@media all and (max-width: 900px)  {
  
	#main-menu h3 a span,
	#sub-menu h4 {
		display:none;
	}

	#header.header-overview,
	#header.header-index {
		height:auto;
	}
	#header.header-overview .content,
	#header.header-index .content {
		padding:0 0 50px 10px !important;
	}
	#header.header-overview > div,
	#header.header-index > div {
    background-image:none !important;
	}
	#header.header-overview .header-bg,
	#header.header-index .header-bg {
		background-position: bottom center !important;
		filter: blur(5px);
		transform: scale(1.05);
	}
	#header.header-overview .fadein,
	#header.header-index .fadein {
    animation-name: none;
  }
	.button,
  .buttons-download a {
		padding:0.8em 1.2em;
		margin:0 0.6em 0.6em 0;
	}
	.button.large,
  .buttons-download a {
		font-size:1.4em;
	}
	.button.small {
		padding:0.5em 1.1em;
	}
  
  #gdpr-buttons {
    float:none;
    position: relative;
    left: -10px;
	}
  #gdpr-buttons::before {
    content: "\a";
    white-space: pre;
  }

  
  #sidebar .sideblock-bg-color {
    display:none;
  }

}

@media all and (max-width: 767px)  {

	#main-menu h3 a span {
		display: inline-block;
    font-size: 0.83em;
	}

	body {
		line-height:1.5em;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}

	.grid {
		padding-left: 6px; /* grid-space to left */
		padding-right: 3px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
	}
	[class*='col-'] {
		margin:0;
		padding-right: 3px; /* column-space */
	}

	[class*='col-'].right {
		float:none;
	}
	
	[class*='mobile-col-'] {
		margin:0;
		padding-right: 3px; /* column-space */
	}



	#main-menu .grid,
	#main-menu .col-1-1 {
		padding: 0;
	}
	#main-menu ul {
		display: block;
		min-width: 1.8em;
		top: 0;
		right: 0;
    transition: all 0.3s ease;
	}
	#main-menu .content > ul:before {
		position:absolute;
		right:10px;
		top:0;
    content:'m';
    font-family:fticons;
    font-size:23px;
    width:1.8em;
    text-align: center;
    transition: all .2s ease;
	}
	#main-menu .content > ul.clicked {
    overflow: scroll;
    max-height: 100vh;
    width: 270px;
    padding-top: 61px;
  }
	#main-menu .content > ul.clicked:before {
    color: var(--link-light);
    position: fixed;
	}
	#main-menu .content {
		top: 0;
    transition: all .2s ease;
	}
	#main-menu.non-sticky .content > ul,
	#main-menu.non-sticky .content > ul.clicked:before {
		top: -60px;
	}
	:root {
		--menu-color1: var(--bg-primary);
		--menu-color2: var(--bg-gray-light);
	}
	#main-menu li a {
		color: var(--fg-primary);
	}
	#main-menu .content > ul li,
	#main-menu .content > ul li.current {
		display:none;
		width:270px;
		line-height:50px;
		margin-top: -1px;
		position:relative;
/*		top:61px;*/
	}
	
	#main-menu .current,
	#main-menu ul li {
		background: none;
	}

	#main-menu .content > ul > li a {
		background: var(--menu-color1);
		border-left: var(--border) 1px solid;
		border-right: var(--border) 1px solid;
	}
	#main-menu .content > ul > li:first-child > a {
		border-top: var(--border) 1px solid;
		border-top-left-radius: var(--border-radius);
		border-top-right-radius: var(--border-radius);
	}
	#main-menu .content > ul > li:last-child > a {
		border-bottom: var(--border) 1px solid;
		border-bottom-left-radius: var(--border-radius);
		border-bottom-right-radius: var(--border-radius);
	}
	#main-menu .content > ul.clicked {
		position: fixed;
	}
	#main-menu .content > ul.clicked li {
		display: block;
		background: none;
	}

	#main-menu > ul > li:first-child {
		position: relative;
		border-top-left-radius: var(--border-radius);
		border-top-right-radius: var(--border-radius);
	}
	#main-menu .content > ul > li:first-child:before,
	#main-menu .content > ul > li:first-child:after {
		position: absolute;
		top: -17px;
		right: 22px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		pointer-events: none;
		border-bottom-color: var(--menu-color1);
		border-width: 10px;
		margin-left: -10px;
	}
	#main-menu .content > ul > li:first-child:before {
		top:-19px;
		border-bottom-color: var(--border);
	}
	#main-menu > ul > li:last-child {
		border-bottom-left-radius: var(--border-radius);
		border-bottom-right-radius: var(--border-radius);
	}
	#main-menu li a {
		padding:0 20px;
	}
	#main-menu ul li:hover {
/*		background:#444 !important;*/
    height:auto;
	}
	#main-menu .content > ul li ul {
    position:static;
    display:block;
    box-shadow:none;
    background:none;
    overflow:visible;
    height:auto;
  }
	#main-menu .content > ul li li {
    position:static;
    height:40px;
    line-height:40px;
		border: none !important;
    font-size: inherit;
  }
	#main-menu .content > ul li li a {
    background: var(--menu-color2);
    padding-left:30px;
  }
	#main-menu .content > ul li li:hover {
/*    background:#555 !important;*/
  }
  
	#main-menu .current,
	#main-menu .current > a {
	}

	#main-menu ul.clicked li#mobilesearchmenu {
		display:block;
	}
	#main-menu .content > ul li li ul {
    display:none !important;
  }
	#header.header-overview .header-bg,
	#header.header-index .header-bg {
		filter: blur(7px);
		opacity: 0.6;
	}
	#header.header-overview,
	#header.header-index {
		height:auto;
	}
	#header.header-overview .content,
	#header.header-index .content,
  #header.header-purchase .content {
		padding:0 10px 20px 10px !important;
	}
  #header.header-purchase .content {
		background-image: none !important;
	}

	#header {
		height:auto;
    min-height:auto;
		padding-bottom:10px;
		margin-bottom:0;
    background: radial-gradient(ellipse 1200px 200px at 50% 100%, #e5e5e5, #fff 90%);
	}
	#header.header-purchase .note { margin:0 }
	#main {
		padding:20px 0;
	}
  #sidebar #sidebar-hr {
    display:block;
  }
	#footer {
		padding:2em;
	}
  #footer #copyright {
    position:static;
  }
  #footer #copyright p {
    margin:0;
  }
  #sidebar .sideblock-bg-color {
    display:block;
  }
  
  .animated.hidden {
    display:block;
  }
	.pushright,
	.pushleft,
	.col-1-2:nth-of-type(n) .push {
		position:relative;
		left:0;
		margin:0;
	}
	.pushright img,
	.pushleft img,
	.push img,
	.push iframe {
		position:static;
		top:0;
		margin-top:0;
		max-width: 100%;
	}
  
  .content-1-2 {
    width:100%;
    float:none;
  }

	h1 {
		font-size:1.8em !important;
	}
	h2 {
		font-size:1.4em !important;
	}
	h3 {
		font-size:1.2em !important;
	}
	h4 {
		font-size:1.1em !important;
    font-family: var(--font-primary);
	}
	h5 {
		font-size:1.05em !important;
	}
	ul.horizontal {
		display: initial;
	}
	ul.horizontal li {
		margin: 0.7em 0;
	}
	ul.horizontal li::after {
		display: none;
	}

	.note, .outlined, .terminal, pre.code {
		overflow-x: scroll;
	}
	.tablewrapper { overflow-x:auto; }
	.button.large,
  .buttons-download a {
    padding:0.7em 0.9em;
		font-size:1.1em !important;
	}
	.button {
		font-size:1em !important;
    padding:0.6em 0.6em;
	}
  .tabs h3 {
    float:none;
  }
  .tab-links li a,
  .tab-links li.active a {
    padding:5px 10px;
    font-size:0.95em;
  }
  .tab-links li.active a {
    padding: 3px 10px 7px 10px;
  }
	.tab .purchase {
		padding:0;
		background:none !important;
	}
  .tab {
    padding:20px;
  }
	.tab-content {
		border-top-left-radius: 0;
	}
  .tab .download .buttons-download {
  	float: none;
  	text-align: left;
  	margin: 0;
  }
  .tab .download .buttons-download h4 {
  	display: block;
  	margin: 0.7em 0 0.5em;
  }
  .tab .download .buttons-download div.small {
  	float:none;
  	text-align: left;
  	margin: 1em 0;
  }
  .tab .download .buttons-download div.small a {
  	padding: 0;
  }
	.purchase-details .row {
		padding:0;
		margin: 5px 0;
	}
  .purchase-product .row.description {
    padding:0 0 20px 0;
    min-height:auto;
    background:none;
  }
  .purchase-product .row.description::after {
    left:0;
    margin: 0;
  }
	.purchase-details form { 
    padding:10px 0 0 0;
  }
	.purchase-details hr,
	.purchase-details hr.show-on-mobile {
		margin:0;
		height: 7px;
	}


	.cell1 { flex-basis:60% }
	.cell2 { text-align:right; }
	.purchase-details hr.show-on-mobile { display: block; width:100%; margin:0; height:12px; }
	.row-bundle { min-height: auto !important; }
  .row-bundle .cell23,
  .row-bundle .cell4 { flex-basis:auto; }
  .purchase p.big { font-family:inherit; font-size:inherit; }
	.purchase p { margin: 0.5em 0 0 0; }
	.purchase label { line-height:35px; }
	.purchase .button.large.right { margin: 1em; margin-right:0; }
	.tab .download.legacy td:nth-child(2) { white-space:normal }
	


  .product-block {
    background-position: center 10px;
    background-repeat:no-repeat;
    padding: 200px 0 10px 0;
  }
  .solution-block {
    text-align:center;
  }
  .solution-block p {
    text-align:left;
  }
  .solution-block img,
  .solution-block:nth-child(even) img {
    float:none;
    max-width:45%;
    margin:0 auto;
  }


/*
 * Products new
 */
  .jump {
    height:auto;
    text-align: left;
    padding:15px 0 15px 0;
  }
  .jump a {
    display:block;
    color:var(--link);
  }
  .jump a span {
    background-position-y:0;
  }


  .product-block-exp {
    padding:10px 0 20px 90px;
    background-size:80px;
    background-position:5px 30px;
  }
  .product-block-exp:nth-child(n+5) {
    padding:10px 0 20px 90px;
    background-size:48px;
    background-position:20px 35px;
  }
  .support-col.os {
  	flex-basis: 100%;
  	padding-bottom: 0;
  }
}








/*
 * Print styles 
 */
@media print {
  * {
    color:#000 !important;
    text-shadow: none !important;
    text-align: left !important;
    opacity:1 !important;
    box-shadow:none !important;
    page-break-inside: avoid;
    page-break-after: avoid;
    page-break-before: avoid;

  }
  div * {
    padding-left:0 !important;
  }
  html {
    height:auto;
  }
  body {
    padding:30px;
  }
  #main-menu,
  #sub-menu,
  .hide-on-mobile,
  .tab-links,
  #sidebar,
  #gdpr,
  .grecaptcha-badge {
    display:none !important;
  }
  .collapsed {
    display:block !important;
  }
  .pushright,
  .pushleft,
  .push {
    position:relative;
    left:0;
    margin:0;
  }
  .pushright img,
  .pushleft img,
  .push img,
  .push iframe {
    position:static;
    top:0;
    margin-top:0;
  }
  #header {
    height:auto !important;
    min-height:auto !important;
    margin:0 !important;
    border-bottom:#000 1px solid !important;
    background-image:none !important;
  }
  #header * {
    background-image:none !important;
  }
  #header h1 {
    margin-top:0;
  }
  #sidebar {
    border-top:#000 1px solid !important;
  }
  #footer #copyright {
    border-top:#000 1px solid !important;
    width:100%;
    margin-top:3em;
  }
  div {
    float:none !important;
    clear:both !important;
    padding:0 !important;
    position:static !important;
    width:100% !important;
    height:auto !important;
    background-color:#FFF !important;
    background-image:none !important;
    border:none !important;
  }
  a {
    text-decoration:underline !important;
    background:none !important;
    border:none !important;
  }
  h1, h2, h3, h4, h5 {
    margin:1.5em 0 1em 0 !important;
    padding:0 !important;
  }
  embed {
    display:none !important;
  }
  table {
    border:#000 1px solid;
    background-color:#FFF !important;
    background-image:none !important;
  }
  td,
  th {
    background-color:#FFF !important;
  }
  form {
    background-color:#FFF !important;
    background-image:none !important;
  }
  hr {
    background:none;
    border-bottom:#000 1px solid;
    padding:0 !important;
    margin:0 !important;
  }
  img,
  .pushleft,
  .pushright,
  .push {
    page-break-inside: avoid; // Prevent images from being split up
  }
  li {
    background:none !important;
    border:none !important;
  }
  .tabs {
    border-bottom:#000 1px solid !important;
    padding-bottom:3em !important;
  }
  .tabs * {
    margin-left:0 !important;
  }

}


/*
 * a11y
 */
@media (prefers-contrast: more) {
  button,
  .button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  #main-menu li li:hover,
  #sub-menu ul li.highlight:after,
  #sub-menu ul li.current a:after,
  #sub-menu ul li.current a:hover:after,
  .checkmark.color::before,
  span.star::before {
/*    color: #007CB3;*/
/*    -webkit-text-stroke: 1px #007CB3;*/
  }
}


@media (prefers-color-scheme: dark) {
	:root {
		--bg-primary: #333;
		--bg-gray-lightest: #303030;
		--bg-gray-light: #444;
		--bg-gray: #222;
		--bg-main-menu: #000;

		--fg-primary: #ddd;
		--fg-gray: #aaa;
		--fg-gray-dark: #777;

		--link: #4bcaff;
		--link-light: #4bcaff;
	/*	--link-hover: #0072b3;*/

		--btn-primary: #0072b3;

		--border: #666;
		--border-dark: #777;
		--border-light: #444;
		--border-radius: 0.3em;
	}
	html {
		background: var(--bg-primary);
		color: #ddd;
	}
	#sub-menu,
	#main-menu .current,
	#gdpr {
		color: var(--fg-primary);
		background-color: var(--bg-gray);
	}	
	#main-menu .current > a {
		color: var(--fg-primary);
	}

	#header,
	#header.header-index, #header.header-overview {
    background: radial-gradient(ellipse 1200px 200px at 50% 100%, var(--bg-gray-light), var(--bg-primary) 90%);
  }
	select {
		--bg1: var(--bg-gray-light);
		--bg2: var(--bg-primary);
	  background: url("data:image/svg+xml,<svg%20height='10px'%20width='10px'%20viewBox='0%200%2016%2016'%20fill='%23dddddd'%20xmlns='http://www.w3.org/2000/svg'><path%20d='M7.247%2011.14%202.451%205.658C1.885%205.013%202.345%204%203.204%204h9.592a1%201%200%200%201%20.753%201.659l-4.796%205.48a1%201%200%200%201-1.506%200z'/></svg>") center right 0.7em no-repeat, 
	  linear-gradient(to bottom, var(--bg1), var(--bg2));
	}
	select:active {
		--bg1: var(--bg-primary);
		--bg2: var(--bg-primary);
	}
	#sidebar .sideblock-bg-color {
/*		display: none;*/
		filter: brightness(0.5) grayscale(100%);
	}
	#sidebar .sideblock:hover .sideblock-bg-color {
/*		display: none;*/
		filter: brightness(0.8);
	}
	#livechat a {
		background-color: var(--bg-gray-light);
	}
	.filter-gray {
		filter: grayscale(1) contrast(0) brightness(1.6);
	}

	.license-seat .description { background-image:url("/img/icons/license-seat-160-gray.png"); }
	.license-site .description { background-image:url("/img/icons/license-site-160-gray.png"); }
	.license-oem .description { background-image:url("/img/icons/license-oem-160-gray.png"); }
	.license-saas .description { background-image:url("/img/icons/license-saas-160-gray.png"); }
	.license-monthly .description { background-image:url("/img/icons/license-monthly-160-gray.png"); }

}