*{
	margin:0;
	padding:0;
	outline:none;
}
html{
	height:100%;
	font-size:12px;
}
body{
	height:100%;
	overflow-x:hidden;
	overflow-y:scroll;
	font-family:Roboto,Arial,Helvetica,sans-serif;
	color:#a1a1a1;
	background:#fff;
}
nav a{
	color:#000;
}
.top a{
	color:#a1a1a1;
}
a,
img{
	border:none;
	text-decoration:none;

	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
a.logo{
	border:none!important;
	padding-top: 4px;
}
a{
	font-weight:300;
	color:#00adef;
}
a.active,
a:hover{
	color:#008abf;
}
a:active{
	color:#00688f;
}
h1{
	font-size:3rem;
	font-weight:300;
	padding:50px 10px 10px 10px;
}
h2{
	font-size:1.8em;
	font-weight:300;
	padding:10px 0 10px;
}
h2 img{
	display:block;
}
h3{
	font-size:1.5em;
	padding-bottom:10px;
	padding-top:10px;
}

h3,h4,h5,h6{
	font-weight:300;
	margin: 0 10px;
}
p{
	font-size:1.2em;
	font-weight:300;
	padding-bottom:10px;
	margin: 0 10px;
}
ul{
	padding-left:10px;
	/*padding-top: 10px;*/
	margin: 0 10px;
}
li{
	font-size:1.2rem;
	font-weight:300;
	/* line-height:normal; */
	/*margin-left:1rem;*/
	padding-bottom:10px;
}
b{
	font-weight:500;
}

.right {
	float: right;
}
.left {
	float: left;
}

.wrapper{
	position:relative;
	min-height:100%;
}
section{
	width:1024px;
	margin:0 auto;
}
section.padding{
	padding-top:20px;
}
section.border,
article.border{
	border-top:1px solid #e9e9e9;
}
section:after{
	content:"";
	clear:both;
	display:block;
}
aside{
	padding:30px 10px 20px;
	letter-spacing:.5px;
}
.columns > div{
	float:left;
	width:300px;
	margin:4em 10px;
}
.columns article{
	width:auto;
}

.fl{float:left !important;}
.fr{float:right !important;}

.c{clear:both !important;}
.cl{clear:left !important;}
.cr{clear:right !important;}

.ml10{margin-left:10px;}
.mr10{margin-right:10px;}

.cr{color:#a1a1a1;}
.cb{color:#00aeef;}
.cg{color:#9bc63d;}
.cm{color:#eb3e97;}

.col,
.col2,
.col3,
.col4{
	float:left;
	width:260px;
}
.col2{width:460px;}
.col3{width:700px;}
.col4{width:940px;}
[class^="col"].first{margin-left:0;}
[class^="col"].last{margin-right:0;}

.btn,
.btn:hover,
.btn:active{
	display:inline-block;
	min-width:100px;
	width:auto;
	box-sizing:border-box;
	border:0;
	padding:0 1rem;
	font-size:1.4rem;
	line-height:2.6rem;
	font-weight:300;
	color:#fff;
	background:#666;
	text-align:center;
	cursor: pointer;
	/* border: 1px solid white; */ /* Register button jumps on hover with this setting */
}
.btn.small{
	min-width:6rem;
	height:2rem;
	padding:0 1rem;
	line-height:2rem;
	font-size:1.2rem;
}
.btn span{float:right;}

.btn.gray{background:#ccc;}
.btn.blue{background:#00aeef;}
.btn.green{background:#9bc63d;}
.btn.magenta{background:#eb3e97;}
.btn:hover{background:#555;}
.btn.gray:hover{background:#aaa;}
.btn.blue:hover{background:#008abf;}
.btn.green:hover{background:#7c9e31;}
.btn.magenta:hover{background:#bc3279;}
.btn:active{background:#444;}
.btn.gray:active{background:#888;}
.btn.blue:active{background:#00688f;}
.btn.green:active{background:#5d7725;}
.btn.magenta:active{background:#8d255b;}

header{
	background:url(../images/header_bkg.png) 0 3.3rem repeat-x;
	background-color: #343a40;
	overflow:hidden;
	font-size: 1.2rem;
}

.top{
	width:1024px;
	margin:0 auto 0;
	font-size: 1rem;
	padding:1rem 0em 1rem;	
}

.top > ul{
	margin: 0;
	display: inline-flex;
}

.top > ul:last-child::after{
    content: "";
    overflow: hidden;
    border-right: 1px solid #a1a1a1;
}

.top li{
	font-size: 1rem;
	padding: 0 0.5rem 0 0.5rem;
	margin: 0;
}

.top .account,
.top .lang{
	float: right;
}

.top .lang img{
	height: 1.3rem;
} 

.top .lang_popup{
	position:absolute;
	background-color: #343a40;
	margin-top: -0.5rem;
	padding-bottom: 0.5rem;
}

.top .lang_popup li{
	padding-top: 0.5rem;
}

.top-layer{
	display: none;
}

header a{
	color:#a1a1a1;	
}

header i{
	padding: 0.2em;
}

header ul{
	list-style: none;
}

header nav{
	width:1024px;
	height:3.8em;
	margin:1em auto 1em;
}

header nav a{
	display:inline-block;
	height:3.8em;
	line-height:3.8em;
	padding:0 .5em;
	margin:0;
}

header nav ul{
    padding: 0.5em;
	display: flex;
    flex-flow: row-reverse;
}
header nav ul a{
	float: right;
    padding: 0.5em;
	height:1rem;
	line-height:1rem;
}

header nav .account_mobile_menu,
header nav #mobile_menu,
header nav label[for=mobile_menu]{
	display:none;
}

footer.form{
	margin-left:240px;
}

footer .col{
	width:230px;
}

.footer_padding{
	clear:both;
	height:35em;
}
#footer{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	width:auto;
	/* height:330px; */
	background:#aaa;
	color:#fff;
	letter-spacing:.5px;
}
#footer div{
	width:1024px;
	margin:0 auto;
	padding-top:40px;
}
#footer a{
	color:#fff;
}
#footer ul{
	padding-left:0;
}
#footer ul:nth-child(4){
	margin:0;
	border-left:1px solid #fff;
	padding-left:19px;
}
#footer li{
	list-style:none;
	font-size:1em;
	margin-left:0;
}
#footer li:first-child{
	font-size:1.8em;
	line-height:1em;
	padding-bottom:20px;
}
#footer li a:hover,
#footer li a.selected{
	color:#013352;
}
#footer .delimiter{
	padding-bottom:20px;
}
#footer .copyright{
	padding-top:30px;
}

.download p,
.cookies p,
.privacy_policy p,
.company p,
.terms_and_conditions p,
.pos_systems p,
.support p{
	text-align:justify;
}

.exposed{
	width:100%;
	height:574px;
	position:relative;
	overflow:hidden;
/*
	background-image:url(../images/exposed/1.jpg);
	background-position:50% 100%;
	background-repeat:no-repeat;
	background-size:cover;
*/
}
.exposed section{
	position:relative;
}
.exposed article{
	background:rgba(0,0,0,.5);
	height:574px;
	color:#fff;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-content: center;
}
.exposed h1{
	margin:0 10px;
}
.exposed ul{
	margin:0 30px 20px;
}
.exposed li{
	font-size:1.6em;
}

#exposedFader img{
	position:absolute;
	transition:opacity 1.5s;
	/* height:100%; */
	min-width:100%;
	bottom:0;
	/* left:0; */
	right:0;
}

.packets p{
	height:100px;
}

.packets ul{
	height:140px;
}

.gallery{
	background:#dedede;
	padding-bottom:10px;
}
.gallery section img{
	float:left;
	/* box-sizing:border-box; */
	width:218px;
	height:164px;
	border:1px solid #c2c2c2;
	margin:10px;
}
.gallery a:empty{
	display:none;
}
#galleryPopup{
	position:fixed;
	z-index:999;
	top:0;
	width:100%;
	height:0;
	opacity:0;
	background:rgba(0,0,0,.8);
	transition:height .2s ease-in, opacity .2s ease-in;
	overflow:hidden;
}
#galleryPopup.active{
	height:100%;
	opacity:1;
}
#galleryPopupSlider{
	position:relative;
	width:100vw;
	height:100vh;
	overflow:hidden;
	transition:left .3s ease-in-out;
	left:0;
	transform:translate3d(0, 0, 0);
}
#galleryPopupSlider div{
	width:100vw;
	height:100vh;
	position:absolute;
	top:0;
	left:0;
	display:flex;
  align-items:center;
  justify-content:center;
}
#galleryPopupSlider img{
	max-width:80vw;
	max-height:80vh;
	border-right:15px solid transparent;
}
#galleryPopupLeft,
#galleryPopupRight{
	position:absolute;
	top:25vh;
	bottom:25vh;
	width:7vw;
	background:rgba(0,0,0,.3);
	display:flex;
  align-items:center;
  justify-content:center;
}
#galleryPopupLeft:hover,
#galleryPopupRight:hover{
	background:rgba(0,0,0,.5);
}
#galleryPopupLeft:active,
#galleryPopupRight:active{
	background:rgba(0,0,0,.7);
}
#galleryPopupLeft{
	left:0;
}
#galleryPopupRight{
	right:0;
}
#galleryPopupLeft:before,
#galleryPopupRight:before{
	color:#fff;
	font-size:4rem;
}
#galleryPopupLeft:before{
	content:"«";
}
#galleryPopupRight:before{
	content:"»";
}

