/*
  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
*/


*, *: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 Verdana,Geneva,sans-serif;
	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:#000;
	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 Verdana,Geneva,sans-serif;
	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;
  margin-left:3px; /* "Size" of the Pseudo-element */
}
#main-menu h3 a {
	padding:0;
	height:60px;
	padding:0 15px 0 0;
  transition:color 0.2s ease;
}
#main-menu h3:hover a {
  color:#4bcaff;
}
#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:#000;
}
#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:245px;
	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 {
	background:#009ddd;
	position:relative;
}
#main-menu li:hover > ul,
#main-menu li.hover > ul {
	display:block;
}
#main-menu li li:hover > ul,
#main-menu li li.hover > ul {
	top:-1px;
	left:238px;
}
#main-menu .current {
	background:#e9e9e9;
}
#main-menu .current > a {
	color:#000;
}



#sitesearchmenu {
	width:40px;
}
li#sitesearchmenu:hover,
li#sitesearchmenu.hover {
	background:none;
}
#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:#4bcaff;
}
#sitesearchmenu form {
	position:absolute;
	right:40px;
	top:0;
	z-index:100;
	width:0;
	height:60px;
	overflow:hidden;
	padding:0;
	margin:0;
	background:#000;
	transition: all 100ms ease;
}
#sitesearchmenu input {
  height:38px;
  line-height:26px;
	display:inline;
	width:100%;
	font-size:1em;
	border:#000 1px solid;
	padding:5px 40px 5px 5px;
  margin:11px 0;
	border-radius:3px;
	color:#000;
	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:#000;
  top:18px;
  right:10px;
  width:24px;
  line-height:24px;
  opacity:0.3;
  transition: opacity 100ms ease;
}
#sitesearchmenu #close_search:hover {
  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;
	color:#000;
	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 Verdana,Geneva,sans-serif;
	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:#000;
  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:#009ddd;
  /* 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 #009ddd 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:#009ddd;
}






/*   Header   */

#header {
	text-align:center;
	min-height:190px;
  background: radial-gradient(ellipse 1200px 200px at 50% 100%, #f6f6f6, #fff 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, #fff 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;
}


/*   Main   */


#main {
	padding:40px 0;
}




/*   Footer   */


#footer {
	background:#e9e9e9;
	border-top:#dedede 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:#555;
  overflow:hidden;
}
#footer a:hover {
	color:#0072b3;
}
#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:#b2b2b2;
}
#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: #009ddd;
	border-radius: 3px;
	font: 18px/1.5em "DroidSans", Arial, Helvetica, sans-serif;
	transition: all 300ms 500ms ease;
}
#livechat a {	
	display: block;
	width:255px;
	height:125px;
	padding:14px 0 0 18px;
	background:#fff url(/img/main/livechat-online.webp) top right no-repeat;
	border:none;
	color:#0072b3;
	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 Verdana,Geneva,sans-serif;
  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;
  color:#000;
}
#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:#000;
  transition:box-shadow 0.1s ease;
}
#gdpr-buttons a:hover {
	text-decoration:none;
  box-shadow:0 -5px 0 0 #009ddd inset;
}
#gdpr-buttons a#gdpr-cookie-accept:after {
  content: " ";
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  height:3px;
  background:#009ddd;
}
#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 {
  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:#ccc 1px solid;
}


#sidebar .sideblock {
  border:#ccc 1px solid !important;
  border-radius: 3px;
  padding:0 20px;
  margin:30px 0 0 0;
  color:#333;
}
#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;
  color:#666;
}
#sidebar #sidebar-news {
  overflow:hidden;
}
#sidebar #sidebar-news .news {
  max-height:600px;
  overflow:hidden;
  transition:all 500ms ease;
}
#sidebar #sidebar-news .more {
  background:#fff;
  border-radius:3px;
  margin:0;
  padding:15px 20px;
  box-shadow:0px 0 50px 50px #fff;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
}






