@charset "UTF-8";

/*
	
	Copyright (c) 2019 Mindsystems
	This web application is subject to private commercial terms as outlined in the Mindsystems General Terms and Conditions.
	Use of this platform asserts your understanding and full ongoing agreement with the conditions located at:
	https://www.mindsystems.com.au/policy
	
*/

:root {
	--red:#BF353D;
	--red2:rgba(191,53,61,0.85);
	--red3:#f12933;
	--blue:#029CEF;
	--blue2:#23A9F1;
	--blue3:#6BBBF4;	
	--green:#30a163;
	--green2:#2dbe6f;
	--teal:#107ab2;
	--pass:#00AF64;
	--warn:#B51156;
	--info:#999;
	--yellow:#f5e90b;
	--white:#FFF;
	--black:#000;
	--char:#333;
	--char2:#555;
	--grey:#444;
	--grey2:#888;
	--grey3:#999;
	--grey4:#CCC;
	--pink:#df1dbf;
	--orange:#f49a0a;
	--odd:rgba(238,238,238,0.25);
	--even:#eee;
	--off:#d1bdbd;
	--hov:#b6b2b2;
	--on:#029CEF;
	--base-fn:Arial,Helvetica,sans-serif;
	--msweb-fn:msweb,Arial,Helvetica,sans-serif;
	--mini-fs:10px;
	--small-fs:12px;
	--message-fs:15px;
	--standard-fs:15px;
	--large-fs:18px;
	--xlarge-fs:20px;
	--xxlarge-fs:22px;
	--xxxlarge-fs:26px;
	--xxxxlarge-fs:28px;
	--mega-fs:48px;
	--line:24px;
	--border:solid 1px #777;
}

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

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

@-webkit-keyframes blink {
	0% {
		opacity:.6;
	}
	
	100% {
		opacity:1;
	}
}

@keyframes blink {
	0% {
		opacity:.6;
	}
	
	100% {
		opacity:1;
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-shadow:0 0 0 0 rgba(181, 16, 85, 0.5);
		-webkit-box-shadow:0 0 0 0 rgba(181, 16, 85, 0.5);
		box-shadow:0 0 0 0 rgba(181, 16, 85, 0.5);
	}
	
	70% {
		-webkit-box-shadow:0 0 0 30px rgba(181, 16, 85, 0);
		box-shadow:0 0 0 30px rgba(181, 16, 85, 0);
	}
	
	100% {
		-webkit-box-shadow:0 0 0 0 rgba(181, 16, 85, 0);
		box-shadow:0 0 0 0 rgba(181, 16, 85, 0);
	}
}

@keyframes pulse {
	0% {
		-webkit-shadow:0 0 0 0 rgba(181, 16, 85, 0.5);
		-webkit-box-shadow:0 0 0 0 rgba(181, 16, 85, 0.5);
		box-shadow:0 0 0 0 rgba(181, 16, 85, 0.5);
	}
	
	70% {
		-webkit-box-shadow:0 0 0 30px rgba(181, 16, 85, 0);
		box-shadow:0 0 0 30px rgba(181, 16, 85, 0);
	}
	
	100% {
		-webkit-box-shadow:0 0 0 0 rgba(181, 16, 85, 0);
		box-shadow:0 0 0 0 rgba(181, 16, 85, 0);
	}
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	
	100% {
		-webkit-transform:rotate(315deg);
		transform:rotate(315deg);
	}
}

@keyframes spin {
	0% {
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	
	100% {
		-webkit-transform:rotate(315deg);
		transform:rotate(315deg);
	}
}

@-webkit-keyframes bounceup {
	0% {
		opacity:0;
		-webkit-transform:translateY(20px);
		transform:translateY(20px);
	}
	
	60% {
		opacity:1;
		-webkit-transform:translateY(0px);
		transform:translateY(0px);
	}
	
	80% {
		-webkit-transform:translateY(5px);
		transform:translateY(5px);
	}
	
	100% {
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}

@keyframes bounceup {
	0% {
		opacity:0;
		transform:translateY(20px);
	}
	
	60% {
		opacity:1;
		transform:translateY(0px);
	}
	
	80% {
		transform:translateY(5px);
	}
	
	100% {
		transform:translateY(0);
	}
}

@-webkit-keyframes load {
	0% {
		-webkit-transform:scale(0.6);
		transform:scale(0.6);
	}
	
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}

@keyframes load {
	0% {
		transform:scale(0.6);
	}
	
	100% {
		transform:scale(1);
	}
}

@-webkit-keyframes loading {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}

@keyframes loading {
	0% {
		transform:rotate(0deg);
	}
	
	100% {
		transform:rotate(360deg);
	}
}

@-webkit-keyframes error {
  0% {
		height: 0px;
	}
	
	100% {
		height: 24px;
	}
}

@keyframes error {
  0% {
		height: 0px;
	}
	
	100% {
		height: 24px;
	}
}

@-webkit-keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@-webkit-keyframes s1 {
	0% {
		bottom: 100%;
	}
	100% {
		bottom: 0%;
	}
}

@keyframes s1 {
	0% {
		bottom: 100%;
	}
	100% {
		bottom: 0%;
	}
}

@-webkit-keyframes s2 {
	0% {
		top: 100%;
	}	
	100% {
		top: 45%;
	}
}

@keyframes s2 {
	0% {
		top: 100%;
	}	
	100% {
		top: 45%;
	}
}

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

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

@-webkit-keyframes cubes {
  0% { -webkit-transform: scale(0); opacity: 0; }
  50% { -webkit-transform: scale(1.2); opacity: 0.5; }
  100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes cubes {
  0% { transform: scale(0); opacity: 0; }
  50% { transform: scale(1.2); opacity: 0.5; }
  100% { transform: scale(1); opacity: 1; }
}

@-webkit-keyframes zero {
  0% { width: 0%; }
  40% { width: 70%; }
  100% { width: 50%; }
}

@keyframes zero {
  0% { width: 0%; }
  40% { width: 70%; }
  100% { width: 50%; }
}

@-webkit-keyframes drop1 {
  0% { bottom: -200vh; }
  100% { bottom: 0px; }
}

@keyframes drop1 {
  0% { bottom: -200vh; }
  100% { bottom: 0px; }
}

@-webkit-keyframes drop2 {
  0% { top: -200vh; }
  100% { top: 0px; }
}

@keyframes drop2 {
  0% { top: -200vh; }
  100% { top: 0px; }
}

@-webkit-keyframes hue {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes hue {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes hue {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-webkit-keyframes banner-zoom-1 {
	0% {
		opacity:0;
		-ms-transform: scale(1.0, 1.0);
		-webkit-transform: scale(1.0, 1.0);
		transform: scale(1.0, 1.0);
	}
	
	100% {
		opacity:1;
		-ms-transform: scale(1.7, 1.7);
		-webkit-transform: scale(1.7, 1.7);
		transform: scale(1.7, 1.7);
	}
}

@keyframes banner-zoom-1 {
	0% {
		opacity:0;
		-ms-transform: scale(1.0, 1.0);
		-webkit-transform: scale(1.0, 1.0);
		transform: scale(1.0, 1.0);
	}
	
	100% {
		opacity:1;
		-ms-transform: scale(1.7, 1.7);
		-webkit-transform: scale(1.7, 1.7);
		transform: scale(1.7, 1.7);
	}
}

@-webkit-keyframes banner-zoom-2 {
	0% {
		opacity:0;
		-ms-transform: scale(1.0, 1.0);
		-webkit-transform: scale(1.0, 1.0);
		transform: scale(1.0, 1.0);
	}
	
	100% {
		opacity:1;
		-ms-transform: scale(2.0, 2.0);
		-webkit-transform: scale(2.0, 2.0);
		transform: scale(2.0, 2.0);
	}
}

@keyframes banner-zoom-2 {
	0% {
		opacity:0;
		-ms-transform: scale(1.0, 1.0);
		-webkit-transform: scale(1.0, 1.0);
		transform: scale(1.0, 1.0);
	}
	
	100% {
		opacity:1;
		-ms-transform: scale(2.0, 2.0);
		-webkit-transform: scale(2.0, 2.0);
		transform: scale(2.0, 2.0);
	}
}

@-webkit-keyframes banner-zoom-3 {
	0% {
		opacity:0;
		-ms-transform: scale(0, 0);
		-webkit-transform: scale(0, 0);
		transform: scale(0, 0);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	
	100% {
		opacity:1;
		-ms-transform: scale(1.4, 1.4);
		-webkit-transform: scale(1.4, 1.4);
		transform: scale(1.4, 1.4);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes banner-zoom-3 {
	0% {
		opacity:0;
		-webkit-transform: rotate(300deg) scale(0, 0);
		transform: rotate(300deg) scale(0, 0);
	}
	
	100% {
		opacity:0.65;
		-webkit-transform: rotate(360deg) scale(2.7, 2.7);
		transform: rotate(360deg) scale(2.7, 2.7);
	}
}

body, html {
	margin:0!important;
	font-family:Arial,sans-serif!important;
	font-family:var(--base-fn)!important;
	font-size:15px;
	font-size:var(--standard-fs);
	position:relative !important;
	background-color: #FFF;
	color:#333;
	color:var(--char);
	line-height:24px;
	line-height:var(--line);
	height: auto;
	min-height: 100vh;
	overflow-x:hidden!important;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	text-size-adjust:none;
	-webkit-text-size-adjust:100%;
	-webkit-appearance:none!important;
	scroll-behavior:smooth;
}

* {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #ddd9d9; 
}

::-webkit-scrollbar-thumb {
    background: #777777; 
}

::-webkit-scrollbar-thumb:hover {
    background: #23A9F1; 
}

h1,h2,h3,h4 {
	font-weight:400!important;
	padding:0;
	margin:0;
	margin-left:0px!important;
	margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

h1 {
	font-size:26px!important;
	font-size:var(--xxxlarge-fs)!important;
}

h2 {
	font-size:22px!important;
	font-size:var(--xxlarge-fs)!important;
}

h3 {
	font-size:20px!important;
	font-size:var(--xlarge-fs)!important;
}

h4 {
	font-size:16px!important;
}

a:link,a:visited,a:active {
	text-decoration:none!important;
	color:#029CEF!important;
	color:var(--blue)!important;
}

a:hover {
	text-decoration:underline!important;
}

::-webkit-input-placeholder {
	color:#999;
	color:var(--grey3)!important;
}

:-moz-placeholder {
	color:#999;
	color:var(--grey3)!important;
}

::-moz-placeholder {
	color:#999;
	color:var(--grey3)!important;
}

:-ms-input-placeholder {
	color:#999;
	color:var(--grey3)!important;
}

img {
	outline:none;
	border:none;
}

#header {
	width:100%;
	height:76px;
	position:relative;
	background-color:#000;
	background-color:var(--black);
	margin:0;
	z-index:99999!important;
}

#page {
	padding:30px 0 135px 0!important;
	visibility: visible;
	-webkit-animation: 1200ms ease 0ms 1 backwards fade;
	animation: 1200ms ease 0ms 1 backwards fade;
}

#header > div, #menu > div, #page {
	width:90%;
	max-width:1024px;
	margin:0 auto;
	position:relative!important;
	background:transparent;
}

#header > div {
	height:76px;
}

#menu {
	width:100%;
	height:0px;
	min-height: 0px;
	overflow: hidden !important;
	position:relative;
	background-color:#23A9F1 !important;
	background-color:var(--blue2) !important;
	margin:0;
	z-index:99999!important;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

#header.drop + #menu {
	width:100%;
	height:auto;
	min-height:320px;
	overflow: hidden !important;
	position:relative;
	background-color:#23A9F1 !important;
	background-color:var(--blue2) !important;
	margin:0;
	z-index:99998!important;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

#menu-screen {
	position:fixed;
	z-index:99997;
	height:100vh;
	width:100vw;
	top:0;
	left:0;
	display: none;
	background-color:rgba(0, 0, 0, 0.8);
	-webkit-animation:fade forwards 800ms;
	animation:fade forwards 800ms;
}	

#header.drop + #menu + #menu-screen {
	display: block;
}	

#menu .menu-group {
	width:100%;
	max-width:1024px;
	margin:0 auto 0 auto !important;
	padding: 30px !important;
	position:relative!important;
	background:transparent;
	display: table;
	table-layout: fixed;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}	

#menu .menu-group > div:nth-child(odd) {
	display: table-cell;
	vertical-align: top;
	width: 33%;
	padding: 0px 0px 0px 0px;
	text-align: left;
	height: auto;
}

#menu .menu-group > div:nth-child(even) {
	display: table-cell;
	vertical-align: top;
	width: 25px !important;
	padding: 0px 0px 0px 0px;
	text-align: left;
	height: auto;
}

#menu h3 {
	color: #FFFFFF !important;
	padding: 0px 0px 5px 0px !important;
	margin: 0px 0px 10px 0px !important;
	border-bottom: solid 1px #FFFFFF !important;
}

#menu ul {
	list-style: none !important;
	padding: 0px 0px 0px 0px !important;
	margin: 0px !important;
	height: auto;
	display: block;
	color: #FFFFFF;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

#menu li {
	list-style: none;
	background-image: url("/img/dot_menu.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px; 
	background-position: left center;
	padding: 10px 0px 10px 34px;
}

#menu li:hover {
	background-image: url("/img/dot_menu_hover.svg");
}

#menu a:link, #menu a:visited, #menu a:active {
    text-decoration: none!important;
    color: #FFFFFF !important;
}

#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:90px;   
	background-color: #000000;
	border-top: solid #777777 15px;
	color: #FFFFFF;
}

#footer > div {
	width:90%;
	max-width:1024px;
	margin:0 auto;
	position: relative !important;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	background:transparent;
	display: table;
}

#footer > div > div {
	display: table-cell;
	text-align: left;
	vertical-align: top;
}

#footer > div > div:last-of-type {
	text-align: right;
}

.abn { font-size: 0.95em; display: inline-block !important; }

#cookies {
	display: block;
}

.cookie-policy-warn {
	color: #CC0000 !important;
}

#footer a:link,#footer a:visited,#footer a:active {
	color:#FFF!important;
	color:var(--white)!important;
	text-decoration: none!important;
}

#footer .link {
	color:#e1ff00!important;
	text-decoration: none!important;
}