.compare h3{
	padding: 20px 10px
}

.hardware h2,
.features h2{
    margin-bottom: 20px;
	border-bottom:1px solid #e9e9e9;
}

.features nav a{
	display:inline-block;
	height:4rem;
	line-height:4.7rem;
	padding:0 10px;
	font-size:1.2em;
	/*letter-spacing:.5px;*/
}

.features article{
	padding-top:0;
	padding-bottom:100px;
	width:1024px;
	margin:0 10px;
	position:relative;

    flex-direction: column;
}
.features article div{
	/*display:inline-block;*/
	width:450px;
	/*vertical-align:top;*/
	/*margin: 0 10px;*/
}

.features ul{
	/*margin:10px 10px 0;*/
}

.features article img{
	/*width:400px;
	vertical-align:top;*/
	width: 100%;
}
.features article h3{
	color:#00aeef;
}
.features img{
	/*padding:10px;*/
}

.features p{
/*	font-size:1.4em;
	line-height:1.4em;
	text-align:justify;*/
}
.features .btn{
	margin:0px 0px 20px;
}

.features .col:nth-of-type(odd) .image{
	float: right;
}
		
.features .col:nth-of-type(even) .image{
	float: left;
}

.features .col:nth-of-type(odd) .text{
	float: left;
}
		