/*    Content    */
.nodisplay {
	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:#0072b3;
	text-decoration:none;
	outline-style:none;
}
a:hover {
	text-decoration:underline;
}
a img {
	border:none;
}
a.undecorated,
.undecorated a {
  text-decoration:none!important;
  color:#000!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: "DroidSans", Arial, Helvetica, sans-serif;
	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 {
  clear:both;
}
ul.horizontal li {
  float:left;
  margin:0.3em 0;
  padding:0 10px;
  border-right: #ccc 1px solid;
  list-style:none;
  list-style-image:none;
}
ul.horizontal li:last-child {
  border: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;
}

.note,
.outlined,
.terminal,
.code,
code {
  margin: 2.5em 0;
  padding: 1.5em;
	background:#eee;
  border-left:#009ddd 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:#666;
}
.terminal,
.code,
code {
  display:block;
  overflow:auto;
  white-space:pre-wrap;
	font-family:monospace;
	border-left: solid 5px #C7CDD1;
}
.terminal {
	background:#000;
	color:#fff;
}
.pre-wrap {
  white-space:pre-wrap;
}

.path {
	display: inline-block;
  padding:1px 0.3em;
  margin:-1px;
	background-color: #eee;
}
.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 {
	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:#ccc 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:#ccc ;
}
.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: #009ddd;
}
.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: #009ddd;
  -webkit-text-stroke: 1px #009ddd;
}
span.star.halfstar::before {
  color:transparent;
  background: linear-gradient(to right, #009ddd 50%, #fff 55%);
  background-clip: text;
  -webkit-background-clip: text;
}
span.star.nostar {
  color:#fff;
}


.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:#aaa 1px solid;
	border-radius:3px;
	padding:1em;
  margin:0.36em 0;
  box-sizing: border-box;
}
fieldset label {
  display:block;
}
input,
select,
textarea {
	font:1em/1.7em Verdana,Geneva,sans-serif;
	height:2.5em;
	line-height:2.5em;
	border:#aaa 1px solid;
	border-radius:3px;
	padding:0 0.15em 0 0.3em;
  box-sizing: border-box;
	transition:all ease-in-out 0.2s;
	width:100%;
}
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.3em;
  resize:vertical;
  line-height:1.7em;
}
select {
	background-image: linear-gradient(to bottom, #f6f6f6, #d6d6d6);
	box-shadow: 0 15px 15px rgba(255, 255, 255, 0.5) inset;
	transition:all ease-in-out 0.2s;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background:#e0e0e0 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAECAYAAAC+0w63AAAABmJLR0QA8ADwAPC5DmruAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AUaDggDdpp/EQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAiSURBVAjXY2BgYKhnYGD4jwXXMxAB6snRhK6ZJE3ImokCADO6DHHpKmlHAAAAAElFTkSuQmCC") right center no-repeat;
}
input:focus,
input:required:focus,
textarea:focus,
textarea:invalid:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}
select:focus {
	box-shadow: 0 15px 15px rgba(255, 255, 255, 0.2) inset;
}
option {
	padding: 5px;
}


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 #009ddd;
	border-color: #009ddd;
}
.submitted input:invalid:focus,
.submitted textarea:invalid:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset,
				0 0 2px #009ddd;
	border-color: #009ddd;
}
.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 #009ddd;
	border-color: #009ddd;
}
select:required {
}
.hpwebsite {
  display:none;
}

button,
.button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
	font-family: "DroidSans", Arial, Helvetica, sans-serif;
	position:relative;
	display:inline-block;
	padding:0.85em 1.6em;
	margin:0.6em 0.6em 1em 0;
	background:#009ddd;
	color:#fff;
	border:transparent 1px solid;
/*	border-top-color:#66c5ec; */
	border-bottom-color: rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	transition: box-shadow 200ms ease, background-color 50ms 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 0 100px rgba(255, 255, 255, 0.2) inset, 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 1px 15px rgba(0, 0, 0, 0.2);
	text-shadow: 0 1px 5px rgba(255, 255, 255, 0.5);
	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.2) inset, 0 2px 1px rgba(0, 0, 0, 0.2) inset;
	border-top-color: rgba(0, 0, 0, 0.2);
	border-bottom-color: rgba(255, 255, 255, 0.1);
	z-index:0;
}
.button.large,
input[type="submit"].large {
	font-size:1.64em;
	line-height: 1em;
	padding:0.85em 1.2em;
}
.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 {
	background:#eee;
	color:#000;
	border:#e0e0e0 1px solid;
}
.button.inactive {
	background:#f5f5f5;
	color:#555;
	border:#e0e0e0 1px solid;
}
.button.inactive:hover,
.button.inactive:active {
  box-shadow:none;
  text-shadow:none;
}
.button.white {
	background:#fff;
	color:#555;
}