#footer a:link:hover,#footer a:visited:hover,#footer a:active:hover {
	color:#FFF!important;
	color:var(--white)!important;
	text-decoration: underline!important;
}

.pinned {
	background-image: url("/img/pinned.svg") !important;
}

.open-login, .log-out {
	cursor: pointer;
}

.already-reg {
	float: right;
	color:#23A9F1;
	color:var(--blue2);
}

#logo {
	position: absolute;	
	height: 38px !important;
	top: 18.5px;
	left: -12px;
	cursor: pointer;
}

#shards {
	width: 100%;
    height: 800px;
    margin: 0 auto;
	position: relative;
	overflow: hidden;
}

@-webkit-keyframes shard-1 {
	0% {
		top: -1000px;
	}
	100% {
		top: -400px;
	}
}

@keyframes shard-1 {
	0% {
		top: -1000px;
	}	
	100% {
		top: -400px;
	}
}

#shard1 {
	height: auto;
	width: 800px;
	position: absolute;
	top: -400px;
	left: 50%;
	margin-left: -650px;
	-webkit-animation:shard-1 forwards 1000ms;
	animation:shard-1 forwards 1000ms;
	-webkit-transition: 500ms 100ms linear all;
	transition: 500ms 100ms linear all;
}

@-webkit-keyframes shard-2 {
	0% {
		bottom: -1025px;
	}
	100% {
		bottom: -425px;
	}
}

@keyframes shard-2 {
	0% {
		bottom: -1025px;
	}
	100% {
		bottom: -425px;
	}
}

#shard2 {
	height: auto;
	width: 950px;
	position: absolute;
	bottom: -400px;
	left: 50%;
	margin-left: -900px;
	-webkit-animation:shard-2 forwards 1000ms;
	animation:shard-2 forwards 1000ms;	
	-webkit-transition: 500ms 100ms linear all;
	transition: 500ms 100ms linear all;
}

@-webkit-keyframes shard-3 {
	0% {
		bottom: -1200px;
	}
	100% {
		bottom: -400px;
	}
}

@keyframes shard-3 {
	0% {
		bottom: -1200px;
	}
	100% {
		bottom: -400px;
	}
}

#shard3 {
	height: auto;
	width: 800px;
	position: absolute;
	bottom: -1200px;
	right: 50%;
	margin-right: -750px;
	-webkit-animation:shard-3 forwards 1 1000ms;
	animation:shard-3 forwards 1 1000ms;
	-webkit-transition: 500ms 100ms linear all;
	transition: 500ms 100ms linear all;
}

#shard4 {
	height: auto;
	width: 600px;
	position: absolute;
	top: -380px;
	left: -100px;
	margin-right: -750px;
}

#phone-mindsystems {
	position: absolute;
	height: 85px;
	width: auto;
	top: 80px;
	left: 50%;
	-webkit-transition: 500ms 100ms linear all;
	transition: 500ms 100ms linear all;
	margin-left: 100px;
	z-index: 1000;
	cursor: pointer;
	border: none !important;
	opacity: 0;
	-webkit-animation:fade forwards 300ms;
	animation:fade forwards 300ms;
}

#email-mindsystems {
	position: absolute;
	height: 40px;
	width: auto;
	top: 160px;
	left: 50%;
	-webkit-transition: 500ms 100ms linear all;
	transition: 500ms 100ms linear all;
	margin-left: 289px;
	z-index: 1000;
	cursor: pointer;
	border: none !important;
	opacity: 0;
	-webkit-animation:fade forwards 300ms;
	animation:fade forwards 300ms;
}

.invislink {
	outline : none !important;
}

#shards > div:nth-of-type(1) {
	position: absolute;
	top: 280px;
	left: 50%;
	margin-left: -190px;
}	

#shards > div:nth-of-type(2) {
	position: absolute;
	top: 300px;
	left: 50%;
	margin-left: -670px;
	padding: 150px !important;
	width: auto;
	text-align: left !important;
	z-index: 90 !important;
}

#shards > div:nth-of-type(3) {
	position: absolute;
	top: 425px;
	right: 50%;
	margin-right: -590px;
	width: auto;
	padding: 150px !important;
	text-align: right !important;
	z-index: 90 !important;
}

#shards h1 {
	font-size: 48px !important;
	font-size: var(--mega-fs) !important;
	opacity: 0;
	-webkit-animation:fade forwards 2000ms 800ms !important;
	animation:fade forwards 2000ms 800ms !important;
}	

#shards h2 {
	font-size: 28px !important;
	font-size: var(--xxxxlarge-fs) !important;
	margin: 18px 0px 0px 1px !important;
	color: #8B1A69 !important;
	opacity: 0;
	-webkit-animation:fade forwards 2000ms 1200ms !important;
	animation:fade forwards 2000ms 1200ms !important;
}	

.ro10 {
	-webkit-transform: rotate(10deg);
	transform: rotate(10deg);
}

.mro10 {
	-webkit-transform: rotate(10deg);
	transform: rotate(-10deg);
}

#shards h3 {
	background-color: #000000 !important;
	padding: 0px 12px;
	margin: 0px 20px 20px 0px !important;
	height: 36px;
	line-height: 36px;
	color: #FFFFFF;
	border-left: solid 10px #FFFFFF;
	display: block;
	float: left; 
    clear: left;
	position: relative;
	z-index: 50 !important;
	cursor: pointer !important;
	opacity: 0;
	-webkit-animation:fade forwards 2000ms 400ms !important;
	animation:fade forwards 2000ms 400ms !important;
}

#shards h3:hover {
	background-color: #FFFFFF !important;
	color: #000000;
	border-left: solid 10px #000000;
}

#home-about {
	background-color: #000000;
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px !important;
	position: relative;
	z-index: 200 !important;
}

#home-about h2 {
	font-size: 28px !important;
	font-size: var(--xxxxlarge-fs) !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 20px 0px;
	color: #cd50a8 !important;
}	

#home-about > div {
	display: table;
	width: 90%;
    max-width: 1024px;
    height: 350px;
    margin: 0 auto;
    position: relative;
}

#home-about > div > div {
	color:  #FFFFFF;
    background: transparent;
    overflow: visible;
    display: table-cell;
    vertical-align: middle;
    background-image: url('/img/bluebeam-life.png');
    background-repeat: no-repeat;
    background-size: auto 300px;
    background-position: right 50px bottom -2px;
}

#home-about > div > div > div {
	font-size:18px;
	line-height:24px;
	line-height:var(--line);
	width: 400px;
}	

#home-about input {
	margin: 25px 0px 0px 0px !important;
	font-size:16px !important;
}	

#home-about .bluebeam-life-screen {
	position: absolute;
	bottom: -15px;
	right: -170px;
}

#home-support {
	background-color: transparent;
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 20px 0px 300px;
	box-sizing: content-box !important;
	position: relative;
	z-index: 200 !important;
}

#home-support h2 {
	font-size: 28px !important;
	font-size: var(--xxxxlarge-fs) !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 10px 0px;
	color: #cd50a8 !important;
}	

#home-support h3 {
	font-size: 22px !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 18px 0px;
	color: #cd50a8 !important;
}	

#home-support > div {
	display: table;
	width: 100%;
    height: 350px;
    margin: 0 auto;
    position: relative;
}

#home-support > div > div {
    background: transparent;
    overflow: visible;
    display: table-cell;
    vertical-align: middle;
}

#home-support > div > div > div {
	font-size:18px;
	line-height:24px;
	line-height:var(--line);
}	

#home-support input {
	margin: 25px 0px 0px 0px !important;
	font-size:16px !important;
}	

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin: 20px 0px 10px 0px !important; } 

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.embed-group {
	display: table; 
	width: 100%;
	table-layout: fixed;
	margin: 10px 0px 12px 0px;
}

.embed-group > div {
	display: table-cell; 
	width: 25%;
	padding: 0px;
}

div.seperator {
	width: 15px !important;
}	

ul, menu, dir {
    display: block;
    list-style-type: disc;
    margin-block-start: 0em !important;
    margin-block-end: 0em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
    padding-inline-start: 0px !important;
}

.path {
	font-weight:400!important;
	padding:0;
	margin:0;
	margin-left:-1px!important;
	font-size:20px!important;
}

.path a:link,.path a:visited,.path a:active {
	text-decoration:none!important;
	color:#333 !important;
	color:var(--char) !important;
}

.path a:hover {
	color:#029CEF!important;
	color:var(--blue)!important;
	text-decoration:underline!important;
}

.list {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 30px 0px;
}

.list > div {
	display: table-row;
}

.list > div:first-of-type {
	display: table-row;
	display: table-header-group;	
}

.list > div:nth-of-type(odd):not(.datalist > div:first-of-type) {
	background-color: rgba(238,238,238,0.25);
	background-color: var(--odd);
}
    
.list > div:nth-of-type(even):not(.datalist > div:first-of-type) {
	background-color:#FFF;
	background-color: var(--even);
}

.list > div:first-of-type {
	background-color:#FFF;
	background-color: var(--white);
}

.list > div > div {
	display: table-cell;	
}

.w5 { width:5% !important; }
.w8 { width:8% !important; }
.w10 { width:10% !important; }
.w15 { width:15% !important; }
.w20 { width:20% !important; }
.w25 { width:25% !important; }
.w30 { width:30% !important; }
.w35 { width:35% !important; }
.w40 { width:40% !important; }
.w45 { width:45% !important; }
.w50 { width:50% !important; }
.w55 { width:55% !important; }
.w60 { width:60% !important; }
.w65 { width:65% !important; }
.w70 { width:70% !important; }
.w75 { width:75% !important; }
.w80 { width:80% !important; }
.w85 { width:85% !important; }
.w90 { width:90% !important; }
.w95 { width:95% !important; }
.w100 { width:100% !important; }

.account-instruction, .page-instruction {
	width: 100%;
	padding: 8px 0px 0px 0px;
}

.padout {
	padding: 10px 0px 10px 0px !important;
}

.padup {
	padding: 10px 0px 0px 0px !important;
}

.padup2 {
	padding-top: 12px !important;
}

.padbt {
	margin: 5px 0px 10px 0px !important;
}

.buffer {
	margin-bottom: 25px;
}	

.banner {
	width: 100%; 
	height: 400px;
	background-color: #111111;
	position: relative;
	overflow: hidden;
}	

.banner.slim {
	height: 100px;
	background-color: #444;
	border-bottom: solid #777777 15px !important;
	border-bottom:var(--border);
	position: relative;
	overflow: hidden;
}

.banner.slim + .banner {
	height: 150px !important;
}	

.banner > div {
	width:90%;
	height:100%;
	max-width:1024px;
	margin:0 auto;
	position: relative;
	background:transparent;
	overflow: visible;
}

.banner > div > div {
	width: auto;
	height: auto;
	background-color: #444;
	border-bottom: solid #777777 15px;
	color: #FFFFFF;
	position: absolute !important;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	padding: 20px;
	z-index: 9999;
}	

.banner.slim > div > div {
	width: auto;
	height: auto;
	color: #FFFFFF;
	background-color: transparent !important;
	border-bottom: none !important;
	position: absolute !important;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	padding: 0px;
	z-index: 9999;
}	

.banner > div > div > div:nth-of-type(1) {
	border-bottom: solid 1px #FFFFFF;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 15px 0px;
	display: block;	
}

.banner > div > div > div h1 {
	color: #FFFFFF;
	display: inline-block;
}	

.banner > div > div > div span {
	vertical-align: super;
	padding: 0px 0px 0px 3px;
}

.banner > div > div > div h2 {
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 60px 20px 0px;
}	

.banner > div > div input {
	margin: 15px 10px 0px 0px;
}

.banner > div > img {
	width: auto; 
	height: 100%;
	position: absolute;
	right: -27px;
	opacity: 0;
}	

.banner-zoom-1 {
	-webkit-animation:banner-zoom-1 forwards 10000ms;
	animation:banner-zoom-1 forwards 10000ms;
}

.banner-zoom-1-fast {
	-webkit-animation:banner-zoom-1 forwards 1000ms;
	animation:banner-zoom-1 forwards 1000ms;
}

.banner-zoom-2 {
	-webkit-animation:banner-zoom-2 forwards 10000ms;
	animation:banner-zoom-2 forwards 10000ms;
}

.banner-zoom-3 {
	-webkit-animation:banner-zoom-3 forwards 5000ms;
	animation:banner-zoom-3 forwards 5000ms;
}

.banner-zoom-4 {
	margin: -5px -150px 0px 0px;
	transform: scale(1.05, 1.05);
	-webkit-animation:fade forwards 2000ms;
	animation:fade forwards 2000ms;
}

.banner-zoom-5 {
	margin: 10px -130px 0px 0px;
	transform: scale(1.08, 1.08);
	-webkit-animation:fade forwards 2000ms;
	animation:fade forwards 2000ms;
}

.banner-zoom-6 {
	margin: 10px 140px 0px 0px;
	transform: scale(1.8, 1.8);
	-webkit-animation:fade forwards 2000ms;
	animation:fade forwards 2000ms;
}

.banner-zoom-7 {
	margin: -80px 100px 0px 0px;
	transform: scale(1.55, 1.55);
	-webkit-animation:fade forwards 2000ms;
	animation:fade forwards 2000ms;
}

.banner-zoom-8 {
	margin: 0px -270px 0px 0px;
	transform: scale(1.2, 1.2);
	-webkit-animation:fade forwards 2000ms;
	animation:fade forwards 2000ms;
}

.banner-zoom-9 {
	margin: -30px 200px 0px 0px;
	transform: scale(2.9, 2.9);
	-webkit-animation:fade forwards 2000ms;
	animation:fade forwards 2000ms;
}

.banner-zoom-10 {
	margin: 5px 175px 0px 0px;
	transform: scale(1.6, 1.6);
	-webkit-animation:fade forwards 2000ms;
	animation:fade forwards 2000ms;
}

.banner-zoom-11 {
	margin: 48px 270px 0px 0px;
	transform: scale(1.95, 1.95);
	-webkit-animation:fade forwards 2000ms;
	animation:fade forwards 2000ms;
}

.feature {
	padding: 0px 0px 20px 75px;
	position: relative;
	margin: 0px 0px 0px 0px;
}

.feature.emup {
	padding: 10px 0px 15px 80px;
	position: relative;
	margin: 0px 0px 0px 0px;
}