.features .col:nth-of-type(even) .text{
	float: right;
}

.pos_systems article{
	padding:20px 0;
	/* border-top:1px solid #e9e9e9; */
	overflow:hidden;
	margin: 0 10px;
}
.pos_systems article h2{
	padding-top:0;
	padding-bottom:10px;
	margin: 0;
}
.pos_systems article .price{
	float:left;
	font-size:1.8em;
	font-weight:300;
}
.pos_systems article .btn{
	margin-top:10px;
	margin-right:10px;
}
.pos_systems article li span{
	color:#a1a1a1;
}
.compare table{
	width:100%;
	margin-bottom:50px;
	border-spacing:0;
	border-collapse:collapse;
}
.compare table h2{
	font-weight:500;
	height:20px;
    line-height:20px;
    padding-top:35px;
    padding-bottom:0;
}
.compare table th,
.compare table td{
	width:130px;
	padding:10px;
	text-align:center;
	font-weight:300;
	letter-spacing:.5px;
}
.compare table th:first-child,
.compare table td:first-child{
	width:auto;
	text-align:left;
}
.compare table th{
	padding-bottom:20px;
}
.compare table td{
	border-bottom:1px solid #e9e9e9;
	padding:10px;
}
.compare table th img,
.compare table .btn{
	width:120px;
	margin-right: -61px;
}
.compare .yes:before{
	content:"\2022";
	font-size:30px;
	vertical-align:middle;
	/*margin-left:-61px;*/
}