kbd,
.button-txt {
  display: inline-block;
  padding:0 0.4em;
  white-space:nowrap;
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #f5f5f5, #eee);
  background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
  background-repeat: repeat-x;
  border: #d6d6d6 1px solid;
  border-radius: 3px;
}

kbd img,
.button-txt img {
  vertical-align:middle;
  position:relative;
  bottom:1px;
}

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



/*
 * Tables
 */

table {
	margin:1.43em 0;
	width:100%;
	font-size:0.86em;
	text-align:left;
	border:#E5E5E5 1px solid;
	border-radius:3px;
	border-collapse:collapse;
}
tr:nth-child(odd) {
	background:#eee;
}
td {
	padding:5px 10px;
}

th {
	font-size:1.16em;
	padding:15px 10px;
  background:#E5E5E5;
  border:#E5E5E5 1px solid;
}






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

/*----- Tab Links -----*/
/* Clearfix */
.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:#e6e6e6 1px solid;
	border-bottom-color:#ccc;
	border-radius:3px 3px 0px 0px;
	background:#fafafa;
	background-image: linear-gradient(to bottom, #fcfcfc, #f9f9f9);
	box-shadow: 0px -10px 10px -10px rgba(0, 0, 0, 0.1) inset;
	font: 1.3em/1.5em "DroidSans", Arial, Helvetica, sans-serif;
	transition:all ease-in-out 0.15s;
}
.tab-links li:hover {
	background:#fff;
	background-image: linear-gradient(to bottom, #fff, #fcfcfc);
}
.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 {
	position:relative;
	z-index:1;
	margin-top:0;
	padding-top:2px;
	border-color:#ccc;
	background:#fff;
}
.tab-links li.active a {
	position:relative;
	top:2px;
	padding-top:18px;
	padding-bottom:22px;
	background:#fff;
	cursor:default;
}
.tab-links li.active a, 
.tab-links li.active a:hover {
	color:#000;
}

/*----- Content of Tabs -----*/
.tab-content {
	border:#ccc 1px solid;
	border-radius:3px;
	background:#fff;
	margin-top:-1px;
	box-shadow: 0px -40px 70px -70px rgba(0, 0, 0, 0.2);
}


.tab {
	display:none;
	position:relative;
	z-index:10;
	padding:19px 29px;
	background:#fff;
	border-radius:3px;
}
.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:Verdana,Geneva,sans-serif;
  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:#fff; 
	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:20px;
}

.tab .download.legacy td {
  background:#fff;
  border:#E5E5E5 1px solid;
}

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

.tab.purchase-product {
  padding-bottom:0;
}
.purchase-details {
	width:100%;
                                 /* overflow:auto;*/
}
.purchase-details .row {
	width:100%;
	clear:both;
	padding:10px 0 10px 180px;
	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:#ccc 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: "DroidSans", Arial, Helvetica, sans-serif;
	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;
}


.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 h2 {
  margin-bottom: 180px;
}
.support-block {
  text-align:center;
  position:relative;
  background: center 70px no-repeat;
}
.support-block::before {
  content:"";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: center 70px no-repeat;
  filter: saturate(0%) contrast(10%);
  opacity: 0.5;
  transition: all 0.2s ease;
}
.support-block:hover:before {
  filter: saturate(100%) contrast(100%);
  opacity: 1;
}
.support-block#tech::before {
  background-image: url("/img/icons/settings-128.png");
}

.support-block#sales::before {
  background-image: url("/img/icons/sales-faq-128.png");
}

.support-block-resources {
  border: #ccc 1px solid;
  border-radius:3px;
  margin:2em 0 4em 0;
  clear:both;
}
.support-block-head {
  background-position: center right 20px; 
  background-repeat:no-repeat;
  background-size: 96px 96px;
}
.support-block-resources table {
  font-size:1em;
  border:none;
  margin:0;
}
.support-block-resources table td {
  padding:10px;
}
.support-block-resources table td:first-child {
  padding-left:20px;
}
.support-block-resources table tr {
  background:none;
  border-bottom: #E5E5E5 1px solid;
}
.support-block-resources table tr:last-child {
  border: none;
}
.support-block-resources table td.os { 
  padding-left:50px;
  background-position: center left;
  background-repeat: no-repeat;
}
.support-block-resources table td.os svg {
  width:24px;
  height:24px;
  margin-left:15px;
}
.support-block-resources h3 {
  margin:0.7em 0;
}
.support-block-resources ul {
  margin:0;
}
.support-block-resources li {
  margin:0.3em 0 0.3em 30px;
}
.support-block-resources ul.horizontal {
  margin-left:-10px;
}