.feature div { color: #777; padding: 8px 0px 0px 0px; }

.feature img {
	position: absolute !important;
	top:5px;
	left:0px;
	width: 52px;
	height: auto;
}

.feature.emup img {
	top:10px;
	width: 65px;
}

.content-item.lead {
	padding: 0px;
	position: relative;
	margin: 5px 0px 15px 0px !important;
}

.content-item {
	padding: 0px;
	position: relative;
	margin: 0px 0px 15px 0px;
}

.content-item div { color: #777; }

.content-item > div:first-of-type { margin: 0px 0px 5px 0px; }

.shotbox {
	width: 100%;
	height: auto;
	position: relative;
	margin: 20px 0px 20px 0px;
	-webkit-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
} 

.shotbox .frame {
	width: 100%;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	border-left: solid 15px #E1E1E1;
	border-right: solid 15px #E1E1E1;
	padding: 10px 0px 10px 0px;
}	

.shotbox .frame > div {
	width: auto;
	position: relative;
	display: table;
	table-layout: fixed;
	line-height: normal !important;
	z-index: 99990;
}	

.shotbox .frame > div > div {
	display: table-cell !important;
	height: auto;
	padding: 3px 0px 0px 0px !important;
	vertical-align: middle !important;
	line-height: none !important;
}	

.shotbox .ticker {
	position: absolute;
	height: 28px;
	line-height: 28px;
	width: auto;
	top: -5px;
	left: 50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	background-color: #029CEF;
	background-color: var(--blue);
	color: #FFFFFF;
	color: var(--white);
	padding: 0px 10px;
	z-index:100001;
	cursor: pointer;
}	

.shotbox .left {
	position: absolute;
	height: 100%;
	width: 45px;
	top: 0px;
	left: -45px;
	cursor: pointer;
}	

.shotbox .left .arrow {
	width: 0;
	height: 0;
	cursor: pointer;
	border-style: solid;
	border-width: 25px 43.3px 25px 0;
	border-color: transparent #029CEF transparent transparent;
	position: absolute;
	top: 50%;
	left: -10px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index: 99998;
	-webkit-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
}

.shotbox .right {
	position: absolute;
	height: 100%;
	width: 45px;
	top: 0px;
	right: -45px;
	cursor: pointer;
}	

.shotbox .right .arrow {
	width: 0;
	height: 0;
	cursor: pointer;
	border-style: solid;
	border-width: 25px 0 25px 43.3px;
	border-color: transparent transparent transparent #029CEF;
	position: absolute;
	top: 50%;
	right: -10px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index: 99998;
	-webkit-transition:all 250ms ease-in-out;
	transition:all 250ms ease-in-out;
}

.shotbox .right:hover > div, .shotbox .right > div:hover, .shotbox .left:hover > div, .shotbox .left > div:hover {
	filter:brightness(110%);
}

.thumb {
	height: 150px;
	width: 200px;
	margin: 0px 0px 0px 0px;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	cursor: pointer;
	border: none !important;
}

.shot {
	height: auto;
	width: 100%;
	margin: 0px 0px 0px 0px;
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
	cursor: pointer;	
	border: none !important;
}

.dot {
	height:20px;
	width:20px;
	margin:0!important;
	background:transparent;
	-webkit-border-radius:50%;
	border-radius:50%;
	display:inline-block;
	vertical-align:middle;
	-webkit-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

.dot.limited {
	background:#000;
	background:var(--black);
}

.dot.full {
	background:#6BBBF4;
	background:var(--blue3);
}

.dot.new {
	background:#f49a0a;
	background:var(--orange);
}

.dot.developing {
	background:#30a163;
	background:var(--green);
}

.dot.bug {
	background:#f5e90b;
	background:var(--yellow);
}

.dot.warning {
	background:#BF353D;
	background:var(--red);
}

.tickler {
	position: relative;
}

.learn::after { 
  content: " ⓘ";
  color: #029CEF;
  font-weight: normal;
  cursor: pointer !important;
}

.option-buttons {
	position: absolute;
	width: auto !important;
	display: inline-block !important;
	text-align: right !important;
	top:50%;
	right: 0px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}	

.option-buttons input {
	margin: 0px 0px 0px 12px !important;
}	

.open-ticket {
	margin: 5px 0px 30px 0px !important;
}

.google-map {
	width: 6000px !important; 
	margin: 0px 0px 30px -2488px !important;
}

#support-form {
	margin: 0px 0px 40px 0px !important;
}

.download-library {
	margin: 10px 0px 0px 0px !important;
}

.step {
	position: relative !important;
	margin: 25px 0px 0px 0px;
}

.step:first-of-type {
	position: relative !important;
	margin: 20px 0px 0px 0px;
}

.step h2 {
	border-left: solid 10px #23A9F1; 
	padding-left: 10px
}

.step.payment h2 {
	margin-bottom: 30px;
}

.step.securepay {
	    margin: 0px 0px 40px 0px;
}

.pay-total {
	position: absolute;
	padding: 0px 30px !important;
	height: 42px;
	line-height: 42px;
	color: #FFFFFF;
	background-color:rgba(255, 255, 255, 0.10);
	border: solid 2px #FFFFFF;
	font-size: 20px; 
	letter-spacing: normal !important;
	font-weight: 400;
	top:50%;
	right: 30px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.bank-instruction {
	display: block !important;
	padding-bottom: 20px !important;
	width: 100% !important; 
}	

.bank-group  {
	display: block !important;
	margin-bottom: 10px !important;
	padding: 0px 0px 10px 0px !important;
	width: 75%;
	border-bottom:solid 1px #777;
	border-bottom:var(--border);
}

.bank-details {
	display: table !important;
	width: 100% !important;
	padding: 0px !important;
	margin-bottom: 25px !important;
}

.bank-details:last-of-type {
	margin-bottom: 0px !important;
}	

.bank-details > div {
	display: table-row;
}

.bank-details > div > div {
	display: table-cell;
	padding: 0px 25px 0px 0px !important;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
}

.bank-details > div > div:first-of-type {
	width: 150px !important;
	white-space: nowrap !important;
}	

.bank-details > div > div:nth-of-type(2) {
	color: #777;
}

#card .field {
	padding-bottom: 0px !important;
}

.card-options {
	margin: -10px 0px 25px 0px !important;
}

.card-options input {
	margin-right: 10px !important;
}

#use-saved-card, #save-new-card, #new-card {
	margin-top: 25px !important;
}

.fieldnote {
	color:#30a163 !important;
	color:var(--green) !important;
	border-left: 5px solid #30a163 !important;
	margin: 5px 0px 0px -15px;
	padding-left: 15px;
}

#freeze {
	position:fixed;
	z-index:999999;
	height:100vh;
	width:100vw;
	top:0;
	left:0;
	background-color:rgba(0, 0, 0, 0.8);
	-webkit-animation:fade forwards 800ms;
	animation:fade forwards 800ms;
}

#freeze.redirect {
	position:fixed;
	z-index:9999999999 !important;
	height:100vh;
	width:100vw;
	top:0;
	left:0;
	background-color:rgba(0, 0, 0, 1) !important;
	-webkit-animation:none !important;
	animation:none !important;
}

#login + #freeze {
	z-index:999999999 !important;
}

.load {
	display: inline-block;
	position: relative;
	width: 128px;
	height: 128px;
	margin-top: -90px;
	margin-left: -10px;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%);
	transform:translate(-50%);
}

#freeze.redirect .load::after{
    display:block;
    content:"... one moment please ...";
    width: auto;
    margin: 0px 0px 0px 10px;
    white-space: nowrap !important;
    position: absolute;
    bottom: -50px;
    left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
    color: #FFFFFF !important;
}

.load div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 6px;
	border: 6px solid #fff;
	border-radius: 50%;
	-webkit-animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #029CEF transparent transparent transparent;
}

.load div:nth-child(1) {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.load div:nth-child(2) {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.load div:nth-child(3) {
	-webkit-animation-delay: -0.15s;
	animation-delay: -0.15s;
}

.load.warn > div {
	border-color:#B51156 #B51156 #B51156!important;
	background-color: #B51156;
	-webkit-animation:pulse 2s infinite;
	animation:pulse 2s infinite;
}

.load.warn > div::before {
    display:block;
    position: absolute;
    top: 0.13em;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
    content:"";
    width:0; 
    height:0;
	border-width: 0.5em 0.10em 0 0.10em;
    border-style: solid;
    border-top-color:#FFF; 
    border-bottom-color:#FFF; 
    border-left-color:#FFF; 
    border-right-color:#FFF;
}

.load.warn > div::after {
    display:block;
    content:"";
    position: absolute;
    width:0; 
    height:0;
    border:0.12em solid #FFF;
    border-radius:0.12em;
    top:0.75em;
    left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}

.load.pass > div {
	border-color:#00AF64 #00AF64 #00AF64!important;
	background-color: #00AF64;
	-webkit-animation:none !important;
	animation:none !important;
	-webkit-animation:fade forwards 800ms !important;
	animation:fade forwards 800ms !important;
}

.load.pass > div:nth-of-type(4)::after {
	content: '';
  	display: block;
  	position: absolute;
	margin:0.1em 0em 0em 0.4em !important;
	width: 0.2em;
	height: 0.6em;
	border: solid #FFF !important;
	background-color: transparent !important;
	border-width: 0em 0.12em 0.12em 0em !important;
	transform: rotate(45deg);
}

.bubbles {
	margin: 0;
	width: 140px;
	height: 36px;
	position: absolute;
	margin-top: -36px;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%);
	transform:translate(-50%);
	text-align: center;
}

.total .bubbles {
	margin-top: 0px !important;
}

.step .bubbles {
	width: auto !important;
}

.price .bubbles {
	margin: 0;
	width: 140px;
	height: 36px;
	position: absolute;
	margin-top: -20px;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%);
	transform:translate(-50%);
	text-align: center;
}	

.bubbles {
    position: relative;
    z-index: 99990;
}

.bubbles > div {
	width: 14px;
	height: 14px;
	margin: 12px 2px;
	background-color:#029CEF;
	background-color:var(--blue);
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bubble 1.4s infinite ease-in-out both;
	animation: bubble 1.4s infinite ease-in-out both;
}

.bubbles > div:nth-of-type(1) {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.bubbles > div:nth-of-type(2) {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

#alerts, #contact-alerts, #reg-alerts, #pay-alerts {
	position:relative;
}	

#alerts .tip:first-of-type {
	margin-top: 25px !important;
}	

#alerts .tip:last-of-type, #contact-alerts .tip:last-of-type, #pay-alerts .tip:last-of-type {
	margin-top: 0px !important;
	margin-bottom: 25px !important;
}	

#reg-alerts .tip {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}

#alerts .tip:only-child {
	margin-top: 15px !important;
	margin-bottom: 25px !important;
}

#shade {
	position:fixed;
	display: table !important;
	z-index:999999;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background-color:rgba(0, 0, 0, 0.8);
	-webkit-animation:fade forwards 800ms;
	animation:fade forwards 800ms;
}

#login + #shade {
	z-index:999999999 !important;
}

#login + #shade .tip {
	max-width: 600px !important;
}

#login .learn::after {
    content: " ⓘ";
    color: #FFFFFF !important;
    font-weight: normal;
    cursor: pointer;
}

#shade > div {
	display: table-cell !important;
	vertical-align: middle !important;	
}	

#login {
	position:fixed;
	display: table !important;
	z-index:9999999;
	height:100%;
	width:100%;
	top:0;
	left:0;
	color:#FFFFFF;
	background-color:#000000;
	-webkit-animation:fade forwards 800ms;
	animation:fade forwards 800ms;
	-webkit-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
}

#login-close {
	position: absolute;
	z-index:999999999;
	top: 30px;
	right: 30px;
	height: 30px;
	width: 30px;
	cursor: pointer !important;
}

#login-close:before {
    content: '';
    height: 30px;
    border-left: 2px solid #FFFFFF;
    position: absolute;
    transform: rotate(-45deg);
    left: 9px;
    top: 2px;
    cursor: pointer !important;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

#login-close:after {
    content: '';
    height: 30px;
    border-left: 2px solid #FFFFFF;
    position: absolute;
    transform: rotate(45deg);
    left: 9px;
    top: 2px;
    cursor: pointer !important;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

#login-close:hover:before {
	border-left: 2px solid #CC0000;
	transform: rotate(-45deg) scale(1.2);
}

#login-close:hover:after {
	border-left: 2px solid #CC0000;
	transform: rotate(45deg) scale(1.2);
}

#username-guess {
	text-align: center !important;
	margin-top: 12px !important;
}

.new-pass-view {
	text-align: center !important;
}

#code-guess {
	text-align: center !important;
	margin-top: 12px !important;
	letter-spacing: 5px !important;
	font-size: 16px;
}

#login > div {
	display: table-cell !important;
	vertical-align: middle !important;	
	text-align: center !important;
}

#login img {
	display: block !important;
	margin: 5px auto 15px auto !important;
	width: 320px;
	height: auto;
}

#login img.login-icon {
	display: block !important;
	margin: 25px auto 0px auto !important;
	height: 85px;
	width: auto;
}

#login > div > div {
	margin: 0 auto !important;
	display: inline-block !important;
	width: 320px !important;
	overflow: hidden !important;
	text-align: center !important;
	padding: 35px;
	background-color: #444;
    border-bottom: solid #777777 15px;
    color: #FFFFFF;
}

#login label {
	color: #FFFFFF !important;
	display: block;
	width: 100%;
	text-align: left !important;
	padding-top: 15px !important;
} 

#login input {
	color: #FFFFFF !important;
	background-color: #444444 !important;
	border-bottom: solid 1px #FFFFFF !important;
	margin: 0px 0px 1px 0px;
}

#login input:-webkit-autofill,
#login input:-webkit-autofill:hover,
#login input:-webkit-autofill:focus,
#login input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #444444 inset !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

.pass-view, .new-pass-view {
	background-image: url('/img/pass-view-off.svg');
	background-repeat: no-repeat;
	background-position: right 5px top 17px;
	background-size: 23px 23px;
	cursor: pointer;
}	

.pass-view.view, .new-pass-view.view {
	background-image: url('/img/pass-view-on.svg');
	background-repeat: no-repeat;
	background-position: right 5px top 17px;
	background-size: 23px 23px;
	cursor: pointer;
}