.support ul{
	margin:10px 10px 0;
}

.support article img{
	width:350px;
	vertical-align:top;
}

.support article h2{
	padding: 10px;
}

.support img{
	padding:10px 10px;
}

.support .btn{
	margin-left: 10px;
}

.support article{
	width:1024px;
	margin:0 auto;
	position:relative;
}
.support article div{
		width:450px;

	/*display:inline-block;
	width:450px;
	vertical-align:top;
	margin: 0 10px;*/
}

.download > p{
	padding-bottom:20px;
}
.download article{
	padding:10px 0 20px;
	/* border-top:1px solid #e9e9e9; */
	overflow:hidden;
}
.download h2 img{
	width:220px;
	padding-left:10px;
}
.download .btn,
.download .platform,
.download .all_downloads{
	float:right;
	clear:right;
	margin-right:10px;
	width:100px;
}
.download .platform{
	font-weight:300;
	padding-top:2px;
	letter-spacing:.5px;
}
.download .all_downloads{
	padding-top:8px;
	letter-spacing:.5px;
}
.download_all table{
	width:100%;
	margin-bottom:50px;
	border-spacing:0;
	border-collapse:collapse;
}
.download_all table th,
.download_all table td{
	width:100px;
	padding:10px;
	text-align:center;
	font-weight:300;
	/* border-top:1px solid #e9e9e9; */
}
.download_all table th:first-child,
.download_all table td:first-child{
	width:auto;
	text-align:left;
}
.download_all table td{
	padding:10px;
	border-bottom:1px solid #e9e9e9;
}

#contactMap{
	width:100%;
	height:400px;
	margin-bottom: 10px;
}

.account{
	margin:0 auto;
	/*padding:30px 0 50px;*/
	/* overflow:hidden; */
}
.account nav{
	padding-top:20px;
}
.account nav a{
	display:block;
	font-size:1.8em;
	padding-bottom:10px;
}
.account nav div{
	display:none;
}
.account nav div.active{
	display:block;
}
.account nav div a{
	font-size:1.2em;
	padding-left:20px;
	
}
.account article{
	position:relative;
}
.account article h1{
	padding-left:0;
	padding-right:0;
}
.account article h2 + h1{
	margin-top:-60px;
}
.account footer{
	padding:10px 0;
}
.account table{
	width:100%;
	border-collapse:collapse;
	margin-bottom:1em;
	/* table-layout:fixed; */
	margin: 0 10px;
}
.account table tr{
	line-height:3em;
}
.account table th{
	border-bottom:1px solid #a1a1a1;
	font-weight:500;
}
.account table td{
	font-weight:300;
}
.account table th,
.account table td{
	padding:0 10px;
	text-align:left;
	font-size:1.2rem;
	/*white-space:nowrap;*/
}
.account table th:last-child,
.account table td:last-child{
	text-align:right;
	/* width:100%; */
}
.account img.bu_logo{
	margin-top:30px;
	float:right;
	max-width:220px;
	padding-left:10px;
}
.account img.bu_packet{
	width:120px;
	/* padding-top:5px; */
}
.hide_copy_codetables ~ .copy_codetables{
		display:none;
}
.account .user_permissions{
	margin-top:50px;
	table-layout:fixed;
}
.account .user_permissions thead div{
	transform:rotate(-90deg);
	padding-left:10px;
}
.account .user_permissions th:not(:first-child),
.account .user_permissions td:not(:first-child){
	width:2rem;
	text-align:center;
}
.account .user_permissions tr.menu td{
	padding-top:1em;
}
.account .user_permissions tr.menu td:first-child{
	font-weight:500;
}
.account .user_permissions tr:not(.menu) td:first-child{
	padding-left:2em;
}
.account .user_permissions tr td input[type="radio"]{
	margin:0;
}