.product-block {
  min-height:200px;
  background-position: right 10px;
  background-repeat:no-repeat;
  padding: 0 180px 10px 0;
  border-bottom:#ccc 1px solid;
}
.product-block:last-of-type {
  border:none;
}

.product-block-main {
  min-height:80px;
  background-position: 10px 20px; 
  background-repeat:no-repeat;
  background-size: 80px 80px;
  padding: 1px 0 1px 100px;
  border-bottom:#ccc 1px solid;
}
.product-block-main:nth-child(2n-1) {
}
.product-block-main:last-child {
  border-bottom:none;
}
.product-block-main .brief {
}
.product-block-main .collapse-block {
  position:relative;
  top:-20px;
}
.product-block-main p {
  margin-top:1.2em;
}
.product-block-main h4 {
  margin-bottom:0.9em;
}
.solution-block {
  padding:1px 0 30px 0;
  margin:30px 0;
  border-bottom:#ccc 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;
  color:#000;
  transition: color 200ms ease;
}
.jump a {
  color:#000;
}
.jump a:hover {
  color:#0072b3;
}

.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:#ccc 1px solid;
  border-radius:3px;
}
.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: rgba(240, 240, 240, 0.8);
}
.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:#ccc 1px solid;
  border-radius:3px;
  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
 */
.pager {
  display:table;
  font-size:0.86em;
}
.pager a {
  display:table-cell;
  padding:3px 7px;
  border:#ddd 1px solid;
  color:#ccc;
  border-left:none;
}
.pager a:first-child {
  border-left:#ddd 1px solid;
  border-top-left-radius:3px;
  border-bottom-left-radius:3px;
}
.pager a:last-child {
  border-top-right-radius:3px;
  border-bottom-right-radius:3px;
}
.pager a.current,
.pager a:hover {
  background:#009ddd;
  border-color:#009ddd;
  color:#fff;
  text-decoration:none;
}

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


/*
 * Customers
 */
#customers img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; 
  transition: all 100ms ease;
  opacity:0.6;
  padding:15px;
}
#customers img:hover {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  opacity:1;
}


/*
 * Tours and case-studies
 */
.tour img,
.case-study img {
  border:#ccc 1px solid !important;
  border-radius: 3px;
  padding:0;
}
.case-study blockquote {
  font-style:italic;
  padding-left:182px;
}

/*
 * Collapse Blocks
 */
.collapse-link {
  margin-left: 1em;
}
.collapse-link::before {
  content: '';
  border: solid #0072b3;
  border-width: 0 2px 2px 0;
  border-width: 0 0.13em 0.13em 0;
  display: inline-block;
  vertical-align: middle;
  padding: 2px;
  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: #ccc 1px solid;
}

.sales-faq .faq-q {
  margin:1.43em 0 0 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: #ccc;

  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%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 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;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
  cursor: default;
}
@keyframes text-opacity {
  90% { opacity:0 }
}






/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; 
  margin: 0;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; 
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; 
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; 
}
.mfp-figure figure {
  margin: 0; 
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

.white-popup {
  position: relative;
  background: #FFF;
  padding: 30px;
  width: auto;
  max-width: 650px;
  margin: 20px auto;
  overflow: auto;
}
.small-popup {
  max-width: 400px;
}
.big-popup {
  max-width: 850px;
}
.youtube-popup,
.tour-popup {
  position: relative;
  padding: 40px 0 0 0;
  width: auto;
  max-width: 640px;
  margin: 20px auto;
}
.youtube-popup .mfp-close,
.tour-popup .mfp-close {
  color:#fff;
}
.youtube-popup iframe,
.tour-popup iframe {
  box-shadow: 0 0 10px rgba(0, 0, 0, 1);
}

.white-popup p:first-of-type,
.white-popup h1:first-of-type,
.white-popup h2:first-of-type,
.white-popup h3:first-of-type,
.white-popup h4:first-of-type {
  margin-top:0;
}
.white-popup p:last-of-type,
.white-popup form,
.white-popup input:last-of-type,
.white-popup a:last-of-type {
  margin-bottom:0;
}

.image-link {
  cursor:zoom-in;
}

.image-link.image400px {
  display:block; 
  width:400px; 
  margin:0 auto
}

.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-bg.mfp-removing {
  opacity: 0;
}



@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } 
  .white-popup { padding:15px; }
}