#change-pass {
	position: absolute !important;
	top: 50% !important;
	right: 0px !important;
	margin: -5px 0px 0px 0px !important;
	-webkit-transform:translateY(-50%) !important;
	transform:translateY(-50%) !important;
}

#login input[type="button"] {
	width: 100% !important;
	margin-top: 10px !important;
	background-color: #23A9F1 !important;
    background-color: var(--blue2) !important;
	color: #FFFFFF !important;
	border: none!important;
	cursor: pointer;
	margin: 30px 0px 5px 0px !important;
	height: 36px !important;
	line-height: 36px !important;
	-webkit-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
}

#login input[type="button"]:hover, #login input[type="button"]:active, #login input[type="button"]:focus {
	filter:brightness(110%);
	cursor: pointer;
}	

#login input[type="button"] + .error {
	margin-top: 15px !important;
}

#backdrop {
	position:fixed;
	display: table !important;
	z-index:999999;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background-color:rgba(0, 0, 0, 1);
}

.sub-cmd {
	color: #FFFFFF !important;
	padding: 20px 0px 0px 0px;
	cursor: pointer;
}

#open-forgot:hover, #close-forgot:hover {
	filter:brightness(110%);
	cursor: pointer;
}

#orders {
	padding: 30px 0px 0px 0px;
}

#orders .tip {
    margin: 0px 0px 15px 0px !important;
}

#order-confirmation .tip {
    margin: 5px 0px 25px 0px !important;
}

#order-confirmation .page-instruction + .page-instruction {
    padding: 0px 0px 0px 0px !important;
}

#order-confirmation .link {
    margin: 10px 0px 3px 0px !important;
}

#order-confirmation .content-item {
	margin: 0px 0px 20px 0px !important;
}

form {
	margin:15px 0 0!important;
	height:inherit!important;
	width:100%!important;
	position:relative!important;
}

label {
	display:inline-block!important;
	position:relative;
	padding:0 5px!important;
	margin:0 0 0 -5px!important;
	width:auto;
	color: #888;
}

label.ok, .all {
	color:#333;
	color:var(--char);
}

.callout {
	position: relative;
	z-index:999998;
	border: solid #FFFFFF 5px;
}

.field {
	display:table;
	width:100%;
	table-layout:fixed!important;
	padding:0 0 25px;
	position:relative;
}

.field label.overlay {
	position: absolute; 
	width: 400px;
	left: 0px;
}

.field.consec {
	display:table;
	width:100%;
	table-layout:fixed!important;
	padding:0 0 10px;
}

.field > div {
	display:table-cell;
	width:50%;
	padding:0 5px;
	position:relative;
}

.field > div:first-of-type {
	padding:0 5px 0 0;
}

.field > div:last-of-type {
	padding:0 0 0 5px;
}

.field > div:only-of-type {
	width:100%;
	padding:0;
}

form > .submit {
	margin-top: 5px !important;
}

.labelcmd {
	display: inline-block;
	float: right;
	color: #888;
}

.labelcmd > span {
	color:#30a163;
	color:var(--green);
	border-right: solid #888 1px;
	padding-left: 8px;
	padding-right: 8px;
	cursor: pointer;
}	

.labelcmd > span:last-of-type {
	color:#30a163;
	color:var(--green);
	border-right: none;
	padding-right: 0px;
}

.select-box {
	position:relative;
}

.focus-tip {
	display: none;
	position: absolute;
	bottom: 100%; 
	width: 100%;
	padding: 9px 10px 10px 10px;
	box-sizing: border-box;
	margin-bottom: 0px;
	background-color: #333;
    background-color: var(--char);
	background-image: linear-gradient(#333, #444);
 	background: #333;
 	background: linear-gradient(#333, #444);
    color: #FFF;
    color: var(--white);
}

.select-box.focused .focus-tip {
	display: block;
}

.select-group {
	display:none;
	position:absolute;
	z-index: 9999999;
	background-color:#333;
	background-color:var(--char);
	color:#FFFFFF !important;
	color:var(--white) !important;
	width:auto;
	min-width:100%; 
	max-width:100%; 
	padding:0;
	max-height:300px;
	margin-top:-1px;
	overflow-y:auto;
	border:none !important;
}

.select-group.expanded {
	width:intrinsic !important;
	max-width:inherit; 
}

.suggest.select-group {
	margin-top:-1px;	
}		

.select-box::-webkit-scrollbar-thumb {
    background: #23A9F1; 
}

.select-box .option-box {
	cursor:pointer;
}

.select-box .suggest.option-box:not([readonly]) {
	cursor:default !important;
}

.select-box suggest.option-box:hover:not([readonly]) {
	cursor:default;
}

.suggest .option-box:hover {
	cursor:pointer;
	background-color:#029CEF;
	background-color:var(--blue);
	border-left:#029CEF solid 8px;
}

.select-group .option-box {
	padding:0 22px 0 12px;
	min-height:36px;
	line-height:36px;
	width:auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	white-space:nowrap!important;
	overflow:hidden!important;
	-o-text-overflow:ellipsis!important;
	text-overflow:ellipsis!important;
	border-left:#333 solid 8px;
	color:#FFFFFF !important;
	color:var(--white) !important;
}

.select-group > div:not(.option-box) {
	padding:0 22px 0 10px;
	min-height:36px;
	line-height:36px;
	width:auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	white-space:nowrap!important;
	overflow:hidden!important;
	-o-text-overflow:ellipsis!important;
	text-overflow:ellipsis!important;
	background-color:#555;
	background-color:var(--char2);
}

.select-box .option-box.hover {
	cursor:pointer;
	background-color:#029CEF;
	background-color:var(--blue);
	border-left:#029CEF solid 8px;
}

.select-box .option-box.selected, .suggest .option-box.selected {
	border-left:#029CEF solid 8px;
}

.select-box .option-box.active {
	display:inherit;
}

input,textarea,.select-box .option-box.active {
	font-size:15px;
	font-size:var(--standard-fs);
	font-family:Arial,sans-serif;
	font-family:var(--base-fs);
	background:#FFFFFF;
	color:#029CEF;
	color:var(--blue);
    font: normal 15px Arial,sans-serif;
	border:none;
	border-width: 0px;
	border-bottom:solid 1px #777;
	border-bottom:var(--border);
	-webkit-border-radius:0;
	border-radius:0;
	width:100%;
	resize:none;
	margin:0;
	-webkit-appearance:none!important;
	-webkit-tap-highlight:rgba(0,0,0,0);
	-webkit-tap-highlight:transparent;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	outline-width:0!important;
	outline:none!important;
}

input:-webkit-autofill, textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
	-webkit-text-fill-color:#029CEF;
	-webkit-text-fill-color:var(--blue) !important;
}

input,.select-box .option-box.active {
	padding:0 5px 0 0;
	height:32px;
	line-height:32px;
}

textarea {
	padding:10px 10px 10px 0;
	height:120px;
	font-family:Arial,sans-serif!important;
	font-family:var(--base-fn)!important;
	margin-bottom:0!important;
	display:block!important;
}

input[type=button],input[type=submit],input[type=reset] {
	background-color:#d1bdbd;
	background-color:var(--off);
	letter-spacing: 0.3px;
	font-weight: normal;
	color:#FFF;
	color:var(--white);
	border:none!important;
	display:inline-block;
	width:auto!important;
	min-width:140px!important;
	margin:0;
	padding:0;
	height:36px;
	line-height:36px;
	cursor:pointer!important;
	-webkit-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
}

input[type=button],input[type=submit],input[type=reset] {
	padding: 0px 15px;
	margin-right:15px;
	position: relative;
	z-index: 99990;
}

input.blue {
	background-color:#23A9F1;
	background-color:var(--blue2);
}

input.red {
	background-color:#BF353D;
	background-color:var(--red);
}

input.orange {
	background-color:#f49a0a;
	background-color:var(--orange);
}

input.green {
	background-color:#2dbe6f;
	background-color:var(--green2);
}

input.grey {
	background-color:#888;
	background-color:var(--grey2);
}

input.dark {
	background-color:#444;
}

input.black {
	background-color:#000000 !important;
	background-color:var(--black) !important;
}

input.candy {
	color: #FFFFFF;
	background-color:#d70f63;
	border: solid 1px #FFFFFF !important;
	line-height: 34px !important;
}

input.pinkish {
	color: #FFFFFF;
	background-color:#cd50a8;
}

input.lime {
	color: #FFFFFF;
	background-color:#2dbe6f;
	border: solid 1px #FFFFFF !important;
	line-height: 34px !important;
	filter:brightness(100%) !important;
}

input.trans {
	color: #FFFFFF;
	background-color:rgba(255, 255, 255, 0.10) !important;
	border: solid 1px #FFFFFF !important;
	line-height: 34px !important;
	filter:brightness(100%) !important;
}

input.trans:hover {
	color: #FFFFFF;
	background-color:rgba(255, 255, 255, 0.15) !important;
	border: solid 1px #FFFFFF !important;
	line-height: 34px !important;
}

#controls {
	position: absolute;	
	width: auto;
	height: 76px !important;
	text-align: right;
	top:50%;
	right:0px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

#controls input {
	width: auto !important;
	min-width: 10px !important;
	margin: 0px 0px 0px 0px !important;
}

input.icon {
	background-image: url(/img/icon_button_download.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 8px center;
	padding: 0px 18px 0px 40px;
}

input.icon.keys {
	background-image: url(/img/icon_button_keys.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 8px center;
	padding: 0px 18px 0px 40px;
}

input.icon.cards {
	background-image: url(/img/menu-cards.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 8px center;
	padding: 0px 18px 0px 40px;
}

input.icon.delete {
	background-image: url(/img/menu-delete.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 8px center;
	padding: 0px 18px 0px 40px;
}

input.icon.tick {
	background-image: url(/img/menu-tick.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 8px center;
	padding: 0px 18px 0px 40px;
}

input.icon.tick-square {
	background-image: url(/img/menu-tick-square.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 8px center;
	padding: 0px 18px 0px 40px;
}

input.icon.remote {
	background-image: url(/img/menu-remote.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 8px center;
	padding: 0px 18px 0px 40px;
}

input.icon.downloads {
	background-image: url(/img/menu-downloads.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 8px center;
	padding: 0px 18px 0px 40px;
}

input.icon.links {
	background-image: url(/img/menu-link.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 8px center;
	padding: 0px 18px 0px 40px;
}

input.icon.ask {
	background-image: url(/img/menu-ask.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 8px center;
	padding: 0px 18px 0px 40px;
}

input.icon.timer {
	background-image: url(/img/menu-timer.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 8px center;
	padding: 0px 18px 0px 40px;
}

#controls input.icon {
	background-color: transparent !important;
	background-image: url(/img/icon_button_download.svg);
	background-repeat: no-repeat;
	background-size: 30px auto;
	background-position: center center;
	margin-top: 2px !important;
	padding: 0px !important;
	height: 76px !important;
	width: 100px !important;
}

input.icon.login {
	background-image: url(/img/menu-login.svg) !important;
}

input.icon.cart {
	background-image: url(/img/menu-cart.svg) !important;
}

.tick-list { 
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

.tick-list li { 
	list-style: none;
	background-image: url("/img/menu-tick-square-pass.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 28px;
	background-position: left center;
	padding: 2px 0px 2px 34px;
	height: 32px;
	line-height: 32px;
}

.tick-list.bookmark li { 
	list-style: none;
	background-image: url("/img/menu-bookmark.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 28px;
	background-position: left center;
	padding: 0px 0px 0px 34px;
	height: 32px;
	line-height: 32px;
	color: #969696;
}

.key-features {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}

.key-features img {
	margin: 10px 0px;
}

.key-features > div {
	display: table-cell;
	vertical-align: top;
}

.key-features.grouping > div:last-of-type {
	width: 20%;
	padding: 25px 0px 0px 65px;
	text-align: right;
}

.key-features.grouping2 > div:last-of-type {
	width: 20%;
	padding: 5px 0px 0px 65px;
	text-align: right;
}

.key-features ul {
	list-style: none !important;
	padding: 0px 0px 11px 0px !important;
	margin: 0px !important;
}

.key-features li {
	list-style: none;
	background-image: url("/img/dot_blue.svg");
	background-repeat: no-repeat;
	background-position: left 3px top 8px;
	background-size: 18px; 
	padding: 5px 0px 5px 34px;
}

.quick-facts {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.quick-facts > div {
	display: table-cell;
	vertical-align: top;
}

.quick-facts > div:last-of-type {
	width: 10%;
	padding-left: 20px;
}

.quick-facts .key-features {
	margin: 15px 0px 0px 0px !important;
}

.picfloat {
	float: right; 
	height: 150px; 
	width: auto; 
	margin: 5px 0px 35px 35px;	
}

.trainer {
	float: right;
	margin: 25px 0px 0px 50px;
}

.login-wrapper {
	display: inline-block;
	position: relative;
	z-index:9999!important;
}

.login-wrapper:hover {
	background-color:#2dbe6f !important;
	background-color:var(--green2) !important;
}

.login-wrapper:hover:after {
	content: 'Login';
	font-size: 0.9em;
	position: absolute;
	bottom:5px;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	z-index: 999;
	color: #FFFFFF;
}

input.icon.logout {
	background-image: url(/img/menu-logout.svg) !important;
}

.logout-wrapper {
	display: inline-block;
	position: relative;
}

.logout-wrapper:hover {
	background-color:#BF353D !important;
	background-color:var(--red) !important;
}

.logout-wrapper:hover:after {
	content: 'Logout';
	font-size: 0.9em;
	position: absolute;
	bottom:5px;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	z-index: 999;
	color: #FFFFFF;
}

input.icon.support {
	background-image: url(/img/menu-support.svg) !important;
}

.support-wrapper {
	display: inline-block;
	position: relative;
}

.support-wrapper:hover {
	background-color:#d70f63 !important;
}

.support-wrapper:hover:after {
	content: 'Support';
	font-size: 0.9em;
	position: absolute;
	bottom:5px;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	z-index: 999;
	color: #FFFFFF;
}

input.icon.account {
	background-image: url(/img/menu-account.svg) !important;
}

.account-wrapper {
	display: inline-block;
	position: relative;
}

.account-wrapper:hover {
	background-color:#2dbe6f !important;
	background-color:var(--green2) !important;
}

.account-wrapper:hover:after {
	content: 'Account';
	font-size: 0.9em;
	position: absolute;
	bottom:5px;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	z-index: 999;
	color: #FFFFFF;
}

.cart-wrapper {
	display: inline-block;
	position: relative;
}

.cart-wrapper:hover {
	background-color:#f49a0a !important;
	background-color:var(--orange) !important;
}

.cart-wrapper:hover input.icon.cart {
	background-image: url(/img/menu-cart-hover.svg) !important;
}

.cart-wrapper > div {
	display: none;
}	

.cart-wrapper:hover > div {
	display: block;
	font-size: 0.9em;
	position: absolute;
	bottom:5px;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	z-index: 999;
	color: #FFFFFF;
}

input.icon.main {
	background-image: url(/img/menu-main.svg) !important;
}

.main-wrapper {
	display: inline-block;
	position: relative;
}

.main-wrapper:hover, #header.drop .main-wrapper {
	background-color:#23A9F1 !important;
}

.main-wrapper:hover:after {
	content: 'Menu';
	font-size: 0.9em;
	position: absolute;
	bottom:5px;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	z-index: 999;
	color: #FFFFFF;
}

input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:active,input[type=submit]:active,input[type=reset]:active {
	filter:brightness(110%);
}

.input:disabled, input[disabled], input:hover:disabled, input[disabled]:hover, input[disabled]:active {
	opacity: 0.5 !important;
	color: #FFF !important;
	color: var(--white) !important;
	cursor: not-allowed !important;
	font-weight: normal !important;
}

.disabled {
	opacity: 0.5 !important;
}

input[type=button]:disabled, input[type=button]:hover:disabled, input[type=button]:active  {
  background-color: #d1bdbd !important;
  background-color: var(--off) !important;
  cursor: not-allowed !important;
  font-weight: normal !important;
}

input[type=button].back {
	background-color:rgba(153,153,153,0.9);
}

input[type=button].back:hover, input[type=button].back:active {
	background-color:rgba(153,153,153,1);
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}

#consume { display: none !important; }

#cart, .cart {
	display: table;
	width: 100% !important;
	position: relative !important;
	height: auto;
}

#cart > div, .cart > div {
	display: table-row;
	position: relative !important;
}

#cart > div > div, .cart > div > div {
	display: table-cell;
	text-align: left;
	position: relative !important; 
	height: 38px !important;
	line-height: 38px !important;
	vertical-align: middle !important;
}

#cart input, .cart input {
	overflow: hidden;
	text-overflow: ellipsis;
}

#cart .head .qty, .cart .head .qty {
	width: 140px !important;
	border-bottom:solid 1px #777 !important;
	border-bottom:var(--border) !important;
	padding: 0px 0px 0px 15px !important;
}

#cart .qty {
	width: 140px !important;
	padding: 0px 0px 0px 0px !important;
	border-bottom: solid 1px #777 !important;
    border-bottom: var(--border) !important;
}

.cart .qty {
	width: 140px !important;
	padding: 0px 0px 0px 15px !important;
	border-bottom: solid 1px #777 !important;
    border-bottom: var(--border) !important;
}

#cart .description, .cart .description {
	border-bottom: solid 1px #777 !important;
    border-bottom: var(--border) !important;
}

#cart .head .description, .cart .head .description {
	border-bottom: none !important;
}

#cart > div > div > div > div input, .cart > div > div > div > div input {
	padding-left: 15px !important;
}

#cart input.active, .cart input.active {
	border-bottom: none !important;
}

#cart .description input.active, .cart .description input.active {
	padding-left: 0px !important;
}

#cart .each, .cart .each {
	width: 100px !important;
	white-space: nowrap !important;
	padding-right: 30px !important;
	padding-left: 15px !important;
	border-bottom:solid 1px #777 !important;
	border-bottom:var(--border) !important;
	text-align: right;
}

#cart .total, .cart .total {
	width: 70px !important;
	white-space: nowrap !important;
	padding-right: 15px !important;
	border-bottom:solid 1px #777 !important;
	border-bottom:var(--border) !important;
	position: relative;
	text-align: right;
}