/* furs */
.account .type_mobile{
	display:none;
}
.account .type_mobile_selected ~ .type_mobile{
	display:block;
}
.account .type_mobile_selected ~ .type_stationary{
	display:none;
}
.hardware h2{
	/*padding: 0 0 0 0;*/
	padding-bottom: 10px;
	text-transform: uppercase;

}

.hardware .text h2{
	padding-left: 0px;
	font-weight:500;
	letter-spacing:.5px;
	text-transform: uppercase;
}
.hardware nav{
	padding-bottom: 5px;
}
.hardware nav a{
	display: inline-block;
	padding:0 10px;
	font-size:1.2em;
}
.hardware article{
	padding-top:0;
	width:1024px;
	margin-bottom: 20px;
	position:relative;
    flex-direction: column;
    min-height: 400px;
}
.hardware .text{
	width:46%;
	vertical-align:top;
	padding: 20px 20px 20px;
	min-height: inherit;
}
.hardware p{
	text-align:justify;
}
.hardware img{
    max-height: 382px;
    max-width: 382px;
	margin: auto;
	padding-top: 5%;
}
.hardware .image{
	margin: auto;
    display: flex;
    height: 80%;
    width: 50%;
    float: right;
	position: relative;
}
.hardware .image img.hover {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	object-fit: contain;
	opacity: 0;
	transition: opacity .2s;
}

.hardware .image:hover img.hover {
	opacity: 1;
}
.hardware article .index{
	padding-top: 10px;
	padding-right: 25px;
	position: absolute;
	right: 0;
}	
.hardware .col:nth-of-type(odd) .image{
	float: right;
}		
.hardware .col:nth-of-type(even) .image{
	float: left;
}
.hardware .col:nth-of-type(odd) .text{
	float: left;
	background: #666;
    color: #fff;
}		
.hardware .col:nth-of-type(even) .text{
	float: right;
    color: #666
}

.hardware .col:nth-of-type(odd) .image img.hover,
.hardware .col:nth-of-type(odd){
	background-color:#dedede;
}

.hardware .col:nth-of-type(even) .image img.hover,
.hardware .col:nth-of-type(even){
	background-color:#fff;
}
.hardware table td{
    line-height: 1.4em;
	padding-bottom: 5px;
	font-size: 1.2em;
}
.hardware table  > tbody tr > td:first-child{
	width: 180px;
}
.hardware table  > tbody tr > td:last-child{
	font-weight: 300;
}
.features .navigation,
.hardware .navigation{
	display: flex;
	padding-left: 0px;
	padding-top: 25px;
	padding-bottom: 50px;
}
.hardware .navigation{
	padding: 20px 0 20px;
}
.features .navigation li,
.hardware .navigation li{
	list-style: none;
	text-transform: uppercase;
	margin-right: 1rem;
}
.features .navigation li a,
.hardware .navigation li a{
	color: #a1a1a1;
}
.features .navigation li a:hover,
.hardware .navigation li a:hover{
    color: #00adef;
}

.instructions {
	padding: 30px 0;
}
.instructions nav li.submenu > a.active {
	font-weight: 500;
	color: black;
}
.instructions nav a {
	font-size: 1.5rem;
}
.instructions-container {
	padding: 0px 10px;
}
.instructions-container h2 {
	padding-top: 0px;
}
.instructions-container img {
	max-width: -webkit-fill-available;
	padding: 10px;
}
.instructions-container img:hover {
	cursor: pointer;
}