/*
 * ToolTip
 */
 
.Tooltip {
	position:absolute;
	z-index:100;
	width:360px;
	padding:15px;
	margin:20px 0 0 0;
	border:#d2d3d4 1px solid;
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	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: #fff; 
	border-width: 10px; 
	left: 40px; 
	margin-left: -10px; 
} 
.Tooltip:before { 
	border-color: rgba(210, 211, 212, 0); 
	border-bottom-color: #d2d3d4; 
	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,
	#header.header-index .cloned .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;
  }
  #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;
	}	
	.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 {
		background:#000;
    position:sticky;
    font-size: inherit;
	}

	#main-menu .content > ul {
		width:60px;
		height:60px;
		overflow:hidden;
		position:absolute;
		right:0;
		top:0;
		z-index:100;
		cursor:pointer;
	}


	#main-menu .content > ul:before {
		position:absolute;
		right:0;
		top:0;

    content:'m';
    font-family:fticons;
    font-size:23px;
    width:1.8em;
	}
	#main-menu .content > ul.clicked {
		position: fixed;
		right: 6px;
    overflow: scroll;
    height: auto;
    max-height: 100vh;
    width: 270px;
    transition: all .2s ease;
  }
	#main-menu .content > ul.clicked:before {
    color:#4bcaff;
    position: fixed;
    right: 6px;
	}
	#main-menu.non-sticky .content > ul.clicked:before {
		display: none;
	}
	#main-menu.non-sticky .content > ul li,
	#main-menu.non-sticky .content > ul li.current {
		top: 0;
	}

	#main-menu .content > ul li,
	#main-menu .content > ul li.current {
		display:none;
		width:270px;
		line-height:50px;
		position:relative;
		top:68px;
		border:none;
		background:#333;
    transition: all .2s ease;
	}
	#main-menu .content > ul.clicked li {
		display: block;
	}

	#main-menu li:first-child {
		position: relative;
		border-top-left-radius:3px;
		border-top-right-radius:3px;
	}
	#main-menu .content > ul > li:first-child:after {
		top: -15px;
		right: 23px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(0, 0, 0, 0);
		border-bottom-color: #333;
		border-width: 8px;
		margin-left: -8px;
	}
	#main-menu li:last-child {
		border-bottom-left-radius:3px;
		border-bottom-right-radius:3px;
	}
	#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 !important;
    box-shadow:none;
    background:none;
    overflow:visible;
    height:auto;
  }
	#main-menu .content > ul li li {
    position:static;
    height:30px;
    line-height:30px;
    background:none;
    background:#444;
    padding-left:10px;
        font-size: inherit;

  }
	#main-menu .content > ul li li a {
    color:#ccc;
  }
	#main-menu .content > ul li li:hover {
    background:#555 !important;
  }
  
	#main-menu .current,
	#main-menu .current > a {
		color:inherit;
	}

	#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,
	#header.header-index .cloned .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,
	#header.header-short {
		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 {
		position:static;
		top:0;
		margin-top:0;
	}
  
  .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:Verdana,Geneva,sans-serif;
	}
	h5 {
		font-size:1.05em !important;
	}
	.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 .purchase {
		padding:0;
		background:none !important;
	}
  .tab {
    padding:20px;
  }
	.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 }
	
  .pager {
    display:block;
  }
  .pager:after {
    content: " ";
    display:block;
    clear:both;
  }
  .pager a {
    float:left;
    padding:3px 10px;
    margin:3px 3px 0 0;
    border:none;
    border-radius:0!important;
    border:#ddd 1px solid;
  }


  .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:#0072b3;
  }
  .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;
  }

}








/*
 * Print styles 
 */
@media print {
  * {
    color:#000 !important;
    text-shadow: none !important;
    text-align: left !important;
    opacity:1 !important;
    box-shadow:none !important;
  }
  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 {
    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,
  .pager a.current,
  .pager a:hover {
    background:#007CB3;
  }
  .checkmark.color::before,
  span.star::before {
    color: #007CB3;
    -webkit-text-stroke: 1px #007CB3;
  }
}