.del-item { 
	cursor:pointer!important;
	position:absolute;
	top:10px;
	right:-30px;
	width: 20px !important;
	height: 20px !important;
	z-index: 99999;
}

.calculating .del-item { 
	display: none !important;
}	

.del-item:before {
    content: '';
    height: 15px;
    border-left: 1.3px solid #b2b1b1;
    position: absolute;
    transform: rotate(-45deg);
    left: 9px;
    top: 2px;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

.del-item:after {
    content: '';
    height: 15px;
    border-left: 1.3px solid #b2b1b1;
    position: absolute;
    transform: rotate(45deg);
    left: 9px;
    top: 2px;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

.del-item:hover:before {
	border-left: 2px solid #CC0000;
	transform: rotate(-45deg) scale(1.2);
}

.del-item:hover:after {
	border-left: 2px solid #CC0000;
	transform: rotate(45deg) scale(1.2);
}

#add-item { 
	position: absolute;
	top: 15px;
	left: 0px;
}

#add-sb { display: none !important; }

.totals > div:nth-of-type(3) { text-align: right !important; padding: 0px 30px 0px 0px; border-bottom:solid 1px #777; border-bottom:var(--border); }

.totals > div:nth-of-type(4) { text-align: right !important; padding: 0px 15px 0px 0px; border-bottom:solid 1px #777; border-bottom:var(--border); }

.account-set {
	height: 38px;
	line-height: 38px;
	border-bottom: solid 1px #777 !important;
    border-bottom: var(--border) !important;
    cursor: pointer;
}

.account-set-data {
	padding: 17px 0px 0px 0px;
}

.account-set-data-head {
	height: 38px;
	line-height: 38px;
	padding-left: 15px;
	background-color: #eeeeee;
}

.account-set-data-table {
	display: table;	
}	

.account-set-data-table > div {
	display: table-row;	
}	

.account-set-data-table > div > div {
	line-height: 24px;
	display: table-cell;	
	padding: 20px 20px 0px 15px;
}	

.account-set-data-table > div > div:nth-of-type(1) {
	white-space: nowrap !important;
	min-width: 140px;
}	

.account-set-data-table > div:first-of-type > div {
	padding-top: 25px;
}	

.account-set-data-table > div:last-of-type > div {
	padding-bottom: 25px;
}	

.sorting-tools {
	position: absolute;
	right: 10px;
	top: 20px;
}

.sorting-tools img {
	height: 22px !important;
	width: 22px !important;
	margin: 0px 0px 0px 20px;
	cursor: pointer;
}

.sorting-tools img.sort {
	height: 22px !important;
	width: 22px !important;
	margin: 0px 0px 0px 15px;
	cursor: pointer;
}

#checkout { 
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-top: 32px;
}

#checkout > div { 
	display: table-row;	
}

#checkout > div > div { 
	display: table-cell;	
}

#payment {
	margin-top: 32px;
	position: relative;
}

#pay-methods {
	position: absolute;
	top: 0px;
	right: 0px;
}

#pay-methods img {
	height: 35px;
}

#payment .field > div:first-of-type {
	width: 125px;
}

.options > div { display: inline-block; padding: 0px 1px 0px 0px; }

.options input {
	min-width:100px!important;
	margin:12px 0px 0px 0px;
	padding:0 38px;
	height:36px;
	line-height:36px;
}

.options input.on {
	background-color: #029CEF;
	color: #FFF !important; 
}

.options { display: table; margin: 0px 0px 0px 0px;  }

.tabs.options { 
	display: block; 
	margin: 15px 0px 25px 0px !important; 
	width: 100%; 
	position: relative;
}

.vertical-group { 
	display: table;	
	width: 100%;
}

.vertical-group > div { 
	display: table-cell;	
	width: 100%;
	vertical-align: top;
}

.vertical-group .tabs.options.verticals { 
	display: block; 
	margin: 15px 15px 25px 0px !important; 
	width: 100%; 
	position: relative;
}

.tabs.options input { 
	border: solid 1px #CCC !important;
	background-color: #FFF;
	color: #777 !important; 
	text-transform: none !important; 
	font-size: 15px;
	border-bottom: none !important;
	position: relative;
	z-index: 997;	
	height:38px;
	line-height:38px;
}

.vertical-group .tabs.options.verticals input { 
	border: none !important;
	border-right: solid 1px #CCC !important;
	background-color: #FFF;
	color: #777 !important; 
	text-transform: none !important; 
	font-size: 15px;
	border-bottom: none !important;
	position: relative;
	z-index: 997;	
	height:38px;
	line-height:38px;
	width: 150px !important;
	text-align: left;
	margin: 12px 0px 0px 0px;
    padding: 0px 0px;
}

.tabs.options input:hover { 
	border: solid 1px #CCC !important;
	background-color: #FFF !important;
	color: #029CEF !important;
	border-bottom: none !important;
	position: relative;
	z-index: 997;	
}

.tabs.options input.on { 
	border: solid 1px #777 !important;
	background-color: #FFF;
	color: #333 !important;
    color: var(--char) !important;
	border-bottom: none !important; 
	font-weight: normal;
	z-index: 999;	
}

.tabs.options input:disabled { 
	border: solid 1px #CCC !important;
	background-color: #FFF !important;
	color: #999 !important;
	border-bottom: none !important;
	position: relative;
	z-index: 997;	
}

.switch {
	width: 100%;
	height: 36px;
	background-color: #dddddd;
	position: relative;
	overflow: hidden !important;
}

.switch div {
	width: 50%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	position: absolute;
	color: #FFFFFF;
	color: var(--white);
	-webkit-user-select: none;    
	-moz-user-select: none;
	-ms-user-select: none; 
	user-select: none; 
	
}

.switch.multi div.toggle {
	width: 33.33% !important;
}

.switch.multi div:nth-of-type(2) {
	width: 33%;
	cursor: pointer;
	z-index: 99992;
	left: 0px;
}

.switch.multi div:nth-of-type(3) {
	width: 33%;
	cursor: pointer;
	z-index: 99992;
	left: 33%;
}

.switch.multi div:nth-of-type(4) {
	width: 33%;
	cursor: pointer;
	z-index: 99992;
	right: 0px;
}

.switch span {
	font-size: 10px;	
}	

.switch div.toggle {
	left: 0px;
	margin-left: 0px;
	background-color: #029CEF;
	background-color: var(--blue);
	z-index: 99991;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	transition: all 600ms ease;
}

.switch div.toggle.green {
	background-color: #47ae5b;
}

.switch div.toggle.on {
	left: 0px !important;
	margin-left: 50% !important;
}

.switch.multi div.toggle.one {
	left: 0px !important;
}

.switch.multi div.toggle.two {
	left: 33% !important;
}

.switch.multi div.toggle.three {
	left: 68% !important;
}

.switch div.off {
	cursor: pointer;
	z-index: 99992;
	left: 0px;
}

.switch div.on {
	cursor: pointer;
	z-index: 99992;
	right: 0px;
}

.switch-data {
	margin-top: 20px;
	display: none;
	border-top: solid 1px #777;
    border-top: var(--border);
}

.switch-data.activated {
	margin-top: 20px;
	display: block;
	border-top: solid 1px #777;
    border-top: var(--border);
}

.switch-data div:first-of-type {
	padding: 20px 15px 0px 15px;
}

.switch-data input {
	border-bottom: solid 1px #FFFFFF;
	text-align: center;
	margin-top: 10px;
}

.download-table {
	display: table;
	width: 100% !important;
	max-width: 100% !important;
}

.download-table > div {
	display: table-row;
}

.download-table-header > div {
	background-color: #555555;
	color: #FFFFFF;
	height: 36px !important;
	line-height: 36px !important;
}

.download-table > div > div {
	display: table-cell;
	padding: 0px 0px 0px 10px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: left;
	width: 25%;
}

.download-table > div:nth-of-type(2) > div {
	padding-top: 10px;
}	

.download-table > div:last-of-type > div {
	padding-bottom: 10px;
}

.download-table > div > div:last-of-type {
	text-align: right;
	width: 100px;
}

.download-table > div > div:last-of-type input {
	margin: 0px !important;
}

.step .switch {
	margin: 15px 0px 20px 0px;
	width: 100%;
	max-width: 400px;
}

.step .switch.multi {
	width: 100%;
	max-width: 600px;
}

.step .switch-data {
	margin: 32px 0px 20px 0px;
	display: none;
	border-top: none;
	padding: 5px 0px 5px 20px;
	border-left: solid 5px #029CEF;
}

#terms .switch-data {
	margin: 15px 0px 20px 0px;
	display: none;
	border-top: none;
	padding: 5px 0px 5px 0px;
	border-left: none;
}

#terms .switch-data input {
	text-align: center;
}

.step .switch-data div:first-of-type {
	padding: 0px 0px 0px 0px;
}

#custom-email .field > div:first-of-type {
    padding: 0 5px 0 0;
}

.step .switch-data > div {
	padding: 20px 0px 0px 0px;
}	

.step .switch-data input {
	border-bottom: solid 1px #777;
    border-bottom: var(--border);
	text-align: left;
	margin-top: 0px;
}

.step .switch-data .content-item {
	margin: 10px 0px 10px 0px;
}

.compare {
	display: table;
	width: 100%;
	margin: -20px 0px 35px 0px;
}

.compare > div {
	display: table-row;
}

.compare > div > div {
	display: table-cell;
	vertical-align: top;
	text-align: center;
	padding: 15px 0px;
	border-bottom: solid 1px #E1E1E1;
	
}

.compare > div:first-of-type > div {
	border-bottom:solid 1px #777;
	border-bottom:var(--border);
}

.compare > div:last-of-type > div {
	border-bottom:none;
}

.compare > div > div:first-of-type {
	text-align: left !important;
	width: 50%;
}

.compare > div > div:first-of-type > span {
	text-align: left !important;
	color: #777;
	display: block;
	width: 70%;
}

.aud:after {
    content: ' AUD';
}

.calculating:after {
    content: '';
}

#pricing { 
	position: relative !important;
}

.prices {
	display: table; 
	table-layout: fixed;
	width: 100%;
	margin-bottom: 20px;
}

.prices > div {
	display: table-row; 
}

.prices > div > div {
	display: table-cell; 
	text-align: center; 
	vertical-align: top; 
}

.prices > div > div:nth-of-type(even) {
	width: 20px;
}

.prices .ph {
	color: #FFFFFF;
	color:var(--white);
	background-color: #444;
	background-color: var(--grey);
	padding: 0px;
	height: 36px !important;
	line-height: 38px !important;
}