.instructions-container h2{
	font-weight: 500;
}

.instructions-container .legend{
	color: #918D8D; 
	font-style: italic; 
	border-top: 1px solid #e9e9e9; 
	padding-top: 5px;
}
.instructions-container button{
	width: auto;
    height: 2em;
	background: #ccc;
    color: #000;
    vertical-align: middle;
    padding: 0 0.5em 0 0.5em;
    border: 0;
	font-size: 0.8rem;
}

.instructions-container button.save{
	background: #9bc63d;
    color: #fff;
}
.instructions-container button.insert,
.instructions-container button.edit{
	background: #00adef;
    color: #fff;
}
.instructions-container button.delete{
	background: #eb3e97;
    color: #fff;
}

/* DROPDOWN SEARCH */
#search-container {
	height: 5rem;
	background: #535353;
	display: flex;
	justify-content: center;
	align-items: center;
}
#search-container input {
	margin: 0;
	border: none;
	width: inherit;
}
#search-input-group {
	background: white;
	width: 40vw;
}
#search-input-field {
	display: flex;
	flex-direction: row;
	width: 100%;
}
#search-input-field button {
	padding: 10px;
	border: none;
	cursor: pointer;
}
#search-container a {
	display: none;
	color: black;
	padding: 8px;
	font-size: 1.2rem;
	border-bottom: 1px solid #ddd;
}
#search-container a:hover {
	color: #008abf;
}
#search-results {
	display: none;
	position: absolute;
	background: inherit;
	border: 1px solid black;
	width: inherit;
	z-index: 9999;
}
#search-results > a:nth-last-child(2) {
	border-bottom: none;
}

#search-page-results {
	display: flex;
	flex-direction: column;
	padding: 10px;
}
#search-page-results a {
	color: black;
	padding: 8px;
	font-size: 1.2rem;
	border-bottom: 1px solid #ddd;
}
#search-page-results a:hover {
	color: #008abf;
}

#imageGalleryPopup{
	position:fixed;
	z-index:999;
	top:0;
	left: 0;
	width:100%;
	height:0;
	opacity:0;
	background:rgba(0,0,0,.8);
	transition:height .2s ease-in, opacity .2s ease-in;
	overflow:hidden;
}
#imageGalleryPopup.active{
	height:100%;
	opacity:1;
}
#imageGalleryPopupSlider{
	position:relative;
	width:100vw;
	height:100vh;
	overflow:hidden;
	transition:left .3s ease-in-out;
	left:0;
	transform:translate3d(0, 0, 0);
}
#imageGalleryPopupSlider div{
	width:100vw;
	height:100vh;
	position:absolute;
	top:0;
	left:0;
	display:flex;
	align-items:center;
	justify-content:center;
}
#imageGalleryPopupSlider img{
	max-width:80vw;
	max-height:80vh;
	border-right:15px solid transparent;
}
#imageGalleryPopupLeft,
#imageGalleryPopupRight{
	position:absolute;
	top:25vh;
	bottom:25vh;
	width:7vw;
	background:rgba(0,0,0,.3);
	display:flex;
	align-items:center;
	justify-content:center;
}
#imageGalleryPopupLeft:hover,
#imageGalleryPopupRight:hover{
	background:rgba(0,0,0,.5);
}
#imageGalleryPopupLeft:active,
#imageGalleryPopupRight:active{
	background:rgba(0,0,0,.7);
}
#imageGalleryPopupLeft{
	left:0;
}
#imageGalleryPopupRight{
	right:0;
}
#imageGalleryPopupLeft:before,
#imageGalleryPopupRight:before{
	color:#fff;
	font-size:4rem;
}
#imageGalleryPopupLeft:before{
	content:"«";
}
#imageGalleryPopupRight:before{
	content:"»";
}

li.submenu a:hover {
	cursor: pointer;
}

li.submenu ul {
	display: none;
}

input:disabled,
input[readonly] {
    background-color: lightgrey;
}