.prices div.ph.blue.bg.light { background-color: #23A9F1; }
.prices div.ph.blue.bg.medium { background-color: #0581c3; }
.prices div.ph.blue.bg.dark { background-color: #0575b0; }

.prices div.pc.blue.bx.light { border: solid 1px #23A9F1; border-top: none !important; background-color: #FFFFFF !important; }
.prices div.pc.blue.bx.medium { border: solid 1px #0581c3; border-top: none !important; background-color: #FFFFFF !important; }
.prices div.pc.blue.bx.dark { border: solid 1px #0575b0; border-top: none !important; background-color: #FFFFFF !important; }

.prices .pc {
	padding: 15px;	
	position: relative;
}	

.show-tax {
	position: absolute; 
	width: 200px;
	top: -7px;
	right: 0px;
}

.price {
	font-size:20px!important;
	font-size:var(--xlarge-fs)!important;
	height: 30px;
	line-height: 30px;
	position: relative;
}

.prices .per {
	color: #777777;
	height: 32px;
    line-height: 32px;
}

.prices .volume .cal .active { text-align: center !important; }
.prices .volume .cal .focused .active { border-bottom: 1px solid #FFFFFF !important; }
.prices .volume .cal .select-group .option-box { text-align: left !important; }

.prices .blurb {
	border-bottom: solid 1px #777;
	border-bottom: var(--border);
	text-align: center;
}

.prices .blurb.single {
	border-bottom: solid 1px #777;
	border-bottom: var(--border);
	text-align: center;
	padding-bottom: 15px !important;
}

.prices .blurb > div {
	width: 100%;
	margin: 0 auto;
	padding: 15px 18px 0px 18px;
	box-sizing: border-box;
}	

.prices .blurb > div:nth-of-type(2) {
	width: auto;
	display: inline-block;
	padding: 0px 18px 3px 18px;
	margin: 0 auto;
	text-align: left;
}

.prices .blurb ul {
	position: relative;
	display: inline-block;
    list-style-type: none;
    padding: 0px !important;
    margin-block-start: 0px !important;
    margin-block-end: 0px !important;
    margin: 5px 0px 10px 0px !important;
    left: 50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}

.prices .blurb ul li {
    margin: 5px 0px;
}

.prices .blurb ul > li::before {   
    content: '';   
    display: inline-block;   
    height: 18px;   
    width: 18px;    
    background-size: 18px;   
    background-image: url('/img/dot_blue.svg'); 
    background-repeat: no-repeat;   
    margin-right: 10px;
    background-position: center center;
    vertical-align: middle;
}

.prices .blurb ul > li.light::before {   
    content: '';   
    background-image: url('/img/dot_blue_light.svg'); 
}

.prices .blurb ul > li.medium::before {   
    content: '';   
    background-image: url('/img/dot_blue_medium.svg'); 
}

.prices .blurb ul > li.dark::before {   
    content: '';   
    background-image: url('/img/dot_blue_dark.svg'); 
}

.prices .blurb ul > li.empty::before {   
    content: '';   
    display: inline-block;   
    height: 18px;   
    width: 18px;    
    background-size: 18px;   
    background-image: none !important; 
    margin-right: 10px;
    background-position: center center;
    vertical-align: middle;
}

.prices .addon {
	border-bottom: solid 1px #777;
	border-bottom: var(--border);
	text-align: center;
	color: #777777;
	padding: 15px 10px 18px 10px;
}

.prices .addon > div:nth-of-type(1) {
	color:#333333;
	padding: 0px 0px 3px 0px;
}

.prices .addon .switch {
	margin-top: 12px;
}

.prices input.orange { 
	width: 100% !important; 
	margin-top: 18px;
}

.hide { 
	display: none !important;
}

.ruler {
	position: absolute; 
	bottom: 0px; 
	padding: 0px !important;
	border-bottom:solid 1px #777;
	border-bottom:var(--border);
	width: 100%; 
	z-index: 998;
}

.verticals .ruler {
	display: none !important;
}

.symbol {
	position: absolute;
	top: -5px;
	right: 8px;
	height: 24px;
	width: auto;
	display:none;
	opacity:0;
	-webkit-transition:opacity 200ms linear;
	transition:opacity 200ms linear;
}

.inbar {
	padding: 15px 0px 0px 0px;
	color:#888;
	display:none;
	opacity:0;
	-webkit-transition:opacity 200ms linear;
	transition:opacity 200ms linear;
}

.inbar span {
	color: #029CEF;
	color: var(--blue);
	cursor: pointer;
}

.inbar span:hover {
	text-decoration: underline;
}

#spw, #snp, #gen {
	color: #029CEF;
	color: var(--blue);
	cursor: pointer;
	float: right;
	margin-left: 10px;
}

#spw:hover, #snp:hover, #gen:hover {
	text-decoration: underline;
}

#paypal img {
	height: 32px;
	width: auto;
	position: absolute;
	top: 0px;
	right: 10px;
} 

#bank img {
	height: 40px;
	width: 84.75px;
	position: absolute;
	top: 0px;
	right: 10px;
} 

#advanced { margin: 15px 0px 0px 0px; }

.alert {
	width:150px;
	height:150px;
	-webkit-border-radius:90px;
	border-radius:90px;
	font-size:110px;
	color:#FFF;
	margin:0 auto!important;
	position:relative!important;
	line-height:150px;
	text-align:center;
	color:#FFF;
	color:var(--white);
	background-color: #B51156;
	background-color: var(--warn);
	-webkit-animation:pulse 2s infinite;
	animation:pulse 2s infinite;
}

.error {
	position: relative; 
	display: block;
	z-index: 99999;
	margin-top: -1px; 
	right: 5px;
	left: 0px;
	padding: 0px 6px; 
	height: 0px;
	background-color: #B51156;
	background-color: var(--warn);
	color:#FFF;
	color:var(--white);
	font-size: 14px;
	font-size: var(--message-fs);
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
	-webkit-animation:error forwards 400ms, shake 0.82s cubic-bezier(.36,.07,.19,.97) 1s both 3 !important;
	animation:error forwards 400ms, shake 0.82s cubic-bezier(.36,.07,.19,.97) 1s both 3 !important;
	transform: translate3d(0, 0, 0) !important;
}

.inform {
	position: relative; 
	display: block;
	z-index: 99999;
	margin-top: -1px; 
	right: 5px;
	left: 0px;
	padding: 0px 6px; 
	height: 0px;
	background-color: #029CEF;
	background-color: var(--blue);
	color:#FFF;
	color:var(--white);
	font-size: 14px;
	font-size: var(--message-fs);
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
	-webkit-animation:error forwards 400ms;
	animation:error forwards 400ms;
	transform: translate3d(0, 0, 0) !important;
}

.message {
	position: relative; 
	display: block;
	z-index: 99999;
	margin-top: -1px; 
	right: 5px;
	left: 0px;
	padding: 0px 6px; 
	height: 0px;
	background-color: #00AF64;
	background-color: var(--pass);
	color:#FFF;
	color:var(--white);
	font-size: 14px;
	font-size: var(--message-fs);
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
	-webkit-animation:error forwards 400ms, shake 0.82s cubic-bezier(.36,.07,.19,.97) 1s both 3 !important;
	animation:error forwards 400ms, shake 0.82s cubic-bezier(.36,.07,.19,.97) 1s both 3 !important;
	transform: translate3d(0, 0, 0) !important;
}

.noshake {
	-webkit-animation:error forwards 400ms !important;
	animation:error forwards 400ms !important;
	transform: translate3d(0, 0, 0) !important;
}

.data-option > div > div {
	position: relative;
}

#new-card, #use-saved-card, #save-new-card {
	margin: 15px 0px 0px 0px;
}

#delete-saved-card {
	margin: 10px 0px 0px 0px;
}

.error a:link,.error a:visited,.error a:active, .inform a:link,.inform a:visited,.inform a:active, .message a:link,.message a:visited,.message a:active {
	color:#FFF!important;
	color:var(--white)!important;
	text-decoration: underline!important;
}

.convert {
	width:200px;
	margin:20px 0;
}

.savecard {
	width:200px;
	margin:25px 0 20px;
}

.accupdate {
	padding:0 0 5px;
}

.accupdate input {
	width:auto!important;
	min-width:100px;
	margin:0!important;
}

.pblip {
	padding:3px 6px!important;
	font-size:11px!important;
	margin-left:8px!important;
	white-space:nowrap;
}

.prel {
	position:relative;
}

.blwrap {
	display:block!important;
}

.acwrap {
	display:inline-block!important;
	white-space:nowrap!important;
	margin-right:6px!important;
}

.actbhd {
	position:relative!important;
}

.actbhd .pager {
	position:absolute!important;
	right:0!important;
	bottom:0!important;
	width:auto!important;
}

.actbhd .sort {
	position:absolute!important;
	right:0!important;
	top:0!important;
	width:auto!important;
}

.pag,.search {
	width:auto;
	margin:0;
}

.pag1 {
	display:inline;
	margin:0;
}

.pag2 {
	margin-top:10px;
}

.pagenote {
	width:100%;
	margin:15px 0;
}

.dashnote {
	position:relative;
	width:100%;
	margin:15px 0 18px;
	display:block;
	padding:5px 0 0 61px;
	background-image:url(/img/dash_user.png);
	background-repeat:no-repeat;
	-webkit-background-size:48px 44px;
	background-size:48px 44px;
	background-position:left top 1px;
	-webkit-box-sizing:border-box!important;
	box-sizing:border-box!important;
}

.dashid {
	position:absolute;
	right:0;
	top:5px;
	text-align:right;
}

.dashid .bt {
	color:#428add!important;
	cursor:pointer!important;
}

.dashid .bt:hover {
	color:#428add!important;
	text-decoration:underline!important;
}

.actbhd .sort .srt {
	display:inline-block!important;
	width:auto!important;
	margin:0 8px!important;
	padding:0 5px!important;
}

.actbhd .search input {
	display:inline-block!important;
	width:auto!important;
	margin:0 0 24px!important;
	padding:0 5px 0 0!important;
	width:35%!important;
}

.post textarea {
	border:none!important;
	padding:4px 0!important;
}

.post textarea,.post input {
	margin:0!important;
}

.post input[type="submit"] {
	width:90px;
	color:#FFF;
	background:#19AAF8;
	padding:0 5px!important;
	margin:0 12px 6px 0!important;
	border:none!important;
	height:26px;
	font-size:11px;
	font-weight:700;
	cursor:pointer;
	-webkit-transition:background-color 300ms ease-out;
	transition:background-color 300ms ease-out;
}

.post input[type="submit"]:hover {
	background:#0793df;
	padding:0 5px!important;
}

.post input[type="reset"] {
	width:90px;
	color:#FFF;
	background:#abaaaa;
	padding:0 5px!important;
	margin:0 12px 6px 0!important;
	border:none!important;
	height:26px;
	font-size:11px;
	font-weight:700;
	cursor:pointer;
	-webkit-transition:background-color 300ms ease-out;
	-o-transition:background-color 300ms ease-out;
	transition:background-color 300ms ease-out;
}

.post input[type="reset"]:hover {
	background:#999;
	padding:0 5px!important;
}

.newp {
	-webkit-animation:prvbb 2s 1 alternate;
	animation:prvbb 2s 1 alternate;
}

.bdc {
	position:relative!important;
	padding:8px 0 0!important;
	display:block!important;
	color: #029CEF !important;
	color: var(--blue) !important;
}

.bdc span:hover {
	cursor: pointer;
	text-decoration: underline;
}

.bdc .sep {
	padding:0 10px!important;
	color:#333!important;
	cursor: none !important;
	text-decoration: none !important;
}

.bdc .cap {
	padding:0 6px 0 10px!important;
	color:#333!important;
}

.bdc .bas {
	padding:0 10px 0 0!important;
}

.bdc .wgd {
	position:absolute;
	right:3.5px;
	top:0px;
	text-align:right;
}

.spg {
	padding:0 0 10px;
}

.block {
	display:block;
	width:100%;
	margin:18px 0;
	border-bottom:solid 1px #777;
	border-bottom:var(--border);
}

.block h2 {
	margin-bottom:5px!important;
}

.block > div {
	display:block;
	padding:35px 0;
}

.block:last-child,.incf {
	border-bottom:solid 1px #FFF!important;
}

.link {
	cursor: pointer;
}

.tip {
	display:none;
	opacity:0;
	-webkit-transition:opacity 200ms linear;
	transition:opacity 200ms linear;
	color:#FFF!important;
	color:var(--white)!important;
	padding:0px 15px 12px 15px;
	margin:15px 0 0;
	position:relative;
	z-index:999998; 
	background-color:#107ab2;
	background-color: var(--teal);
}

#alerts .tip, #contact-alerts, #contact-alerts .tip, #email-alerts .tip, #pay-alerts .tip {
	z-index:9999999 !important;
}

#securepay-form .select-group {
	z-index:999999999 !important;
}

.tip a:link,.tip a:visited,.tip a:active {
	color:#FFF!important;
	color:var(--white)!important;
	text-decoration: underline!important;
}

.tip input[type="button"] {
	margin: 10px 10px 3px 0px;
}

.help img {
	opacity: 0.6;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

.help img:hover {
	opacity: 1;
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

.help.open img {
	opacity: 0 !important;
	transform: scale(.5);
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

.tip div {
	padding:0;
}

.tip h3 {
	font-size:18px!important;
	padding:0px 0px 4px 0px!important;
	margin: 10px 0px 8px 0px !important;
	display: inline-block !important;
	border-bottom: solid 1px #FFF;
	font-weight: normal !important;
}

.tip .cls {
	cursor:pointer!important;
	position:absolute;
	top:10px;
	right:10px;
	width: 20px !important;
	height: 20px !important;
	z-index: 99999;
}

.tip .cls:before {
    content: '';
    height: 15px;
    border-left: 1.3px solid #fff;
    position: absolute;
    transform: rotate(-45deg);
    left: 9px;
    top: 2px;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

.tip .cls:after {
    content: '';
    height: 15px;
    border-left: 1.3px solid #fff;
    position: absolute;
    transform: rotate(45deg);
    left: 9px;
    top: 2px;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

.tip .cls:hover:before {
	border-left: 2px solid #fff;
	transform: rotate(-45deg) scale(1.2);
}

.tip .cls:hover:after {
	border-left: 2px solid #fff;
	transform: rotate(45deg) scale(1.2);
}

.opener {
	position: relative;
	display: block;
	width: 100%;
	height: 75px;
	padding: 0px;
	margin: 0px;
	border-top: solid 1px #CCC !important;
	cursor: pointer;
}

.opener > div  {
	position: relative;
	text-align: left;
	padding: 0px !important;
	position: absolute;
	top: 50%;
	left: 75px;
	color: #777777;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.opener > div > div:nth-of-type(1)  {
	color: #333333 !important;
}	

.opener.software {
	background-image: url('/img/software.svg');
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 50px 50px;
}

.opener.subscription {
	background-image: url('/img/subscription.svg');
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 50px 50px;
}

.opener.invoice {
	background-image: url('/img/invoice.svg');
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 50px 50px;
}

.opener.unpaid .status, .opener.overdue .status {
	background-color: #BF353D !important;
	color: #FFFFFF !important;
	padding: 0px 5px !important;
	margin-left: -5px !important;
	-webkit-animation: blink 1s infinite alternate;
	animation: blink 1s infinite alternate;
}


.opener:before {
    content: '';
    height: 15px;
    border-left: 1.3px solid #777777;
    position: absolute;
    right: 19px;
    top: 50%;
    -webkit-transform:translateY(-50%) rotate(-180deg);
	transform:translateY(-50%) rotate(-180deg);
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

.opener:after {
    content: '';
    height: 15px;
    border-left: 1.3px solid #777777;
    position: absolute;
    right: 19px;
    top: 50%;
    -webkit-transform:translateY(-50%) rotate(90deg);
	transform:translateY(-50%) rotate(90deg);
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

.opener.open {
	background-color: #fafafa;
}

.opener.open:before {
	display: none;
}
	
.opener + .details {
	opacity: 0;
	display: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 25px 0px;
	position: relative;
}

.details .buttons {
	position: absolute;
	right: 0px !important;
	top: 75px !important;
	margin: 0px !important;
}

.details .buttons input {
	margin: 0px 0px 0px 15px !important;
	display: inline-block;
}

.summary-address {
	display: table;
	margin: 25px 0px 0px 0px;
	border-left: 1px solid #555555;
}

.summary-address > div {
	display: table-cell;
	padding: 10px 20px 10px 20px;
	vertical-align: top !important;
}

.summary-address > div:nth-of-type(2) {
	padding: 10px 20px 10px 35px;
}

.event {
	position: relative;
	display: table;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0px;
}

.event > div {
	display: table-row;
}

.event > div > div {
	position: relative;
	display: table-cell;
	vertical-align: top;
	border-top: solid 1px #CCC !important;
	padding: 0px !important;
}

.event > div > div:first-of-type {
	width: auto;
	white-space: nowrap !important;
	padding-right: 5px !important;
	color: #30a163 !important;
}

.tip.noclose .cls {
	display: none !important;
}

.tip.pass, input.pass {
	background-color: #00AF64;
	background-color: var(--pass);
}

.tip.act, input.act {
	background-color: #23A9F1;
    background-color: var(--blue2);
}

.tip.info, input.info {
	background-color: #999999;
	background-color: var(--info);
}

.tip.ready, input.ready {
	background-color: #0494e2;
}

.tip.black, input.black {
	background-color: #000000;
	background-color: var(--black);
}

.tip.notice, input.notice {
	background-color: #f49a0a;
	background-color: var(--orange);
}

.tip.reminder, input.reminder {
	background-color: #df1dbf;
	background-color: var(--pink);
}

.tip.warn, input.warn {
	background-color: #B51156;
	background-color: var(--warn);
}

.tip.warn.shake, .tip.pass.shake, .tip.notice.shake {
	-webkit-animation:shake 0.82s cubic-bezier(.36,.07,.19,.97) 1s both 3 !important;
	animation:shake 0.82s cubic-bezier(.36,.07,.19,.97) 1s both 3 !important;
	transform: translate3d(0, 0, 0) !important;
}

.tip.vis {
	display: block !important;
	opacity: 1 !important;
}

.tip.float {
	width: 80%;
	max-width: 1024px !important;
	margin: 0 auto;
}

.dnone {
	display:none;
}

.dnoni {
	display:none!important;
}

.visdn {
	-webkit-animation:fade reverse forwards 600ms;
	animation:fade reverse forwards 600ms;
}

.visup {
	-webkit-animation:fade forwards 600ms;
	animation:fade forwards 600ms;
}

@-moz-keyframes wavespin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes wavespin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes wavespin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

#bb2019newrelease {
	width: 100%;
	background-color: #000000;
	height: 380px;
	position: relative;
	overflow: hidden !important;
}

#bb2019newrelease #waveform {
	position: absolute;
	bottom: 0px !important;
	width: 100% !important;
}

#bb2019newrelease #wavebox {
	position: relative;
	display: table;
	width: 500px;
	color: #FFFFFF;
	margin: 0 auto;
}

#bb2019newrelease #wavebox > div {
	display: table-row;
}	

#bb2019newrelease #wavebox > div > div {
	display: table-cell;
	position: relative;
	height: 380px;
	text-align: center;
	color: #FFFFFF;
	vertical-align: middle !important;
	text-align: center !important;
	line-height: 38px;
}	

#bb2019newrelease #wavebox img {
	position: absolute !important;
	top:42px;
	left:-350px;
	height: 300px;
	-webkit-animation:wavespin 600s linear infinite;
    -moz-animation:wavespin 600s linear infinite;
    animation:wavespin 600s linear infinite;
}		

#bb2019newrelease #wavebox h2 {
	font-weight: bold !important;
	font-size: 36px !important;
}

#bb2019newrelease #wavebox input {
	margin: 10px 0px 20px 0px !important;
}

.new-feature {
	background-color: #30a163 !important; 
	color: #FFFFFF !important; 
	display: inline-block !important; 
	width: auto !important; 
	padding: 0px 8px !important;
}

@media all and (min-width: 1024px) and (max-width: 1400px) { 
	
	#home-about > div > div {
		vertical-align: top;
		padding: 40px 35px 0px 35px;
	    background-size: auto 300px;
	    background-position: right 130px bottom -2px;
	}
	
	#home-about .bluebeam-life-screen {
		position: absolute;
		bottom: -15px;
		right: -100px;
	}
	
}

@media all and (min-width: 768px) and (max-width: 1024px) { 
	
	.already-reg {
		float: none;
	}
	
	#header > div {
		width: 100%;
	}
	
	#logo {
	    position: relative;
	    height: 52px !important;
	    text-align: center !important;
	    top: 0px;
	    left: 0px;
	    cursor: pointer;
	}
	
	#logo img {
		position: absolute;
		height: 32px;
		bottom: -1px;	
		left:25px;
	}
	
	#shards {
	    height: 530px;
	}
	
	#shard1 {
		width: 660px;
		top: -400px;
		margin-left: -550px;
	}
	
	#shard2 {
		width: 750px;
		bottom: -400px;
		margin-left: -805px;
		-webkit-transform:rotate(15deg);
		transform:rotate(15deg);
	}
	
	#shard3 {
		width: 720px;
		right: 45%;
		margin-right: -860px;
		top:20px;
	}
	
	#shard4 {
		display: none !important;
	}
	
	#phone-mindsystems {
		position: absolute;
		height: 85px;
		width: auto;
		top: 25px;
		left: 50%;
		-webkit-transition: 500ms 100ms linear all;
		transition: 500ms 100ms linear all;
		margin-left: -5px;
		z-index: 1000;
		cursor: pointer;
		border: none !important;
	}
	
	#email-mindsystems {
		position: absolute;
		height: 40px;
		width: auto;
		top: 120px;
		left: 50%;
		-webkit-transition: 500ms 100ms linear all;
		transition: 500ms 100ms linear all;
		margin-left: 60px;
		z-index: 1000;
		cursor: pointer;
		border: none !important;
	}
	
	#shards > div:nth-of-type(1) {
		position: absolute;
		top: 190px;
		left:50%;
		-webkit-transform:translateX(-83%);
		transform:translateX(-83%);
		margin-left: 0px;
		overflow: visible !important;
		white-space: nowrap !important;
		width: 200px;
	}	
	
	#shards > div:nth-of-type(2) {
		top: 270px;
		left:50%;
		-webkit-transform:translateX(-81%);
		transform:translateX(-81%);
		margin-left: 0px;
		padding: 0px !important;
		width: 200px;
	}
	
	#shards > div:nth-of-type(3) {
		top: 270px;
		left:50%;
		-webkit-transform:translateX(8%);
		transform:translateX(8%);
		width: 200px;
		margin-right: 0px !important;
		padding: 0px !important;
	}	
	
	#shards h1 {
		font-size: 28px !important;
	}	
	
	#shards h2 {
		font-size: 22px !important;
		margin: 8px 0px 0px 1px !important;
	}	
	
	#shards h3 {
		padding: 0px 12px;
		margin: 0px 20px 20px 0px !important;
		height: 36px;
		line-height: 36px;
		font-size: 18px !important;
		border-left: solid 10px #e148b3 !important;
	}
	
	#shards h3:hover {
		background-color: #e148b3 !important;
		color: #FFFFFF !important;
		border-left: solid 10px #000000 !important;
	}
	
	#home-about h2 {
		font-size: 26px !important;
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 20px 0px;
	}	
	
	#home-about > div {
		width: 100%;
	    max-width: 1024px;
	    height: 380px;
	    margin: 0 auto;
	}
	
	#home-about > div > div {
		vertical-align: top;
		padding: 40px 35px 0px 35px;
	    background-size: auto 300px;
	    background-position: right 100px bottom -2px;
	}
	
	#home-about > div > div > div {
		font-size:16px;
		line-height:24px;
		line-height:var(--line);
		width: 450px;
	}	
	
	#home-about input {
		margin: 25px 0px 0px 0px !important;
		font-size:16px !important;
	}	
	
	#home-about .bluebeam-life-screen {
		position: absolute;
		bottom: -15px;
		right: -120px;
	}
	
	#home-support {
		height: auto;
		margin: 0px 0px 0px 0px !important;
		padding: 0px 35px 0px 35px;
	}
	
	#home-support h2 {
		font-size: 26px !important;
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 10px 0px;
	}	
	
	#home-support h3 {
		font-size: 22px !important;
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 16px 0px;
	}	
	
	#home-support > div {
		width: 100%;
	    height: auto;
	    margin: 0 auto;
	}
	
	#home-support > div > div > div {
		font-size:16px;
		line-height:24px;
		line-height:var(--line);
	}	
	
	#home-support input {
		margin: 25px 0px 0px 0px !important;
		font-size:16px !important;
	}
	
	#page {
		width: 100%;
	    padding: 35px 0 180px 0 !important;
	}
	
	.banner + #page {
		width: 100%;
	    padding: 30px 20px 150px 20px !important;
	    box-sizing: border-box !important;
	}
	
	#menu .menu-group {
		width:100%;
		max-width:1024px;
		margin:0 auto 0 auto !important;
		padding: 20px 30px 30px 30px !important;
		position:relative!important;
		background:transparent;
		display: block;
		table-layout: fixed;
		box-sizing: border-box !important;
		-webkit-transition:all 300ms ease-in-out;
		transition:all 300ms ease-in-out;
	}	
	
	#menu .menu-group > div {
		display: block !important;
		vertical-align: top;
		width: 100% !important;
		padding: 0px 0px 0px 0px;
		text-align: left;
		height: auto !important;
	}
	
	#menu h3 {
	    color: #FFFFFF !important;
	    padding: 0px 0px 5px 0px !important;
	    margin: 10px 0px 10px 0px !important;
	    border-bottom: solid 1px #FFFFFF !important;
	}
	
	#footer {
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    height: 82px;
	    background-color: #000000;
	    border-top: solid #777777 15px;
	    color: #FFFFFF;
	    padding: 12px 0px 8px 0px;
	}
		
	#footer > div > div {
	    display: block !important;
	    text-align: center !important;
	    vertical-align: middle;
	    width: 100% !important;
	    line-height: normal !important;
	}
	
}

@media all and (min-width: 480px) and (max-width: 768px) { 
	
	.already-reg {
		float: none;
	}
	
	#header > div {
		width: 100%;
	}
	
	#logo {
	    position: relative;
	    height: 52px !important;
	    text-align: center !important;
	    top: 0px;
	    left: 0px;
	    cursor: pointer;
	}
	
	#logo img {
		position: absolute;
		height: 32px;
		bottom: -1px;	
		left:25px;
	}
	
	.main-wrapper {
	    display: inline-block;
	    position: relative;
	}
		
	.support-wrapper, .login-wrapper, .logout-wrapper, .account-wrapper, .cart-wrapper {
		display: none !important;
	}
	
	#shards {
	    height: 750px;
	}
	
	#shard1 {
		width: 660px;
		top: -400px;
		margin-left: -550px;
	}
	
	#shard2 {
		width: 750px;
		bottom: -400px;
		margin-left: -705px;
		-webkit-transform:rotate(15deg);
		transform:rotate(15deg);
	}
	
	#shard3 {
		width: 970px;
		right: 45%;
		margin-right: -1000px;
		top:45px;
		-webkit-transform:rotate(15deg);
		transform:rotate(15deg);
	}
	
	#shard4 {
		display: none !important;
	}
	
	#phone-mindsystems {
		position: absolute;
		height: 85px;
		width: auto;
		top: 25px;
		left: 50%;
		-webkit-transition: 500ms 100ms linear all;
		transition: 500ms 100ms linear all;
		margin-left: -5px;
		z-index: 1000;
		cursor: pointer;
		border: none !important;
	}
	
	#email-mindsystems {
		position: absolute;
		height: 40px;
		width: auto;
		top: 120px;
		left: 50%;
		-webkit-transition: 500ms 100ms linear all;
		transition: 500ms 100ms linear all;
		margin-left: 70px;
		z-index: 1000;
		cursor: pointer;
		border: none !important;
	}
		
	#shards > div:nth-of-type(1) {
		position: absolute;
		top: 210px;
		left:50%;
		-webkit-transform:translateX(-95%);
		transform:translateX(-95%);
		margin-left: 0px;
		overflow: visible !important;
		white-space: nowrap !important;
		width: 200px;
	}	
	
	#shards > div:nth-of-type(2) {
		top: 320px;
		left:50%;
		-webkit-transform:translateX(-38%);
		transform:translateX(-38%);
		margin-left: 0px;
		padding: 0px !important;
		width: 200px;
	}
	
	#shards > div:nth-of-type(3) {
		top: 545px;
		left:50%;
		-webkit-transform:translateX(-38%);
		transform:translateX(-38%);
		width: 200px;
		margin-right: 0px !important;
		padding: 0px !important;
	}	
	
	#shards h1 {
		font-size: 28px !important;
	}	
	
	#shards h2 {
		font-size: 22px !important;
		margin: 8px 0px 0px 1px !important;
	}	
	
	#shards h3 {
		padding: 0px 12px;
		margin: 0px 20px 20px 0px !important;
		height: 36px;
		line-height: 36px;
		font-size: 18px !important;
		border-left: solid 10px #e148b3 !important;
	}
	
	#shards h3:hover {
		background-color: #e148b3 !important;
		color: #FFFFFF !important;
		border-left: solid 10px #000000 !important;
	}
	
	#home-about h2 {
		font-size: 26px !important;
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 20px 0px;
	}	
	
	#home-about > div {
		width: 100%;
	    max-width: 1024px;
	    height: 460px;
	    margin: 0 auto;
	}
	
	#home-about > div > div {
		vertical-align: top;
		padding: 40px 35px 0px 35px;
	    background-size: auto 280px;
	    background-position: right 50px bottom -2px;
	}
	
	#home-about > div > div > div {
		font-size:16px;
		line-height:24px;
		line-height:var(--line);
		width: 350px;
	}	
	
	#home-about input {
		margin: 25px 0px 0px 0px !important;
		font-size:16px !important;
	}	
	
	#home-about .bluebeam-life-screen {
		position: absolute;
		bottom: -15px;
		right: -170px;
	}
	
	#home-support {
		height: auto;
		margin: 0px 0px 0px 0px !important;
		padding: 0px 35px 0px 35px;
	}
	
	#home-support h2 {
		font-size: 26px !important;
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 10px 0px;
	}	
	
	#home-support h3 {
		font-size: 22px !important;
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 16px 0px;
	}	
	
	#home-support > div {
		width: 100%;
	    height: auto;
	    margin: 0 auto;
	}
	
	#home-support > div > div > div {
		font-size:16px;
		line-height:24px;
		line-height:var(--line);
	}	
	
	#home-support input {
		margin: 25px 0px 0px 0px !important;
		font-size:16px !important;
	}
	
	#page {
		width: 100%;
	    padding: 35px 0 180px 0 !important;
	}
	
	.banner + #page, .banner + #page {
		width: 100%;
	    padding: 30px 20px 180px 20px !important;
	    box-sizing: border-box !important;
	}
	
	#menu .menu-group {
		width:100%;
		max-width:1024px;
		margin:0 auto 0 auto !important;
		padding: 20px 30px 30px 30px !important;
		position:relative!important;
		background:transparent;
		display: block;
		table-layout: fixed;
		box-sizing: border-box !important;
		-webkit-transition:all 300ms ease-in-out;
		transition:all 300ms ease-in-out;
	}	
	
	#menu .menu-group > div {
		display: block !important;
		vertical-align: top;
		width: 100% !important;
		padding: 0px 0px 0px 0px;
		text-align: left;
		height: auto !important;
	}
	
	#menu h3 {
	    color: #FFFFFF !important;
	    padding: 0px 0px 5px 0px !important;
	    margin: 10px 0px 10px 0px !important;
	    border-bottom: solid 1px #FFFFFF !important;
	}
	
	.option-buttons {
		display: none !important;
	}
	
	#footer {
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    height: 82px;
	    background-color: #000000;
	    border-top: solid #777777 15px;
	    color: #FFFFFF;
	    padding: 12px 0px 8px 0px;
	}
		
	#footer > div > div {
	    display: block !important;
	    text-align: center !important;
	    vertical-align: middle;
	    width: 100% !important;
	    line-height: normal !important;
	}
	
	#cookies {
	    display: inline !important;
	}
	
	.field {
		display: block;
		width:100%;
		padding:0px;
		box-sizing: border-box !important;
		position:relative;
	}
	
	.field > div {
		display:block;
		width:100% !important;
		padding:0 5px;
		position:relative;
	}
	
	.field > div:first-of-type {
		padding:0 0 0 0 !important;
	}
	
	.field > div:last-of-type {
		padding:0 0 0 0 !important;;
	}
	
	.field > div:only-of-type {
		width:100%;
		padding:0 0 0 0 !important;
	}
	
	label {
	    display: inline-block!important;
	    position: relative;
	    padding: 0 5px!important;
	    margin: 20px 0 0 -5px!important;
	    width: auto;
	    color: #888;
	}
	
	input, .select-box .option-box.active {
	    padding: 0 0 0 0;
	    height: 32px;
	    line-height: 32px;
	}
	
	#open-ticket {
		margin-top: 25px;
	}
	
	.key-features.grouping > div:last-of-type, .key-features.grouping2 > div:last-of-type {
	    display: none !important;
	}
	
}

@media all and (max-width: 480px) { 
	
	.picfloat {
		display: none;	
	}
	
	.already-reg {
		float: none;
	}
		
	#header > div {
		width: 100%;
	}
	
	#logo {
	    position: relative;
	    height: 52px !important;
	    text-align: center !important;
	    top: 0px;
	    left: 0px;
	    cursor: pointer;
	}
	
	#logo img {
		position: absolute;
		height: 28px;
		bottom: -0.5px;	
		left:25px;
	}	
	
	.main-wrapper {
	    display: inline-block;
	    position: relative;
	}
		
	.support-wrapper, .login-wrapper, .logout-wrapper, .account-wrapper, .cart-wrapper {
		display: none !important;
	}
	
	#shards {
	    height: 650px;
	}
	
	#shard1 {
		width: 660px;
		top: -400px;
		margin-left: -500px;
	}
	
	#shard2 {
		width: 750px;
		bottom: -400px;
		margin-left: -705px;
		-webkit-transform:rotate(15deg);
		transform:rotate(15deg);
	}
	
	#shard3 {
		width: 720px;
		right: 45%;
		margin-right: -760px;
		top:80px;
	}
	
	#shard4 {
		display: none !important;
	}
	
	#phone-mindsystems {
		position: absolute;
		height: 85px;
		width: auto;
		top: 20px;
		left: 50%;
		-webkit-transition: 500ms 100ms linear all;
		transition: 500ms 100ms linear all;
		margin-left: -140px;
		z-index: 1000;
		cursor: pointer;
		border: none !important;
	}
	
	#email-mindsystems {
		position: absolute;
		height: 40px;
		width: auto;
		top: 120px;
		left: 50%;
		-webkit-transition: 500ms 100ms linear all;
		transition: 500ms 100ms linear all;
		margin-left: -60px;
		z-index: 1000;
		cursor: pointer;
		border: none !important;
	}
	
	#shards > div:nth-of-type(1) {
		position: absolute;
		top: 190px;
		left: 60px;
		margin-left: 0px;
		overflow: visible !important;
		white-space: nowrap !important;
	}	
	
	#shards > div:nth-of-type(2) {
		top: 280px;
		left: 95px !important;
		margin-left: 0px;
		padding: 0px !important;
	}
	
	#shards > div:nth-of-type(3) {
		top: 505px;
		left: 95px !important;
		margin-right: 0px !important;
		padding: 0px !important;
	}

	#shards h1 {
		font-size: 26px !important;
	}	
	
	#shards h2 {
		font-size: 18px !important;
		margin: 8px 0px 0px 1px !important;
	}	
	
	#shards h3 {
		padding: 0px 12px;
		margin: 0px 20px 20px 0px !important;
		height: 36px;
		line-height: 36px;
		font-size: 16px !important;
		border-left: solid 10px #e148b3 !important;
	}
	
	#shards h3:hover {
		background-color: #e148b3 !important;
		color: #FFFFFF !important;
		border-left: solid 10px #000000 !important;
	}

	#home-about h2 {
		font-size: 26px !important;
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 18px 0px;
	}	
	
	#home-about > div {
		width: 100%;
	    max-width: 1024px;
	    height: 570px;
	    margin: 0 auto;
	}
	
	#home-about > div > div {
		vertical-align: top;
		padding: 30px 25px 0px 25px;
	    background-size: auto 300px;
	    background-position: right 50px bottom -2px;
	}
	
	#home-about > div > div > div {
		font-size:16px;
		line-height:24px;
		line-height:var(--line);
		width: 100%;
	}	
	
	#home-about input {
		margin: 25px 0px 0px 0px !important;
		font-size:16px !important;
	}	
	
	#home-about .bluebeam-life-screen {
		position: absolute;
		bottom: -15px;
		right: -170px;
	}
	
	#home-support {
		height: auto;
		margin: 0px 0px 0px 0px !important;
		padding: 5px 25px 25px 25px;
	}
	
	#home-support h2 {
		font-size: 26px !important;
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 10px 0px;
	}	
	
	#home-support h3 {
		font-size: 20px !important;
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 16px 0px;
	}	
	
	#home-support > div {
		width: 100%;
	    height: 350px;
	    margin: 0 auto;
	}
	
	#home-support > div > div > div {
		font-size:16px;
		line-height:24px;
		line-height:var(--line);
	}	
	
	#home-support input {
		margin: 25px 0px 0px 0px !important;
		font-size:16px !important;
	}
	
	#page {
		width: 100%;
	    padding: 35px 0 185px 0 !important;
	}
	
	.banner + #page {
		width: 100%;
	    padding: 30px 20px 180px 20px !important;
	    box-sizing: border-box !important;
	}
	
	#menu .menu-group {
		width:100%;
		max-width:1024px;
		margin:0 auto 0 auto !important;
		padding: 20px 30px 30px 30px !important;
		position:relative!important;
		background:transparent;
		display: block;
		table-layout: fixed;
		box-sizing: border-box !important;
		-webkit-transition:all 300ms ease-in-out;
		transition:all 300ms ease-in-out;
	}	
	
	#menu .menu-group > div {
		display: block !important;
		vertical-align: top;
		width: 100% !important;
		padding: 0px 0px 0px 0px;
		text-align: left;
		height: auto !important;
	}
	
	#menu h3 {
	    color: #FFFFFF !important;
	    padding: 0px 0px 5px 0px !important;
	    margin: 10px 0px 10px 0px !important;
	    border-bottom: solid 1px #FFFFFF !important;
	}
	
	.option-buttons {
		display: none !important;
	}
	
	.banner {
		width: 100%; 
		height: auto;
		background-color: #111111;
		position: relative;
		padding-bottom: 15px;
		overflow: hidden;
	}	
	
	.banner.slim {
	    height: auto;
	}
	
	.banner > div > div {
	    width: auto;
	    height: auto;
	    background-color: #444;
	    border-bottom: solid #777777 15px;
	    color: #FFFFFF;
	    position: relative !important;
	    top: 0;
	    left: 0;
	    -webkit-transform: none;
	    transform: none;
	    padding: 20px;
	    z-index: 9999;
	}
	
	.banner.slim > div > div {
	    width: auto;
	    height: auto;
	    color: #FFFFFF;
	    background-color: transparent !important;
	    border-bottom: none !important;
	    position: relative !important;
	    top: 0;
	    left: 0;
	    -webkit-transform: none;
	    transform: none;
	    padding: 15px 0px 0px 0px;
	    z-index: 9999;
	}
	
	.field {
		display: block;
		width:100%;
		padding:0px;
		box-sizing: border-box !important;
		position:relative;
	}
	
	.field > div {
		display:block;
		width:100% !important;
		padding:0 5px;
		position:relative;
	}
	
	.field > div:first-of-type {
		padding:0 0 0 0 !important;
	}
	
	.field > div:last-of-type {
		padding:0 0 0 0 !important;;
	}
	
	.field > div:only-of-type {
		width:100%;
		padding:0 0 0 0 !important;
	}
	
	label {
	    display: inline-block!important;
	    position: relative;
	    padding: 0 5px!important;
	    margin: 20px 0 0 -5px!important;
	    width: auto;
	    color: #888;
	}
	
	input, .select-box .option-box.active {
	    padding: 0 0 0 0;
	    height: 32px;
	    line-height: 32px;
	}
	
	#open-ticket {
		margin-top: 25px;
	}
	
	.key-features.grouping > div:last-of-type, .key-features.grouping2 > div:last-of-type {
	    display: none !important;
	}
	
	.prices > div > div {
	    display: block !important;
	    text-align: center;
	    vertical-align: top;
	}
	
	#footer {
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    height: 120px;
	    background-color: #000000;
	    border-top: solid #777777 15px;
	    color: #FFFFFF;
	    padding: 12px 0px 8px 0px;
	}
		
	#footer > div > div {
	    display: block !important;
	    text-align: center !important;
	    vertical-align: middle;
	    width: 100% !important;
	    line-height: normal !important;
	}
	
	#cookies {
	    display: inline !important;
	}
	
	#bb2019newrelease #waveform {
		position: absolute;
		bottom: 70px !important;
		height: 400px !important;
	}
	
	#bb2019newrelease #wavebox {
		position: relative;
		display: table;
		width: 350px;
		color: #FFFFFF;
		margin: 0 auto;
	}
	
	#bb2019newrelease #wavebox > div {
		display: table-row;
	}	
	
	#bb2019newrelease #wavebox > div > div {
		display: table-cell;
		position: relative;
		height: 290px;
		text-align: center;
		color: #FFFFFF;
		vertical-align: middle !important;
		text-align: center !important;
		line-height: 38px;
	}	
	
	#bb2019newrelease #wavebox img {
		position: absolute !important;
		top: 80% !important;
		left: 18%;
		height: 200px;
		-webkit-animation:wavespin 600s linear infinite;
	    -moz-animation:wavespin 600s linear infinite;
	    animation:wavespin 600s linear infinite;
	}		
	
	#bb2019newrelease #wavebox h2 {
		font-weight: bold !important;
		font-size: 28px !important;
	}
	
	#bb2019newrelease #wavebox h3 {
		font-weight: normal !important;
		font-size: 16px !important;
	}	
	
	#bb2019newrelease #wavebox input {
		margin: 10px 0px 20px 0px !important;
	}
	
}