@font-face {
	font-family: 'wm15';
	src:url('wm15.eot?so8sq6');
	src:url('wm15.eot?#iefixso8sq6') format('embedded-opentype'),
		url('wm15.woff?so8sq6') format('woff'),
		url('wm15.ttf?so8sq6') format('truetype'),
		url('wm15.svg?so8sq6#wm15') format('svg');
	font-weight: normal;
	font-style: normal;
}
* {
	outline:none;
	-webkit-tap-highlight-color:transparent;
}
a.nav-expander {
	display: none;
}
html, body {
	width:100%;
	min-height:100%;
	position:relative;
}
body {
	margin:0;
	padding:0;
	color:#3f4a52;
	color:rgba(63, 74, 82, 1.0);
	line-height:1;
	font-size:14px;
	background-color:rgba(63, 74, 82, 1.0);
	background-color: #343d44;
	/*background-color:#3f4a52;*/
	font-family:'Raleway', Helvetica, Arial, sans-serif;
	font-weight:400;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body#page-split {
	background-color: #fff;
}
body#page-split .nav-expander {
	display: none;
}
body#page-split section {
	height: 100%;
	position: fixed;
	width: 50%;
	text-align: center;
	z-index: 1;
}
body#page-split section.enterprise {
	left: 0;
	-webkit-clip-path: polygon(0 0,88% 0,100% 100%,0 100%);
	padding-right: 5.4%;
	z-index: 2;
}
body#page-split section.onestore {
	right: 0;
}
body#page-split section img.split-bg {
	position: absolute;
	bottom: 0;
}
body#page-split section.enterprise img.split-bg {
	left: -9%;
	width: 90%;
	max-width: 110%;
	bottom: -7%;
	min-width: 55em;
	z-index: -999;
}
body#page-split section.onestore img.split-bg {
	right: -13%;
	width: 85%;
	bottom: -14%;
	min-width: 37em;
	z-index: -999;
}
body#page-split section h1 {
	max-width: 100%;
	color: inherit;
	font-size: 5em;
	margin-bottom: 0em;
}
body#page-split section .h1-line {
	display: inline-block;
	background-color: rgba(0,0,0,0.18);
}
body#page-split section.onestore .h1-line {
	background-color: #16cc53;
}
body#page-split section .button {
	text-align: center;
	padding-left: 4em;
	padding-right: 4em;
	margin-top: 1.5em;
}
body#page-split section.grey .button {
	background-color: #1fa3ff;
	color: #fff;
	border-color: #1fa3ff;
	-webkit-transition:opacity 0.2s;
}
body#page-split section.grey .button.lined {
	border: 1px solid #1fa3ff;
  	background-color: rgba(0, 0, 0, 0);
  	color: #1fa3ff;
}
body#page-split section.grey .button:hover {
	opacity: 0.8;
}
body#page-split section.white .button:hover {
	opacity: 0.8;
}
body#page-split section.grey .button.lined:hover {
	background-color: #1fa3ff;
	color:#fff;
}
body#page-split section.white .button.lined:hover {
	background-color: #16cc53;
	color:#fff;
}
body#page-split .svg-container {
	position: fixed;
	z-index: 3;
	top: 10%;
	left: 0;
	width: 100%;
	max-width: 100%;
}
body#page-split header > a.logo {
  position: absolute;
  top: 30%;
  /* margin: 50%; */
  left: 3%;
  max-width: 10%;
  margin: 0;
  z-index: 2;
  padding: 0;
  color: #000;
}
body#page-split header > ul.header-footer {
  position: absolute;
  top: 23%;
  left: 87%;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.05em;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  z-index: 2;
  color: #343d44;
}
body#page-split header > ul.header-footer a:hover {
	color: #343d44;
}
#page-split a.top-button.margin-right {
	margin-right: 1.5em;
}
#page-split ul.usp-list {
	margin:3em 0 2.4em 0;
}
#page-split ul.usp-list li span.icon {
	float: none;
}
#page-split ul.usp-list li {
	color: inherit;
  	text-decoration: none;
  	font-weight: 600;
  	letter-spacing: 0.05em;
  	text-transform: uppercase;
  	font-size: 1em;
  	line-height: 1;
  	display: block;
  	text-align: left;
  	margin-left:10%;
}
#page-split header {
	width: 100%;
	top:0;
	left: 0;
	height: 10em;
	background-color: transparent;
}
.clearfix:before, .clearfix:after, section:before, section:after, div.container:before, div.container:after, article:before, article:after, .inner:before, .inner:after, .boxed:before, .boxed:after { content:''; display:table; }
.clearfix:after, section:after, div.containter:after, article:after, .inner:after, .boxed:after { clear:both; }
.clearfix, section, div.container, article, .inner, .boxed { zoom:1; }
body.subnav-active,
body.nav-expanded,
body.details-active {
	overflow: hidden;
}
.logoImg{
	border:none;
	max-width: 100%;
	height: auto;
}

img {
	border:none;
	max-width: 100%;
	height: auto;
}
img.page-design {
	width: 100%;
}
input, textarea, select, input[type="search"], input[type="tel"] {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	width:100%;
	padding:1.1em 1.5em;
	font-size: 1em;
	border:none;
	background:#fff;
	border-radius:1.9em;
	border:1px solid rgba(63, 74, 82, 1);
	font-family:'Raleway', Helvetica, Arial, sans-serif;
	font-weight:400;
	font-style:normal;
	-webkit-transition:color 0.2s, background-color 0.2s, border-color 0.2s, opacity 0.2s;
	-moz-transition:color 0.2s, background-color 0.2s, border-color 0.2s, opacity 0.2s;
	-ms-transition:color 0.2s, background-color 0.2s, border-color 0.2s, opacity 0.2s;
	-o-transition:color 0.2s, background-color 0.2s, border-color 0.2s, opacity 0.2s;
	transition:color 0.2s, background-color 0.2s, border-color 0.2s, opacity 0.2s;
	margin:0 0 0.8em 0;
	display: block;
	color: #3F4A52;
}
input.error, textarea.error, select.error, input[type="search"].error, input[type="tel"].error {
	border-color:#df3b3b;
	color: #df3b3b;
}
input.error:focus, textarea.error:focus, select.error:focus, input[type="search"].error:focus, input[type="tel"].error:focus {
	border-color:#df3b3b;
	color: #df3b3b;
}
input.half.left {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
input.half.right {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-left:0;
}
input:focus, textarea:focus, select:focus, input[type="search"]:focus, input[type="tel"]:focus {
	border:1px solid #1fa3ff;
}
input[type="submit"] {
	border-color: #16cc53;
	background-color: #16cc53;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin:2em 0 0 0;
	-webkit-transition:background-color 0.2s, border-color 0.2s;
	-moz-transition:background-color 0.2s, border-color 0.2s;
	-ms-transition:background-color 0.2s, border-color 0.2s;
	-o-transition:background-color 0.2s, border-color 0.2s;
	transition:background-color 0.2s, border-color 0.2s;
}
.no-touch input[type="submit"]:hover {
	background-color: #00b63c;
	border-color: #00b63c;
	color: #fff;
}
input[type="radio"] {
	background-color: #f00;
	width: 2em;
	height: 2em;
}
input[type="radio"]:checked {
	background-color: #0ff;
}
::-webkit-input-placeholder {
	color:rgba(63, 74, 82, 0.5);
	font-weight:300;
}
:-moz-placeholder {
	color:rgba(63, 74, 82, 0.5);
	font-weight:300;
}
::-moz-placeholder {
	color:rgba(63, 74, 82, 0.5);
	font-weight:300;
}
:-ms-input-placeholder {
	color:rgba(63, 74, 82, 0.5);
	font-weight:300;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}
::-webkit-selection {
	background: #1fa3ff;
	color:#fff;
}
::-moz-selection {
	background: #1fa3ff;
	color:#fff;
}
::selection {
	background: #1fa3ff;
	color:#fff;
}
.contain-blocks > div {
	margin-top: 2em;
	margin-bottom: 3em;
}
.clients-logo > div {
	margin-top: 2em;
	margin-bottom: 3em;
	min-height: 6em;
}
div.prehead {
	margin-top:3.3em;
	text-align: left;
	color: #1fa3ff;
}
div.prehead p {
	color: #1fa3ff;
	text-align: left;
}
div.prehead h3 {
	font-size: 2em;
	color: #1fa3ff;
	font-weight: 300;
	line-height: 1.3;
	margin: 0 0 1em 0;
}
.force-child-margin-right > * {
	margin-right: 10%;
}

ol {
	list-style-type: none;
	counter-reset: item;
	margin: 0 0 1.5em 0;
	padding: 0;
}
ol > li {
	display: table;
	counter-increment: item;
	margin-bottom: 0.6em;
}
ol > li:before {
	content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: 0.6em;
}
li ol > li {
	margin: 0;
}
li ol > li:before {
	content: counters(item, ".") " ";
}

/* Rasmus Knudsen Alert */
.alert {
	padding: 12px;
	margin: 14px 0;
	color: white;
}

.alert.alert-error {
	padding: 12px;
	margin: 14px 0;
	background-color: rgb(174, 66, 66);
	color: white;
}

/*Commun styles*/
h1 {
	font-weight: 100;
	font-size: 5em;
	color:rgba(63, 74, 82, 0.99);
	margin: 0;
	padding: 0;
	line-height: 1.1;
	max-width: 8em;
	margin-left:-0.07em;
	margin-bottom: 0.5em;
}
#page-storetype h1 {
	max-width: 9em;
}
h1.cta {
	color: #16cc53;
}
h1.blue {
	color: #1fa3ff;
}
section.connect-blue h1 {
	color:#fff;
}
.pricing-container h1 {
	max-width: 7em;
}
section.storetype-container h1 {
	font-size: 4em;
	font-weight: 100;
	max-width: 13em;
}
section.storetype-container span.h2-line {
	opacity: 0.3;
	margin-top: -2em;
}
section.storetype-container p.white {
	font-size: 1.2em;
}
section.storetype-container ul.usp-list li {
	margin: 0.3em 0;
}
section.storetype-container ul.usp-list li:last-child {
	margin-bottom: 1em;
}
/*h1.fade-in {
	visibility: hidden;
	opacity: 0.0;
	-webkit-transition:opacity 0.5s, -webkit-transform 1s;
	-webkit-transform:translateX(-1em);
	-webkit-transition-delay:0.05s;
}
h1.fade-in.animated {
	visibility: visible;
	opacity: 1.0;
	-webkit-transform:translateX(0em);
}*/
h2 {
	color: inherit;
	text-decoration: none;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 1.3em;
	line-height: 1.2;
	display: block;
	position: relative;
	/*padding:0 0 1.7em 0;*/
	margin: 0 0 1.7em 0;
}
.dark h2, .has-bg h2, .has-bg h1 {
	color: #fff;
}
h3 {
	text-transform: none;
	color: inherit;
	font-size: 1.3em;
	font-weight: 300;
	padding: 0;
	margin: 1.5em 0;
}
.dark h3, .blue h3, .has-bg h3 {
	color: #fff;
}
h4 {
	color: inherit;
	text-decoration: none;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 1.3em;
	line-height: 1.2;
	display: block;
	position: relative;
	padding:0;
	margin: 0 0 1em 0;
}
div.details h3 {
	color: inherit;
	text-decoration: none;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 1.3em;
	line-height: 1.2;
	display: block;
	position: relative;
	/*padding:0 0 1.7em 0;*/
	margin: 0 0 1.7em 0;
}
/*h2.fade-in {
	visibility: hidden;
	opacity: 0.0;
	-webkit-transition:opacity 0.5s, -webkit-transform 1s;
	-webkit-transform:translateX(-2em);
}
h2.fade-in.animated {
	visibility: visible;
	opacity: 1.0;
	-webkit-transform:translateX(0em);
}*/
p {
	font-size: 1em;
	line-height: 1.5;
	color: inherit;
	margin: 0 0 1.5em 0;
	padding: 0;
	text-align: justify;
	max-width: 40em;
	color:rgba(63, 74, 82, 0.8);
}
p.quote {
	font-size:1.3em;
	color: #ffffff; 
	font-style: italic;
}
h2.quote {
	font-size: 1em;
	color:#ffffff;
}
span.h2-line.quote {
	opacity: 0.2;
} 
p.white {
	color: white;
}
p.important {
	color:rgba(63, 74, 82, 1.0);
	font-weight: 600;
}
p.error {
	color: #df3b3b;
	margin-top:1.5em;
}
.text-align-center p {
	text-align: center;
}
.text-align-right p {
	text-align: right;
}
.blue p {
	color:rgba(255, 255, 255, 0.7);
}
.dark p {
	color:rgba(255, 255, 255, 0.4);
}
footer p {
	color:rgba(255, 255, 255, 0.4);
}
.has-bg p {
	color:rgba(255, 255, 255, 0.99);
}
.blueprint p {
	color:rgba(255, 255, 255, 0.6);
}
p.copyright {
	margin-top: 1em;
}
a {
	text-decoration: none;
	color: inherit;
	-webkit-transition:color 0.2s, background-color 0.2s, opacity 0.2s;
	-moz-transition:color 0.2s, background-color 0.2s, opacity 0.2s;
	-ms-transition:color 0.2s, background-color 0.2s, opacity 0.2s;
	-o-transition:color 0.2s, background-color 0.2s, opacity 0.2s;
	transition:color 0.2s, background-color 0.2s, opacity 0.2s;
}
.link {
	color: inherit;
	text-decoration: none;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 2.5;
	display: block;
}
.link.bigger {
	font-size: 1.3em;
}
.link.inline {
	display: inline-block;
	margin-right: 1.3em;
}
.text-align-right .link.inline {
	margin-right: 0;
	margin-left: 1.3em;
}
.link.grey {
	color: #646c72;
}
.link.light {
	font-weight: 300;
}
a.link span.bigger {
	font-weight: 300;
	line-height: 1;
	font-size: 2.4em;
	display: block;
	text-transform: none;
	letter-spacing: 0;
	margin:1em 0 -0.2em 0;
}
.done {
	text-decoration: line-through;
}
a.link {
	font-weight: 600;
}
.no-touch a.link:hover {
	color: #1fa3ff;
}
span.link {
	font-weight: 300;
}
ul span.link {
	font-weight: 600;
}
a.link.cta {
	color: #16cc53;
}
a.inline-link {
	color: #1fa3ff;
}
a.inline-link:hover {
	opacity: 0.7;
}
/*Icons*/
.icon {
	font-family: 'wm15';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
}
.icon-arrow-down:before {
	content: "\e607";
}
span.icon.play-icon {
	color: inherit;
  	position: relative;
  	margin: 0.3em -0.5em 0 0.2em;

}
.text-align-right {
	text-align: right;
}
.text-align-left {
	text-align: left;
}
.text-align-center {
	text-align: center;
}
.half {
	width: 50%;
}
.halfmargin {
	width: 45% !important; 
	margin: 2% !important; 
}
.third {
	width: 33.3333%;
}
.twothird {
	width: 66.6666%;
}
.fourth {
	width: 25%;
}
.fifth {
	width: 20%;
}
#connect-partners .half span.icon {
	color:#214a97;
	font-size: 5em;
	margin-bottom: 0.2em;
}
#connect-partners .half h2 {
	color:#214a97;
	font-size: 1em;
}
img.erp-logos {
	display: block;
	margin-bottom:2em;
}
.contain-blocks > div.connect-margin-bottom {
	margin-bottom: -11em;
}

/*Header*/
header {
	position: fixed;
	top: 0;
	left: 4%;
	width: 15%;
	height: 100%;
	/*
	background-color:rgba(63, 74, 82, 0.95);
	*/
	background-color:rgba(30, 160, 220, 0.9);
	color: rgba(255,255,255,0.4);
	display: table;
	font-size:0.85714286em;
	z-index: 4;
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	-ms-transition:background-color 0.3s;
	-o-transition:background-color 0.3s;
	transition:background-color 0.3s;
}
header > a.logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 66%;
	margin: 0;
	z-index: 2;
	padding: 14% 15% 11% 15%;
}
header > a.logo span.overall-logo {
	overflow: hidden;
	height: 0;
	position: relative;
	padding-top: 30%;
	display: block;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
	width: 100%;
}
header .subbrand-container {
	font-size:1.8em;
	color: #fff;
	font-weight: 300;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
}
header > a.logo span.subbrand-container {
	visibility: hidden;
	opacity: 0.0;
	position: absolute;
	bottom: -0.7em;
	left: 15%;
	padding: 0 0 0.7em 0;
	width: 83%;
}
header > a.logo span.icon {
	font-size: 2.3em;
	position: absolute;
	bottom: 0;
	width: 1em;
	height: 1em;
	right: 13%;
	color: rgba(255,255,255,0.3);
	visibility: hidden;
	opacity: 0.0;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
}
.no-touch header > a.logo span.icon:hover {
	color: rgba(255,255,255,1.0);
}
header > a.logo span.overall-logo img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
}
header ul.subbrand-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top:12.3%;
	width: 100%;
	left: 0;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
	visibility: hidden;
	opacity: 0.0;
	-webkit-transform:translateY(-2em);
	-moz-transform:translateY(-2em);
	-ms-transform:translateY(-2em);
	-o-transform:translateY(-2em);
	transform:translateY(-2em);
}
header ul.subbrand-list a {
	padding:0.5em 15%;
	display: block;
	opacity: 0.4;
}
.no-touch header ul.subbrand-list a:hover {
	opacity: 1.0;
}
.no-touch header > a.logo:hover span.overall-logo,
header.expanded > a.logo span.overall-logo {
	padding-top: 11%;
	width: 65%;
}
.no-touch header > a.logo:hover span.subbrand-container,
header.expanded > a.logo span.subbrand-container {
	visibility: visible;
	opacity: 1.0;
}
.no-touch header > a.logo:hover span.icon,
header.expanded > a.logo span.icon {
	visibility: visible;
	opacity: 1.0;
}
header.expanded > a.logo span.subbrand-container {
	opacity: 0.4;
}
.no-touch header.expanded > a.logo:hover span.subbrand-container {
	opacity: 1.0;
}
header.expanded > a.logo span.icon {
	-webkit-transform:rotate(-180deg);
	-moz-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
	-o-transform:rotate(-180deg);
	transform:rotate(-180deg);
}
header.expanded ul.subbrand-list {
	visibility: visible;
	opacity: 1.0;
	-webkit-transform:translateY(0em);
	-moz-transform:translateY(0em);
	-ms-transform:translateY(0em);
	-o-transform:translateY(0em);
	transform:translateY(0em);
}
header.expanded > nav {
	visibility: hidden;
	opacity: 0.0;
	-webkit-transform:translateY(2em);
	-moz-transform:translateY(2em);
	-ms-transform:translateY(2em);
	-o-transform:translateY(2em);
	transform:translateY(2em);
}
header > nav {
	display: table-cell;
	height: 100%;
	width: 100%;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
}
header > nav > ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
header > nav > ul > li {
	display: block;
}
.no-touch header a.link:hover, header a.link.active {
	color: rgba(255,255,255,1.0);
}
header > nav > ul > li > a.link {
	line-height: 4;
	padding:0 15%;
	width: 66%;
}
header input[type="text"], header input[type="email"] {
	background-color:rgba(63, 74, 82, 1);
	background-color:rgba(0, 0, 0, 0.1);
	color: rgba(255,255,255,0.5);
	padding-left: 15%;
	padding-right: 15%;
	color: #fff;
	border-radius: none;
	border:none;
}
header input[type="text"]:focus, header input[type="email"]:focus {
	background-color:rgba(0, 0, 0, 0.2);
}
header form {
	position: relative;
	margin:1.2em 0 0 0;
}
header input[type="submit"] {
	color:#16cc53;
	background:transparent;
	background-color:transparent;
	width: auto;
	font-size: 2.3em;
	padding: 0.4em 0.5em 0.4em 0.4em;
	background-color:transparent;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 1;
}
.no-touch header input[type="submit"]:hover {
	color:#fff;
}
header ::-webkit-input-placeholder {
	color: rgba(255,255,255,0.5);
}
header :-moz-placeholder {
	color: rgba(255,255,255,0.5);
}
header ::-moz-placeholder {
	color: rgba(255,255,255,0.5);
}
header :-ms-input-placeholder {
	color: rgba(255,255,255,0.5);
}
header > ul.header-footer {
	position: absolute;
	bottom: 0;
	left: 15%;
	width: 77%;
	margin:0;
	padding: 0 0 12% 0;
	list-style-type: none;
	z-index: 2;
}
header > ul.header-footer > li {
	float: left;
}
header > ul.header-footer > li > a {
	color: inherit;
	text-decoration: none;
	margin: 0 1em 0 0;
	line-height: 2em;
	display: block;
}
.no-touch header > ul.header-footer > li > a:hover {
	color: rgba(255,255,255,1.0);
}

.no-touch header > ul.header-footer > li > a.active {
	color: rgba(255,255,255,1.0);
}

div.main-content {
	-webkit-filter:blur(0px);
	-moz-filter:blur(0px);
	-ms-filter:blur(0px);
	-o-filter:blur(0px);
	filter:blur(0px);
	-webkit-transform-origin:top center;
	-moz-transform-origin:top center;
	-ms-transform-origin:top center;
	-o-transform-origin:top center;
	transform-origin:top center;
}
.subnav-active div.main-content,
.nav-expanded div.main-content,
.details-active div.main-content {
	-webkit-filter:blur(10px);
	-moz-filter:blur(10px);
	-ms-filter:blur(10px);
	-o-filter:blur(10px);
	filter:blur(10px);
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
}
img.parallax {
	/*-webkit-filter:blur(15px);*/
}
/*Content containers*/
section {
	position: relative;
	display: block;
	z-index: 1;
	background-color: #fff;
	overflow: hidden;
	background-position: 50% 50%;
	background-size: cover;
}
section > .inner {
	display: block;
	position: relative;
	margin: 0 7.5% 0 26.5%;
	z-index: 2;
}
.slider-content .inner {
	display: block;
	position: relative;
	margin: 0 7.5% 0 26.5%;
}
div.details > .inner {
	display: block;
	position: relative;
	margin: 0 7.5% 0 26.5%;
	text-align: center;
	color: #fff;
	width: 66%;
}
div.details > .inner p {
	text-align: center;
	color: rgba(255,255,255,0.5);
	max-width: 25em;
	margin-left: auto;
	margin-right: auto;
}
div.details > .inner span.icon {
	font-size: 5em;
	color: #1fa3ff;
	margin:0 0 0.5em 0;
}
footer {
	position: relative;
	display: block;
	z-index: 1;
	background-color:rgba(25, 120, 180, 1.0);
	color: #fff;
	margin-top: -70px;
}
footer > .inner {
	display: block;
	position: relative;
	margin: 0 7.5% 0 26.5%;
	padding:7% 0 6% 0;
}
footer > .inner ul {
	list-style-type: none;
	margin: 0 0 3em 0;
	padding: 0;
}
footer > .inner ul li {
	font-size:0.85714286em;
}
footer > .inner ul.language-container li {
	float: left;
}
footer > .inner ul.language-container li a {
	display: block;
	width: 2em;
	margin-right: 1.2em;
	margin-bottom: 1.2em;
	opacity: 0.4;
}
footer > .inner ul.language-container li a:hover {
	opacity: 1.0;
}
footer > .inner ul.language-container li a.current {
	opacity: 1.0;
}
footer > .inner ul li .link {
	color: rgba(255,255,255,0.35);
	line-height: 2.3;
}
.no-touch footer > .inner ul li a.link:hover {
	color: rgba(255,255,255,1.0);
	line-height: 2.3;
}
.no-touch footer > .inner ul li a.link.active {
	color: rgba(255,255,255,1.0);
}
footer > .inner ul li .link.cta {
	color: #16cc53;
	margin-top: 2.3em;
}
footer address {
	font-style: normal;
	font-weight: 300;
	font-size: 1.15em;
	line-height: 1.5;
	margin:0 0 1.5em 0;
}

a.button.app-store {
  text-align: left;
  padding: 0.6em 0.7em;
  width: 10em;
  float: left;
  margin:2em 2em 2em 0;
}
div.download-app a.button.transparent {
  font-size: 1.15em;
  background-color: #16CC53;
  border: 1px solid #16CC53;
  color: #FFF;
  line-height:1;
}
a.button.app-store span.icon {
  float: left;
  font-size: 2em;
  margin: -0.02em 0.3em 0 0;
}
a.button.app-store span.small-line {
  display: block;
  font-size: 0.75em;
  text-transform: none;
  font-weight: 500;
  letter-spacing: 0;
}
a.button.app-store span.big-line {
  display: block;
  font-size: 1em;
  margin: 0.3em 0 0 0;
  font-weight: 800;
}

section.first {
	padding-top: 14em;
}
section.header {
	padding:0 0 2px 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	background:transparent;
}
section.header > .inner {
	padding:3.5% 0 1.3% 0;
	height: 2.5em;
}
section.header .inner:after {
	width: 100%;
	height: 2px;
	background-color: #e7ebef;
	background-color: rgba(63, 74, 82, 0.15);
	content: '';
	position: absolute;
	z-index: 1;
	top: 100%;
	left: 0;
}
section.header.bright {
	color: #fff;
}
section.header.bright .inner:after {
	background-color: rgba(255, 255, 255, 0.15);
}
section.header.bright .link {
	color: #fff;
}
section.header .inner:before {
	width: 10em;
	height: 2px;
	background-color: #1fa3ff;
	content: '';
	position: absolute;
	z-index: 2;
	top: 100%;
	left: 0;
}
section.header.white-line .inner:before {
	background-color: #ffffff;
}
section.header.sports-line .inner:before {
	background-color: #82C655;
}
section.header.canteens-line .inner:before {
	background-color: #DD3B50;
}
section.header.beauty-line .inner:before {
	background-color: #D861A5;
}
section.header.food-line .inner:before {
	background-color: #D39871;
}
section.header.fashion-line .inner:before {
	background-color: #9F8BE8;
}
section.header.venues-line .inner:before {
	background-color: #9CA9B2;
}
section.header.digital-line .inner:before {
	background-color: #57c3ce;
}
section.header.transport-line .inner:before {
	background-color: #3973e5;
}
section.header.connect-line .inner:before {
	background-color: #214a97;
}
section.header.onestore-line .inner:before {
	background-color: #16cc53;
}

header > nav ul.language-container {
	margin: 1em 0 0 15.3%;
}
header > nav ul.language-container li {
	float: left;
}
header > nav ul.language-container li a {
	display: block;
	width: 2em;
	margin-right: 1.2em;
	margin-bottom: 1.2em;
	opacity: 0.4;
}
header > nav ul.language-container li a:hover {
	opacity: 1.0;
}
header > nav ul.language-container li a.current {
	opacity: 1.0;
}

/*COVER*/
section div.price {
	width: 12em;
	height: 12em;
	border-radius: 6em;
	background-color: #16cc53;
	display: inline-block;
	position: absolute;
}
section div.price.terminal-price {
	top: 21%;
	left: 64%;
}section div.price.terminal-price h2 {
	color: #fff;
	font-size: 2.5em;
	letter-spacing: 0;
	text-align: center;
	margin: 1.4em 0 0 0;
}
section div.price.terminal-price p {
	color: #fff;
	text-align: center;
	margin: 0.3em 0 0 0;
}
section.first img.connect-cover {
	left: 71%;
  	position: absolute;
}
section.cover img.bg.cover-fashion-products {
	top: 23%;
	left: 60%;
}
section.cover img.bg.cover-beauty-products {
	top: 28%;
	left: 68%;
}
section.cover img.bg.cover-food-ipad {
	top: 28%;
	left: 62%;
}
section.cover > .inner > span.svg-container {
	width: 17%;
	margin:-2.4em 0 0 -3%;
}
.cover-bt {
	background-repeat: no-repeat;
	background-size: cover;
}
.cover-hardware {
	background-color: #bbc3ce;
	background-repeat: no-repeat;
	background-position: right -40% top 100%;
	background-size: 70%;
}
img.custom-cover-tablet-pos {
	top:30%;
	left:80%;
	background-repeat: no-repeat;
}
img.bg.cover-digital-products {
	margin-left: 11%;
	margin-top: 13%;
}
img.bg.cover-venues-products {
	margin-left: 11%;
	margin-top: 10%;
}
img.custom-omni-channel-connect {
	max-width: 66%;
	top: 15%;
	left: 50%;
	position: absolute;
}
span.omni-svg{
	max-width: 60%;
	top: 4%;
	position: absolute;
	left: 50%;
}
span.integration-cover-svg {
	position: absolute;
	top: 3%;
	right: -52%;
}
span.api-cover-svg {
	position: absolute;
	top: -7%;
	right: -1%;
	max-width: 39%;
}
span.newsletter-svg {
  max-width: 45%;
  top: 12%;
  position: absolute;
  left: 55%;
}
img.bg.custom-cover-mobile-pos {
	top: 20%;
	left: 53%;
}
img.bg.custom-cover-tablet-pos {
	top: 38%;
	left: 53%;
}
div.label-hardware {
  background-image: url('/images/label.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20.428em;
  height: 9.357em;
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
  top: 16.8%;
  left: 51.3%;
  position: absolute;
  z-index: 12;
}
div.label-hardware > p {
  margin: 0.8em 0 -0.3em 2.2em;
  color: #FFF;
  font-weight: 800;
  padding: 0;
  font-size: 1em;
  letter-spacing: 0.07em;
}
div.label-hardware > h2 {
  font-weight: 200;
  color: #FFF;
  font-size: 5em;
  letter-spacing: 0;
  margin: -0.2em 0 0 0.4em;
}
img.standard-box {
	top: 20%;
	left: 30%;
	z-index: 11;
}
img.hardware-string {
  z-index: 10;
  position: absolute;
  top: 19.3%;
  right: -4.2%;
}
img.bg.custom-cover-order-pos {
	top: -62%;
}
section.cover > .inner {
	padding: 2.5em 0 15em 0;
}
section.cover p {
	max-width: 30em;
}
section.cover .cover-img {
	position: absolute;
	left: 12%;
	max-width: 122%;
	width: auto;
	bottom: -18%;
	z-index: -1;
}
section.cover-terms .inner {
	padding: 2.5em 0 0em 0;
}
div.left > div.inner {
	margin: 0 20% 0 0;
	min-height: 22em
}
div.center > div.inner {
	margin:0 10%;
	min-height: 22em
}
div.right > div.inner {
	margin: 0 0 0 20%;
	min-height: 22em
}
/*FEATURE*/
section.feature {
	background-color: #fff;
	min-height: 50em;
}
section.storetype-container {
	background-color: #e7ebef;
	background-position: 50% 50%;
	background-size: 100%;
	background-size: cover;
	background-repeat: no-repeat;
}
section.feature .inner {
	padding:10% 0 13% 0;
}
section.feature h1 {
	max-width: 7.5em;
	color: white;
	margin-bottom:0.7em;
}
section.feature h1 span.storetype {
	/*display: block;*/
}

section {
	background-color: #fff;
}
section.storetype-cover {
	background-color: #e7ebef;
}
section.cover.storetype-cover > .inner {
	padding:0 0 7em 0;
}
section.grey {
	background-color: #e7ebef;
}
section.blue {
	background-color: #1fa3ff;
	color: #fff;
}
section.connect-blue {
	background-color: #214a97;
	color: #fff;
}
section.dark {
	background-color: rgba(46, 55, 61, 1.0);
	color: rgba(255,255,255,0.4);
}
section.has-bg {
	background-color: rgba(46, 55, 61, 1.0);
	color: rgba(255,255,255,0.99);
	background-position: 50% 50%;
	background-size: 100%;
	background-size: cover;
}
section.has-bg.blue {
	background-color: #1fa3ff;
}
section.white {
	background-color: #fff;
}
section.transparent {
	background-color: transparent;
}
section.blueprint {
	background-color: #002757;
	background-image: url('/images/blueprint-pattern.jpg');
	background-repeat: repeat;
	background-size: 40px 40px;
	color: #fff;
}
div.boxed {
	margin:0% 0;
	padding: 6em 0;
}
div.boxed div.boxed {
	margin: 0;
}
div.boxed form {
	margin-top:3em;
}
.poly div.boxed {
	margin:16% 0;
	padding: 6em 0;
}
.poly div.boxed.boxed-small-padding {
	margin:2% 0;
	padding: 6em 0;
}
.poly div.boxed.clients {
	 margin: 9% 0;
	padding: 6em 0;
}
.poly div.boxed .svg-container {
	margin-bottom: -9em;
}
.first div.boxed {
	margin:0% 0 10% 0;
	padding: 0em 0 4em 0;
}
div.boxed > div.boxed {
	padding: 2em 0;
}

div.boxed.more-padding-top {
	padding-top:11.3em;
}
.pricing-container div.boxed {
	margin:12% 0;
	padding: 6em 0 10em 0;
}
div.boxed.half {
	width: 30em;
	max-width: 50%;
}

/*SKEWED SECTIONS*/
.poly {
	overflow: hidden;
}
.poly.border-top:before {
	display: block;
	width: 100%;
	height: 120px;
	background-color: #e7ebef;
	position: absolute;
	top: 0;
	padding-top: 1px;
	left: 0;
	content: '';
	-webkit-clip-path: polygon(0 120px,100% 0,100% 1px,0 100%);
	-moz-clip-path: polygon(0 120px,100% 0,100% 1px,0 100%);
	-ms-clip-path: polygon(0 120px,100% 0,100% 1px,0 100%);
	-o-clip-path: polygon(0 120px,100% 0,100% 1px,0 100%);
	clip-path: polygon(0 120px,100% 0,100% 1px,0 100%);
}
/* Counter Clock Wise, small angle */
.cut-ccw01 {
	-webkit-clip-path: polygon(0 120px,100% 0,100% 100%,0 100%);
	-moz-clip-path: polygon(0 120px,100% 0,100% 100%,0 100%);
	-ms-clip-path: polygon(0 120px,100% 0,100% 100%,0 100%);
	-o-clip-path: polygon(0 120px,100% 0,100% 100%,0 100%);
	clip-path: polygon(0 120px,100% 0,100% 100%,0 100%);
	margin-top:-120px;
}
.poly.cut-ccw01.border-top:before {
	height: 120px;
	-webkit-clip-path: polygon(0 120px,100% 0,100% 1px,0 100%);
	-moz-clip-path: polygon(0 120px,100% 0,100% 1px,0 100%);
	-ms-clip-path: polygon(0 120px,100% 0,100% 1px,0 100%);
	-o-clip-path: polygon(0 120px,100% 0,100% 1px,0 100%);
	clip-path: polygon(0 120px,100% 0,100% 1px,0 100%);
}

/* Counter Clock Wise, bigger angle */
.cut-ccw02 {
	-webkit-clip-path: polygon(0 160px,100% 0,100% 100%,0 100%);
	-moz-clip-path: polygon(0 160px,100% 0,100% 100%,0 100%);
	-ms-clip-path: polygon(0 160px,100% 0,100% 100%,0 100%);
	-o-clip-path: polygon(0 160px,100% 0,100% 100%,0 100%);
	clip-path: polygon(0 160px,100% 0,100% 100%,0 100%);
	margin-top:-160px;
}
.poly.cut-ccw02.border-top:before {
	height: 160px;
	-webkit-clip-path: polygon(0 160px,100% 0,100% 1px,0 100%);
	-moz-clip-path: polygon(0 160px,100% 0,100% 1px,0 100%);
	-ms-clip-path: polygon(0 160px,100% 0,100% 1px,0 100%);
	-o-clip-path: polygon(0 160px,100% 0,100% 1px,0 100%);
	clip-path: polygon(0 160px,100% 0,100% 1px,0 100%);
}

/* Clock Wise, small angle */
.cut-cw01 {
	-webkit-clip-path: polygon(0 0,100% 120px,100% 100%,0 100%);
	-moz-clip-path: polygon(0 0,100% 120px,100% 100%,0 100%);
	-ms-clip-path: polygon(0 0,100% 120px,100% 100%,0 100%);
	-o-clip-path: polygon(0 0,100% 120px,100% 100%,0 100%);
	clip-path: polygon(0 0,100% 120px,100% 100%,0 100%);
	margin-top:-120px;
}
.poly.cut-cw01.border-top:before {
	height: 120px;
	-webkit-clip-path: polygon(0 0,100% 120px,100% 1px,0 100%);
	-moz-clip-path: polygon(0 0,100% 120px,100% 1px,0 100%);
	-ms-clip-path: polygon(0 0,100% 120px,100% 1px,0 100%);
	-o-clip-path: polygon(0 0,100% 120px,100% 1px,0 100%);
	clip-path: polygon(0 0,100% 120px,100% 1px,0 100%);
}

/* Clock Wise, bigger angle */
.cut-cw02 {
	-webkit-clip-path: polygon(0 0,100% 160px,100% 100%,0 100%);
	-moz-clip-path: polygon(0 0,100% 160px,100% 100%,0 100%);
	-ms-clip-path: polygon(0 0,100% 160px,100% 100%,0 100%);
	-o-clip-path: polygon(0 0,100% 160px,100% 100%,0 100%);
	clip-path: polygon(0 0,100% 160px,100% 100%,0 100%);
	margin-top:-160px;
}
.poly.cut-cw02.border-top:before {
	height: 160px;
	-webkit-clip-path: polygon(0 0,100% 160px,100% 1px,0 100%);
	-moz-clip-path: polygon(0 0,100% 160px,100% 1px,0 100%);
	-ms-clip-path: polygon(0 0,100% 160px,100% 1px,0 100%);
	-o-clip-path: polygon(0 0,100% 160px,100% 1px,0 100%);
	clip-path: polygon(0 0,100% 160px,100% 1px,0 100%);
}

ul.usp-list {
	list-style-type: none;
	padding: 0;
	margin: 1em 0 0 0;
}
ul.usp-list li {
	margin: 1em 0;
}
ul.usp-list li > span {
	color: #16cc53;
}
.grey ul.usp-list li > span {
	color: #1fa3ff;
}
ul.usp-list li > a {
	color: #1fa3ff;
}
ul.usp-list li > a.white {
	color: white;
}
ul.usp-list li > a.white:hover {
	color: white;
}
ul.usp-list li > a:hover {
	/*color: white !important;*/
}	
ul.usp-list li span.icon {
	float: left;
	font-size: 1.6em;
	margin:0.1em 0.4em -0.1em 0;
}
section .link span.icon {
	float: left;
	font-size: 1.85em;
	margin:0.1em 0.4em -0.1em 0;
}


ul.breadcrumb {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}
ul.breadcrumb > li {
	float: left;
	margin: 0 1.3em 0 0;
	padding: 0 1.8em 0 0;
	display: block;
	position: relative;
}
ul.breadcrumb > li:last-child {
	margin:0;
	padding:0;
}
ul.breadcrumb > li:after {
	content: '/';
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	line-height: 2.5;
	font-size: 1em;
	font-weight: 300;
}
ul.breadcrumb > li:last-child:after {
	display: none;
}
ul.controls {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.controls > li {
	float: left;
	margin: 0 0 0 2.7em;
}
ul.controls > li a span.icon {
	font-size: 1.85em;
	margin: 0.2em -0.5em -0.2em -0.5em;
	padding: 0 0.5em;
	opacity: 0.4;
	color:rgba(63, 74, 82, 1.0);
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
}
.bright ul.controls {
	color:#fff;
}

.no-touch ul.controls > li a:hover span.icon {
	opacity: 1.0;
}

.middle-align-container {
	display: table;
	width: 100%;
	height: 100%;
}
.middle-align-container > .middle-align-content {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.download-container {
	background-image: url('/images/tile.jpg');
	height: 10em;
	width: 100%;
	display: block;
	overflow: hidden;
	margin: 0 0 1em 0;
}
.thumbs {
	margin-top: 1.1em;
 	margin-left: -0.5em;
}
/*SLIDER*/
div.slider {
	position: relative;
}
div.slider > ul.slider-content {
	list-style-type: none;
	padding: 26% 0 0 0;
	margin: 0;
	position: relative;
	width: 100%;
	height: 100%;
	height: 25em;
	overflow: hidden;
	z-index: 1;
}
div.slider > ul.slider-content > li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
div.slider > ul.slider-content > li > a.inner {
	display: block;
	padding: 0;
	height:100%;
	position: relative;
}

div.slider > ul.slider-bullets {
	position: absolute;
	top: 4%;
	right: 2%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 2;
	display: none;
}
div.slider > ul.slider-bullets > li {
	float: left;
}
div.slider > ul.slider-bullets > li > a {
	width: 1.4em;
	height: 1.4em;
	display: block;
	position: relative;
	cursor: pointer;
}
div.slider > ul.slider-bullets > li > a:after {
	display: block;
	content: '';
	width:7px;
	height:7px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	overflow: hidden;
	background-color: #3f4a52;
	opacity: 0.3;
	border-radius:5px;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
}

.no-touch div.slider > ul.slider-bullets > li > a:hover:after {
	opacity: 1.0;
	background-color: #1fa3ff;
}
div.slider > ul.slider-bullets > li > a.current:after {
	border:2px solid #3f4a52;
	background-color: transparent;
	opacity: 1.0;
	border-radius:0.4em;
}

/*FADE-IN*/
/*img.fade-in {
	visibility: hidden;
	opacity: 0.0;
	-webkit-transition:opacity 0.5s, -webkit-transform 1s;
	-moz-transition:opacity 0.5s, -moz-transform 1s;
	-ms-transition:opacity 0.5s, -ms-transform 1s;
	-o-transition:opacity 0.5s, -o-transform 1s;
	transition:opacity 0.5s, transform 1s;
	-webkit-transform:-webkit-translateY(5em) -webkit-translateX(-2em);
	-moz-transform:-moz-translateY(5em) -moz-translateX(-2em);
	-ms-transform:-ms-translateY(5em) -ms-translateX(-2em);
	-o-transform:-o-translateY(5em) -o-translateX(-2em);
	transform:translateY(5em) translateX(-2em);
}
img.fade-in.animated {
	visibility: visible;
	opacity: 1.0;
	-webkit-transform:-webkit-translateY(0) -webkit-translateX(0em);
	-moz-transform:-moz-translateY(0) -moz-translateX(0em);
	-ms-transform:-ms-translateY(0) -ms-translateX(0em);
	-o-transform:-o-translateY(0) -o-translateX(0em);
	transform:translateY(0) translateX(0em);
}*/

/*.read-more.fade-in {
	visibility: hidden;
	opacity: 0.0;
	-webkit-transition:opacity 0.5s, -webkit-transform 0.5s, line-height 0.2s;
	-moz-transition:opacity 0.5s, -moz-transform 0.5s, line-height 0.2s;
	-ms-transition:opacity 0.5s, -ms-transform 0.5s, line-height 0.2s;
	-o-transition:opacity 0.5s, -o-transform 0.5s, line-height 0.2s;
	transition:opacity 0.5s, transform 0.5s, line-height 0.2s;
	-webkit-transform:translateX(-5em);
	-moz-transform:translateX(-5em);
	-ms-transform:translateX(-5em);
	-o-transform:translateX(-5em);
	transform:translateX(-5em);
}
.read-more.fade-in.animated {
	visibility: visible;
	opacity: 1.0;
	-webkit-transform:translateX(0em);
	-moz-transform:translateX(0em);
	-ms-transform:translateX(0em);
	-o-transform:translateX(0em);
	transform:translateX(0em);
}
.h2-line.fade-in {
	visibility: hidden;
	opacity: 0.0;
	-webkit-transition:opacity 0.5s, -webkit-transform 0.5s, line-height 0.2s;
	-moz-transition:opacity 0.5s, -moz-transform 0.5s, line-height 0.2s;
	-ms-transition:opacity 0.5s, -ms-transform 0.5s, line-height 0.2s;
	-o-transition:opacity 0.5s, -o-transform 0.5s, line-height 0.2s;
	transition:opacity 0.5s, transform 0.5s, line-height 0.2s;
	-webkit-transform:translateX(-5em);
	-moz-transform:translateX(-5em);
	-ms-transform:translateX(-5em);
	-o-transform:translateX(-5em);
	transform:translateX(-5em);
}
.h2-line.fade-in.animated {
	visibility: visible;
	opacity: 1.0;
	-webkit-transform:translateX(0em);
	-moz-transform:translateX(0em);
	-ms-transform:translateX(0em);
	-o-transform:translateX(0em);
	transform:translateX(0em);
}
.button.fade-in {
	visibility: hidden;
	opacity: 0.0;
	-webkit-transition:opacity 0.7s, -webkit-transform 0.7s, background-color 0.2s, border-color 0.2s;
	-moz-transition:opacity 0.7s, -moz-transform 0.7s, background-color 0.2s, border-color 0.2s;
	-ms-transition:opacity 0.7s, -ms-transform 0.7s, background-color 0.2s, border-color 0.2s;
	-o-transition:opacity 0.7s, -o-transform 0.7s, background-color 0.2s, border-color 0.2s;
	transition:opacity 0.7s, transform 0.7s, background-color 0.2s, border-color 0.2s;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}
.button.fade-in.animated {
	visibility: visible;
	opacity: 1.0;
	-webkit-transform:scale(1.0);
	-moz-transform:scale(1.0);
	-ms-transform:scale(1.0);
	-o-transform:scale(1.0);
	transform:scale(1.0);
}*/

.read-more {
	border:1px solid #1fa3ff;
	border-radius: 1.6em;
	display: inline-block;
	overflow: hidden;
	padding:0 2.5em;
	background-color: transparent;
	display: inline-block;
	color: #1fa3ff;
	text-decoration: none;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 1em;
	margin:0 0 1.6em 0;
	line-height: 0;
	-webkit-transition:line-height 0.2s;
	-moz-transition:line-height 0.2s;
	-ms-transition:line-height 0.2s;
	-o-transition:line-height 0.2s;
	transition:line-height 0.2s;
}
.blue .read-more {
	border:1px solid rgba(0,0,0,0.2);
	color: rgba(0,0,0,0.3);
}
.no-touch a:hover .read-more {
	line-height: 3;
}
.button {
	border:1px solid #16cc53;
	border-radius: 1.6em;
	display: block;
	overflow: hidden;
	padding:0 3em;
	background-color: #16cc53;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 1em;
	margin:1.4em 0 1em 0;
	line-height: 3;
	-webkit-transition:background-color 0.2s, border-color 0.2s;
	-moz-transition:background-color 0.2s, border-color 0.2s;
	-ms-transition:background-color 0.2s, border-color 0.2s;
	-o-transition:background-color 0.2s, border-color 0.2s;
	transition:background-color 0.2s, border-color 0.2s;
}
.top-button {
	position: relative;
	z-index: 99;
}
.button .icon {
	display: inline-block;
	font-size: 1.7em;
	margin:0.4em -0.4em -0.4em 0;
	float: right;
	color: rgba(0,0,0,0.3);
}
.button.lined .icon {
	color: inherit;
}
.no-touch a.button:hover {
	background-color: #00b63c;
	border-color: #00b63c;
	color: #fff;
}
.no-touch a.color-blue.button:hover {
	background-color: #1185d6;
	border-color: #1185d6;
	color: #fff;
}

.no-touch a.color-white.button:hover {
	opacity: 0.8;
	background-color: #ffffff;
	border-color: #ffffff;
	color: #1fa3ff;
}
.button.lined {
	border:1px solid #16cc53;
	background-color: transparent;
	color: #16cc53;
}.button.lined-cover{
	border:1px solid #fff;
	background-color: transparent;
	color: #fff;
}
.h2-line {
	width: 10em;
	height: 2px;
	margin: 0 0 2.1em 0;
	padding: 0;
	display: block;
	background-color: rgba(63, 74, 82, 0.15);
	overflow: hidden;
}
.h2-line-white {
	width: 10em;
	height: 2px;
	margin: 0 0 2.1em 0;
	padding: 0;
	display: block;
	background-color: rgba(255, 255, 255, 0.45);
	overflow: hidden;
}
.h2-line.full-width {
	width: 100%;

}
footer .h2-line {
	display: inline-block;
	background-color: rgba(255,255,255,0.1);
}
a.button.full-width {
	padding-right: 0;
	padding-left: 0;
	width: auto;
	display: block;
	float: none;
	margin:0 -1px;
}
#page-subpage .main-content .first.cover .boxed img {
	height: 1.4em;
	width: auto;
	margin: 0 0 2em 0;
	display: inline-block;
	opacity: 0.4;
} 
.h2-line-white {
	width: 10em;
	height: 2px;
	margin: 0 0 2.1em 0;
	padding: 0;
	display: inline-block;
	background-color: rgba(255,255,255,0.2);
	overflow: hidden;
}
.h2-line.none {
	background-color: #fff;
}
.h1-line {
	width: 10em;
	height: 2px;
	margin: 1.7em 0 2.1em 0;
	padding: 0;
	display: block;
	background-color: rgba(63, 74, 82, 0.15);
	overflow: hidden;
}
h2 span.icon {
	font-size: 2em;
	margin-bottom: -0.12em;
}
#page-welcome section.cover {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
a.custom-thank-you {
	position: absolute;
	top: 40%;
	left: 60%;
	width: auto;
}
section.blueprint .h2-line {
	background-color: rgba(255,255,255,0.2);
}
section.dark .h2-line {
	background-color: rgba(255,255,255,0.12);
}
section.has-bg .h2-line {
	background-color: rgba(255,255,255,0.12);
}
section#section-book-demo {
	background-image: url('/images/book-demo-bg.jpg');
	background-position: 50% 50%;
	background-size: cover;
}

/*SVG CONTAINERS*/
.svg-container {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}
.svg-container svg {
	width: 100%;
	height: 100%;
	-webkit-fill:none;
	-moz-fill:none;
	-ms-fill:none;
	-o-fill:none;
	fill:none;
	-webkit-stroke-linecap:round;
	-moz-stroke-linecap:round;
	-ms-stroke-linecap:round;
	-o-stroke-linecap:round;
	stroke-linecap:round;
	-webkit-stroke-linejoin:round;
	-moz-stroke-linejoin:round;
	-ms-stroke-linejoin:round;
	-o-stroke-linejoin:round;
	stroke-linejoin:round;
	-webkit-stroke-miterlimit:10;
	-moz-stroke-miterlimit:10;
	-ms-stroke-miterlimit:10;
	-o-stroke-miterlimit:10;
	stroke-miterlimit:10;
	-webkit-stroke-width:1;
	-moz-stroke-width:1;
	-ms-stroke-width:1;
	-o-stroke-width:1;
	stroke-width:1;
	-webkit-stroke:#1fa3ff;
	-moz-stroke:#1fa3ff;
	-ms-stroke:#1fa3ff;
	-o-stroke:#1fa3ff;
	stroke:#1fa3ff;
	-webkit-stroke:inherit;
	-moz-stroke:inherit;
	-ms-stroke:inherit;
	-o-stroke:inherit;
	stroke:inherit;
}
.svg-container svg .thicker {
	-webkit-stroke-width:2;
	-moz-stroke-width:2;
	-ms-stroke-width:2;
	-o-stroke-width:2;
	stroke-width:2;
}
.svg-container svg .svg-transparent {
	opacity:0.2;
}
.svg-container svg .svg-white-stroke {
	-webkit-stroke:#fff;
	-moz-stroke:#fff;
	-ms-stroke:#fff;
	-o-stroke:#fff;
	stroke:#fff;
}
.svg-container svg .svg-blue-stroke {
	-webkit-stroke:#1FA3FF;
	-moz-stroke:#1FA3FF;
	-ms-stroke:#1FA3FF;
	-o-stroke:#1FA3FF;
	stroke:#1FA3FF;
}
.svg-container svg .fill {
	-webkit-stroke:none;
	-moz-stroke:none;
	-ms-stroke:none;
	-o-stroke:none;
	stroke:none;
	-webkit-fill:#1FA3FF;
	-moz-fill:#1FA3FF;
	-ms-fill:#1FA3FF;
	-o-fill:#1FA3FF;
	fill:#1FA3FF;
}
.svg-container svg .fill.blue {
	-webkit-fill:#1FA3FF;
	-moz-fill:#1FA3FF;
	-ms-fill:#1FA3FF;
	-o-fill:#1FA3FF;
	fill:#1FA3FF;
}
.svg-container svg .fill.white {
	-webkit-fill:#fff;
	-moz-fill:#fff;
	-ms-fill:#fff;
	-o-fill:#fff;
	fill:#fff;
}
.no-touch .svg-container.fade-in svg {
	-webkit-stroke-dasharray: 0 500;
	-moz-stroke-dasharray: 0 500;
	-ms-stroke-dasharray: 0 500;
	-o-stroke-dasharray: 0 500;
	stroke-dasharray: 0 500;
	-webkit-transition:all 1.5s;
	-moz-transition:all 1.5s;
	-ms-transition:all 1.5s;
	-o-transition:all 1.5s;
	transition:all 1.5s;
}
.no-touch .svg-container.fade-in svg .fill {
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
	opacity: 0.0;
}
.no-touch .svg-container.fade-in.animated svg {
	-webkit-stroke-dasharray: 500 0;
	-moz-stroke-dasharray: 500 0;
	-ms-stroke-dasharray: 500 0;
	-o-stroke-dasharray: 500 0;
	stroke-dasharray: 500 0;
}
.no-touch .svg-container.fade-in.animated svg .fill {
	opacity: 1.0;
}
.no-touch .svg-container.fade-in.slower svg {
	-webkit-transition:all 4s;
	-moz-transition:all 4s;
	-ms-transition:all 4s;
	-o-transition:all 4s;
	transition:all 4s;
}

.svg-container.custom-connectmultiple {
	position: absolute;
	top: 0;
	left: 50%;
	max-width:80%;
	width: 50em;
}
.svg-container.custom-svg-omni-channel {
	position: absolute;
	top: 22%;
	left: 50%;
	max-width:80%;
	width: 50em;
}
.svg-container.custom-security-terms {
	margin:1em 0 1em -7%;
	width:80%;
	float: left;
}
.svg-container.custom-line-payment {
	position: absolute;
	top: 67%;
	left: 0;
	right: 0;
	margin: auto;
	width: 55%;
	z-index: -2;
}
.svg-container.custom-onestore-terminal {
	max-width: 14%;
	top: 43%;
	left: 72%;
	position: absolute;
}
.svg-container.custom-integration-tablet-pos {
	max-width: 50%;
	top: 19%;
	left: 55%;
	position: absolute;
}
.svg-container.custom-oem {
	max-width: 40%;
	top: 15%;
	left: 57%;
	position: absolute;
}
.svg-container.custom-same-day {
	max-width: 50%;
	top: 21%;
	left: 57%;
	position: absolute;
}
a.reveal-more {
	display: inline-block;
	color: #000;
	opacity: 0.4;
	font-size: 1.5em;
	margin:-0.2em 0 -0.2em 0;
	width: 1em;
	height: 1em;
	overflow: hidden;
	text-align: center;
	line-height: 1;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
	position: relative;
}
.no-touch a.reveal-more:hover {
#	opacity: 1;
}
a.reveal-more.active {
#	-webkit-transform:rotate(45deg);
#	-moz-transform:rotate(45deg);
#	-ms-transform:rotate(45deg);
#	-o-transform:rotate(45deg);
#	transform:rotate(45deg);
}
section.blueprint a.reveal-more {
	color: #fff;
}
.unrevealed {
	display: none;
}
.right {
	float: right;
}
.left {
	float: left;
}
.center {
	float: left;
}
img.bg {
	position: absolute;
	margin: auto 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}
img.bg.left {
	left: auto;
	right: 50%;
}
img.bg.right {
	left: 50%;
	right: auto;
}
img.bg.right.stick-to-edge {
	left: auto;
	right: 0;
}
img.bg.custom-index-02 {
	top: 12%;
	max-width: 35%;
}
img.clients-logo {
	margin:0 0 2em 0; 
}
img.bg.custom-storetype-bg {
	top: 0;
	left:0;
	bottom: 0;
	right: 0;
	margin: 0;
	margin: auto;
	max-width: 130%;
	min-width: 120%;
	height: auto;
}
img.bg.juicy-burger-ipad {
	position: absolute;
	left: -15%;
  	top: 83%;
}
img.bg.ipad-terminal {
	position: absolute;
	left: -36%;
	top: 83%;
}
img.bg.custom-about-map {
	left: 60%;
}
img.bg.custom-tablet-pos-pos {
	max-width: 90%;
	top: -21%;
	left: 42%;
}
img.bg.custom-food-powa-big {
	top: 20%;
}
img.bg.custom-terminal-hardware {
	top: 58%;
	left: -14%;
}
img.bg.custom-onestore-terminal-connect {
	top: -6.5%;
	width: 50%;
	left: 52%;
	max-width: 200%;
}
img.bg.cover-jobs {
	top: -38%;
}
img.bg.custom-sport-pos {
	top:30%;
	left:33%;
}
img.bg.cover-sports-iphones {
	top: 27%;
	left: 72%;
}
img.bg.custom-b2b-pos {
	top:20%;
	left:50%;
}
img.bg.custom-onestore-features-cover {
	bottom: 0;
	top: auto;
	margin: 0;
	left: 58%;
	max-width: 50%;
	right: auto;
}
img.bg.leads-powa-pos {
	top:13%;
}
img.bg.integrations-ecom {
	margin-top: -25%;
}
img.bg.custom-onestore-features-overview {
	bottom: 0;
	top: 5%;
	margin: auto 0;
	left: 42%;
	max-width: 90%;
}
img.bg.custom-onestore-features-payment {
	max-width: 50%;
	top: 5%;
}
img.bg.custom-food-save {
	top: 49%;
	left: 36%;
}
img.bg.custom-food-order-run{
	top: 23%;
	left: 46%;
}
img.bg.custom-sports-connect {
	top: 23%;
	left: 46%;
}
img.bg.right.custom-onestore-features-backoffice {
	width: 80%;
	left: 30%;
	top: -10%;
}
img.bg.right.custom-onestore-features-report {
	width: 70%;
	top: auto;
	bottom: 0;
}
img.bg.custom-onestore-features-terminal {
	max-width: 28%;
	top: auto;
	left: 11%;
	bottom: 0;
}
img.bg.custom-cover-self-service {
	max-width: 100%;
	top: -27%;
	left: 28%;
}
img.custom-index-bg-products {
	max-width: 110%;
	position: absolute;
	left: -30%;
	top: 7%;
	z-index: -99;
}
img.custom-sign-up-bg-products {
	max-width: 110%;
	position: absolute;
	left: -28%;
	top: 31%;
	z-index: -99;
}
section img.custom-bg-signup {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
}
section img.custom-signup-hardware {
  	max-width: 200%;
  	left: -39%;
  	position: absolute;
  	bottom: -87%;
}
img.bg.custom-onestore-index-01 {
	top: 8%;
	max-width: 105%;
	left: 48%;
}
img.bg.custom-onestore-mobile-pos-cover {
	bottom: 7%;
	top: auto;
	max-width: 45%;
	left: 54%;
}
img.bg.custom-onestore-terminal-cover {
	top: 44.5%;
	width: 50%;
	left: 54%;
	max-width: 200%;
}
img.bg.custom-onestore-mobile-pos-tablet-pos{
	top: -27.5%;
	width: 63%;
	left: 48%;
	max-width: 200%;
}
img.bg.stand-powa-pos {
  top: -30.5%;
  max-width: 27%;
  left: 62%;
}
img.bg.stand-wallmob-stand {
  top: -45.5%;
  max-width: 31%;
  left: 62%;
}
.col-third .logo-container img {
  max-height: 65%;
  max-width: 55%;
 }
img.bg.custom-onestore-integrations-economic {
	top: 4.5%;
	width: 100%;
	right: 61%;
	max-width: 200%;
}
.hidden {
	display: none;
}
img.bg.custom-onestore-integrations-magento {
	top: 4.5%;
	width: 86%;
	left: 53%;
	max-width: 200%;
}
img.bg.customer-centric-joe-app {
	max-width: 60%;
}
img.bg.customer-centric-red-app {
	max-width: 60%;
}
img.bg.cover-customer-centric {
	left: 37%;
	top: -22%;
}
img.bg.custom-hardware {
	top: 4.5%;
	left: 53%;
	max-width: 200%;
}
img.bg.custom-hardware.printer {
	width: 24%;
}
img.bg.custom-hardware.cashdrawer {
	width: 30%;
}
img.bg.custom-hardware.wmstand {
	width: 30%;
}
img.bg.custom-hardware.scanner {
	width: 7%;
}
img.bg.custom-hardware.ismp {
	width: 17%;
}
.leads-events ul li {
	width: 100%;
}
img.bg.custom-hardware.ismp-companion {
	width: 15%;
}
img.bg.dashbaord-products {
	top: -3.5%;
	width: 42%;
	left: 51%;
	max-width: 200%;
}
img.bg.apps-case-joe-bg {
	top: -3.5%;
	width: 42%;
	left: 51%;
	max-width: 200%;
}
img.bg.case-joe-hand {
	top: 14.5%;
	max-width: 22%;
	left: 58%;
}
.typeloop-next {
	position: absolute;
	top: 50%;
	right: 0px;
	opacity: 1;
	padding: 10px 10px;
	margin-top: -30px;
}
.typeloop-next span.icon {
	font-size: 3em;
  	margin: 0.1em 0.2em -0.1em 0;
  	color:#fff;
  	opacity: 0.4;
}
.typeloop-prev span.icon {
	font-size: 3em;
  	margin: 0.1em 0 -0.1em 0.2em;
  	color:#fff;
  	opacity: 0.4;
}
.typeloop-prev {
	position: absolute;
	top: 50%;
	left: 19%;
	opacity: 1;
	padding: 10px 10px;
	margin-top: -30px;
}
.typeloop-prev span.icon:hover {
	cursor: pointer;
	opacity: 1;
}
.typeloop-next span.icon:hover {
	cursor: pointer;
	opacity: 1;
}
ul.typeloop-headings:before {
	content: '';
	display: block;
}
ul.typeloop-headings {
	display: inline-block;
	min-height: 1.3em;
	min-width: 4em;
	list-style-type: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
ul.typeloop-headings li {
	display: none;
}
ul.typeloop-headings li.default {
	display: block;
}
ul.typeloop-images {
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
ul.typeloop-images li {
	position: absolute;
	background-position: 50%;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0.0;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
}
ul.typeloop-images li.active {
	visibility: visible;
	opacity: 1.0;
}
section.custom-dashboard-bg {
	background-repeat: no-repeat;
	background-position: 9% 41%;
	background-size: 100%;
}
img.bg.apps-products {
	top: -22.5%;
	width: 42%;
	left: 55%;
	max-width: 200%;
}
section.custom-cover-support-team {
	background-repeat: no-repeat;
	background-position: 96% 73%;
}
section img.bg.custom-oem-joe {
	top: 12.5%;
	width: 41%;
	left: 59%;
	max-width: 200%;
}
img.bg.custom-oem-miinto {
	top: 25.5%;
	width: 60%;
	right: 27%;
	max-width: 200%;
}
img.bg.custom-oem-infinite {
	top: 18.5%;
	width: 50%;
	left: 56%;
	max-width: 200%;
}
div.third > span.icon {
	font-size: 4em;
	margin:0 0 0.55em 0;
	color: #1fa3ff;
}
div.leader.left {
	margin: 
}

.social {
	text-transform: uppercase;
	color: #1fa3ff;
}
a.custom-app-order-button {
	top: 36%;
	right: 14%;
	position: absolute;
}
a.custom-pos-order-button {
	top: 50%;
	right: -7%;
	position: absolute;
}
#instafeed a {
	display: block;
	float: left;
	width: 23.333%;
	margin: 0 5%;
}
section.skew-list {
	-webkit-transform:skewY(5deg);
	-moz-transform:skewY(5deg);
	-ms-transform:skewY(5deg);
	-o-transform:skewY(5deg);
	transform:skewY(5deg);
	margin-top: -10%;
	-webkit-transform-origin:top left;
	-moz-transform-origin:top left;
	-ms-transform-origin:top left;
	-o-transform-origin:top left;
	transform-origin:top left;
	z-index: 2;
	overflow: hidden;
}
section.skew-list.flipped {
	-webkit-transform:skewY(-5deg);
	-moz-transform:skewY(-5deg);
	-ms-transform:skewY(-5deg);
	-o-transform:skewY(-5deg);
	transform:skewY(-5deg);
	-webkit-transform-origin:top right;
	-moz-transform-origin:top right;
	-ms-transform-origin:top right;
	-o-transform-origin:top right;
	transform-origin:top right;
}
section.skew-box ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	white-space: nowrap;
	width: auto;
}
section.skew-box ul li {
	display: inline-block;
	width: 26em;
	text-align: bottom;
	white-space: normal;
	position: relative;
}
section.skew-box ul li.third {
	width: 33.3333%;
}
section.skew-box ul li:after {
	position: absolute;
	display: block;
	content: '';
	height: 100%;
	width: 1px;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.1);
}
section.skew-box ul li:last-child:before {
	position: absolute;
	display: block;
	content: '';
	height: 100%;
	width: 1px;
	right: 0;
	top: 0;
	background-color: rgba(0,0,0,0.1);
}

section.skew-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	white-space: nowrap;
	width: auto;
}
section.skew-list ul li {
	display: inline-block;
	width: 26em;
	text-align: center;
	white-space: normal;
	position: relative;
}
section.skew-list ul li.third {
	width: 33.3333%;
}
section.skew-list ul li .inside {
	display: table-cell;
	vertical-align: middle;
	height: 34em;
	-webkit-transform:skewY(-5deg);
	-moz-transform:skewY(-5deg);
	-ms-transform:skewY(-5deg);
	-o-transform:skewY(-5deg);
	transform:skewY(-5deg);
	position: relative;
	padding: 0 18%;
	margin: 0;
}
section.skew-list ul li .inside span.h2-line {
	display: inline-block;
}
section.skew-list.flipped ul li .inside {
	-webkit-transform:skewY(5deg);
	-moz-transform:skewY(5deg);
	-ms-transform:skewY(5deg);
	-o-transform:skewY(5deg);
	transform:skewY(5deg);
}
section.skew-list ul li .inside > span.icon {
	font-size: 4em;
	margin:0 0 0.55em 0;
	color: #1fa3ff;
}
section.skew-list.blue ul li .inside > span.icon {
	color: rgba(0,0,0,0.25);
}
section.skew-list ul li .inside.focus-img-on-hover,
section.skew-list ul li .inside.contains-img {
	vertical-align: top;
	height: 28em;
	padding-top:6em;
}
section.skew-list ul li .inside.focus-img-on-hover img,
section.skew-list ul li .inside.contains-img img {
	position: absolute;
	bottom: -23%;
	right:1px;
	width: 100%;
	height: auto;
	z-index: -1;
	-webkit-transition:-webkit-transform 0.2s;
	-moz-transition:-moz-transform 0.2s;
	-ms-transition:-ms-transform 0.2s;
	-o-transition:-o-transform 0.2s;
	transition:transform 0.2s;
}
section.skew-list ul li .inside.focus-img-on-hover p {
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
}
.no-touch section.skew-list ul li .inside.focus-img-on-hover:hover img {
	-webkit-transform:translateY(-10%);
	-moz-transform:translateY(-10%);
	-ms-transform:translateY(-10%);
	-o-transform:translateY(-10%);
	transform:translateY(-10%);
}
.no-touch section.skew-list ul li .inside.focus-img-on-hover:hover p {
	opacity: 0.0;
	-webkit-transform:translateY(-2em);
	-moz-transform:translateY(-2em);
	-ms-transform:translateY(-2em);
	-o-transform:translateY(-2em);
	transform:translateY(-2em);
}
section.skew-list ul li:after {
	position: absolute;
	display: block;
	content: '';
	height: 100%;
	width: 1px;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.1);
}
section.skew-list ul li:last-child:before {
	position: absolute;
	display: block;
	content: '';
	height: 100%;
	width: 1px;
	right: 0;
	top: 0;
	background-color: rgba(0,0,0,0.1);
}
section.skew-list ul li .inside p {
	text-align: center;
}


section.skew-list ul li .inside .svg-container {
	width: 55%;
	margin:-10% auto 0 auto;
}

/*COLORS*/
section.connect-blue .color-white.button {
	background-color: #ffffff;
	color: #214a97;
	border-color:#ffffff;
}
section.connect-blue .color-white.button:hover {
	background-color: rgba(255,255,255,0.8);
	color: #214a97;
	border-color:#ffffff;
}
section.connect-blue .h1-line {
	background-color: rgba(255,255,255,0.2);
}
section.connect-blue .color-white-lined.button {
	background-color:rgba(255,255,255,0);
	color: #ffffff;
	border: 1px solid #ffffff;
}
section.connect-blue .color-white-lined.button:hover {
	background-color:rgba(255,255,255,1);
	color: #214a97;
	border: 1px solid #ffffff;
}
/*COLORS*/
.color-white {
	color: #fff;
	-webkit-stroke:#fff;
	-moz-stroke:#fff;
	-ms-stroke:#fff;
	-o-stroke:#fff;
	stroke:#fff;
}
.color-white.button {
	background-color: #ffffff;
	color: #1fa3ff;
	border-color:#ffffff;
}
.color-transblack {
	color: rgba(0,0,0,0.25);
	-webkit-stroke:rgba(0,0,0,0.25);
	-moz-stroke:rgba(0,0,0,0.25);
	-ms-stroke:rgba(0,0,0,0.25);
	-o-stroke:rgba(0,0,0,0.25);
	stroke:rgba(0,0,0,0.25);
}
.color-blue {
	color: #1fa3ff;
	-webkit-stroke:#1fa3ff;
	-moz-stroke:#1fa3ff;
	-ms-stroke:#1fa3ff;
	-o-stroke:#1fa3ff;
	stroke:#1fa3ff;
}
.color-blue.button {
	background-color: #1fa3ff;
	color: #fff;
	border-color:#1fa3ff;
}
.color-blue .read-more {
	border-color: #1fa3ff;
	color: #1fa3ff;
}

.color-green {
	color: #16cc53;
	-webkit-stroke:#16cc53;
	-moz-stroke:#16cc53;
	-ms-stroke:#16cc53;
	-o-stroke:#16cc53;
	stroke:#16cc53;
}

.color-sports {
	color: #82c655;
	-webkit-stroke:#82c655;
	-moz-stroke:#82c655;
	-ms-stroke:#82c655;
	-o-stroke:#82c655;
	stroke:#82c655;
}
.color-sports .read-more {
	border-color: #82c655;
	color: #82c655;
}
.color-sports.button {
	background-color: #82c655;
	color: #fff;
	border-color:#82c655;
}
.color-digital {
	color: #57c3ce;
	-webkit-stroke:#57c3ce;
	-moz-stroke:#57c3ce;
	-ms-stroke:#57c3ce;
	-o-stroke:#57c3ce;
	stroke:#57c3ce;
}
.color-digital .read-more {
	border-color: #57c3ce;
	color: #57c3ce;
}
.color-digital.button {
	background-color: #57c3ce;
	color: #fff;
	border-color:#57c3ce;
}
.no-touch a.button.color-digital:hover {
	background-color: #38a3a8;
	border-color: #38a3a8;
	color:#fff;
}
ul.usp-list.color-digital li > span {
	color: #57c3ce;
}
ul.usp-list.color-digital li > a {
	color: #57c3ce;
}

.color-fashion {
	color: #9f8be8;
	-webkit-stroke:#9f8be8;
	-moz-stroke:#9f8be8;
	-ms-stroke:#9f8be8;
	-o-stroke:#9f8be8;
	stroke:#9f8be8;
}
.color-fashion .read-more {
	border-color: #9f8be8;
	color: #9f8be8;
}
.color-fashion.button {
	background-color: #9f8be8;
	color: #fff;
	border-color:#9f8be8;
}
.no-touch a.button.color-fashion:hover {
	background-color: #7f6fba;
	border-color: #7f6fba;
	color:#fff;
}
.color-canteens {
	color: #dd3b50;
	-webkit-stroke:#dd3b50;
	-moz-stroke:#dd3b50;
	-ms-stroke:#dd3b50;
	-o-stroke:#dd3b50;
	stroke:#dd3b50;
}
.color-canteens .read-more {
	border-color: #dd3b50;
	color: #dd3b50;
}
.color-canteens.button {
	background-color: #dd3b50;
	color: #fff;
	border-color:#dd3b50;
}
.no-touch a.button.color-canteens:hover {
	background-color: #c62c40;
	border-color: #c62c40;
	color:#fff;
}
ul.usp-list.color-canteens li > span {
	color: #dd3b50;
}
ul.usp-list.color-canteens li > a {
	color: #dd3b50;
}
.color-beauty {
	color: #d861a5;
	-webkit-stroke:#d861a5;
	-moz-stroke:#d861a5;
	-ms-stroke:#d861a5;
	-o-stroke:#d861a5;
	stroke:#d861a5;
}
.color-beauty .read-more {
	border-color: #d861a5;
	color: #d861a5;
}
.color-beauty.button {
	background-color: #d861a5;
	color: #fff;
	border-color:#d861a5;
}
.no-touch a.button.color-beauty:hover {
	background-color: #aa4780;
	border-color: #aa4780;
	color:#fff;
}
ul.usp-list.color-fashion li > span {
	color: #d861a5;
}
ul.usp-list.color-food li > a {
}	

.color-food {
	color: #d39871;
	-webkit-stroke:#d39871;
	-moz-stroke:#d39871;
	-ms-stroke:#d39871;
	-o-stroke:#d39871;
	stroke:#d39871;
}
.button.color-food {
	background-color: #d39871;
	border-color: #d39871;
	color: #fff;
}
.no-touch a.button.color-food:hover {
	background-color: #a87350;
	border-color: #a87350;
	color: #fff;
}
.color-food .read-more {
	border-color: #d39871;
	color: #d39871;
}
ul.usp-list.color-food li > span {
	color: #d39871;
}
ul.usp-list.color-food li > a {
	color: #d39871;
}

.color-venues {
	color: #9ca9b2;
	-webkit-stroke:#9ca9b2;
	-moz-stroke:#9ca9b2;
	-ms-stroke:#9ca9b2;
	-o-stroke:#9ca9b2;
	stroke:#9ca9b2;
}
.color-venues .read-more {
	border-color: #9ca9b2;
	color: #9ca9b2;
}
.color-venues.button {
	background-color: #9ca9b2;
	color: #fff;
	border-color:#9ca9b2;
}
.no-touch a.button.color-venues:hover {
	background-color: #7d8c96;
	border-color: #7d8c96;
	color:#fff;
}
ul.usp-list.color-venues li > span {
	color: #9ca9b2;
}
ul.usp-list.color-venues li > a {
	color: #9ca9b2;
}
.color-connect-blue {
	color: #214a97;
	-webkit-stroke:#214a97;
	-moz-stroke:#214a97;
	-ms-stroke:#214a97;
	-o-stroke:#214a97;
	stroke:#214a97;
}
.color-connect-blue .read-more {
	border-color: #214a97;
	color: #214a97;
}
.color-connect-blue.button {
	background-color: #214a97;
	color: #fff;
	border-color:#214a97;
}
.color-connect-blue.button:hover {
	background-color: #1a3e7f;
	border-color: #1a3e7f;
	color:#fff;
}
.no-touch a.button.color-connect-blue:hover {
	background-color: #1a3e7f;
	border-color: #1a3e7f;
	color:#fff;
}
ul.usp-list.color-connect-blue li > span {
	color: #214a97;
}
ul.usp-list.color-connect-blue li > a {
	color: #214a97;
}
.color-demandware {
	color: #83b901;
	-webkit-stroke:#83b901;
	-moz-stroke:#83b901;
	-ms-stroke:#83b901;
	-o-stroke:#83b901;
	stroke:#83b901;
}
.color-demandware .read-more {
	border-color: #83b901;
	color: #83b901;
}
.color-demandware.button {
	background-color: #83b901;
	color: #fff;
	border-color:#83b901;
}
.no-touch a.button.color-demandware:hover {
	background-color: #c62c40;
	border-color: #c62c40;
	color:#fff;
}
ul.usp-list.color-demandware li > span {
	color: #83b901;
}
ul.usp-list.color-demandware li > a {
	color: #83b901;
}
.color-transport {
	color: #3973e5;
	-webkit-stroke:#3973e5;
	-moz-stroke:#3973e5;
	-ms-stroke:#3973e5;
	-o-stroke:#3973e5;
	stroke:#3973e5;
}
.color-transport .read-more {
	border-color: #3973e5;
	color: #3973e5;
}
.color-transport.button {
	background-color: #3973e5;
	color: #fff;
	border-color:#3973e5;
}
.no-touch a.button.color-transport:hover {
	background-color: #3067bf;
	border-color: #3067bf;
	color:#fff;
}
ul.usp-list.color-transport li > span {
	color: #3973e5;
}
ul.usp-list.color-transport li > a {
	color: #3973e5;
}
.color-bronze {
	color: #ca8d7a;
}
.color-bronze a.button {
	background-color: #ca8d7a;
	border-color: #ca8d7a;
}

.color-silver {
	color: #afafaf;
}
.color-silver a.button {
	background-color: #afafaf;
	border-color: #afafaf;
}

.color-gold {
	color: #d6c255;
}
.color-gold a.button {
	background-color: #d6c255;
	border-color: #d6c255;
}

section.subnav, div.details {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color:rgba(63, 74, 82, 0.95);
	background-color:rgba(46, 55, 61, 0.95);
	color: rgba(255,255,255,0.5);
	display: none;
	cursor: default;
	z-index: 3;
	cursor: url('/images/cursor-close.png'), default;
}
.subnav-active section.subnav,
.details-active div.details {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
section.subnav div.inner,
div.details div.inner {
	height: 100%;
	visibility: hidden;
	opacity: 0.0;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
	-webkit-transition-delay: 0.0s;
	-moz-transition-delay: 0.0s;
	-ms-transition-delay: 0.0s;
	-o-transition-delay: 0.0s;
	transition-delay: 0.0s;
	position: absolute;
	top: 0;
	left: 0;
}
section.subnav div.inner.pricing-container {
	position: relative;
}
section.subnav div.inner.active,
div.details div.inner.active {
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	visibility: visible;
	opacity: 1.0;
}
section.subnav h3 {
	font-weight: 100;
	font-size: 4.5em;
	color:rgba(255, 255, 255, 1.0);
	margin: -0.5em 0 1em 0;
	padding: 0;
	line-height: 1.1;
	max-width: 10em;
	margin-left:-0.06em;
}
section.subnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	max-width: 55em;
}
section.subnav .storetypes ul {
	max-width: 80em;
}
section.subnav ul li {
	float: left;
	width: 50%;
	visibility: hidden;
	opacity: 0.0;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	-ms-transition:all 0.1s;
	-o-transition:all 0.1s;
	transition:all 0.1s;
	-webkit-transition-delay: 0.0s;
	-moz-transition-delay: 0.0s;
	-ms-transition-delay: 0.0s;
	-o-transition-delay: 0.0s;
	transition-delay: 0.0s;
	-webkit-transform:translateY(-1em);
	-moz-transform:translateY(-1em);
	-ms-transform:translateY(-1em);
	-o-transform:translateY(-1em);
	transform:translateY(-1em);
}
section.subnav .storetypes ul li {
	width: 33.33%;
}
section.subnav .storetypes.onestore {
	text-align: center;
}
section.subnav .storetypes.onestore h3 {
	text-align: left;
}
section.subnav .storetypes.onestore ul li {
	color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}
section.subnav .storetypes.onestore ul li .overlay {
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
}
section.subnav .storetypes.onestore ul:hover li {
	opacity: 0.3;
}
section.subnav .storetypes.onestore ul {
	-webkit-transition: color 0s, background-color 0s, opacity 0s;
	-moz-transition: color 0s, background-color 0s, opacity 0s;
	-ms-transition: color 0s, background-color 0s, opacity 0s;
	-o-transition: color 0s, background-color 0s, opacity 0s;
	transition: color 0s, background-color 0s, opacity 0s;
}
section.subnav .storetypes.onestore ul li:hover {
	opacity: 1;
}
section.subnav .storetypes.onestore.active ul:hover li:nth-child(1),
section.subnav .storetypes.onestore.active ul:hover li:nth-child(2),
section.subnav .storetypes.onestore.active ul:hover li:nth-child(3),
section.subnav .storetypes.onestore.active ul:hover li:nth-child(4),
section.subnav .storetypes.onestore.active ul:hover li:nth-child(5),
section.subnav .storetypes.onestore.active ul:hover li:nth-child(6),
section.subnav .storetypes.onestore.active ul:hover li:nth-child(7) {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
section.subnav .storetypes.onestore ul li.color-sports .overlay {
	background: rgba(130, 198, 85, 0.75);
}
section.subnav .storetypes.onestore ul li.color-canteens .overlay {
	background: rgba(221, 59, 80, 0.75);
}
section.subnav .storetypes.onestore ul li.color-venues .overlay {
	background: rgba(156, 169, 178, 0.75);
}
section.subnav .storetypes.onestore ul li.color-digital .overlay {
	background: rgba(87, 195, 206, 0.75);
}
section.subnav .storetypes.onestore ul li.color-beauty .overlay {
	background: rgba(216, 97, 165, 0.75);
}
section.subnav .storetypes.onestore ul li.color-fashion .overlay {
	background: rgba(159, 139, 232, 0.75);
}
section.subnav .storetypes.onestore ul li.color-food .overlay {
	background: rgba(211, 152, 113, 0.75);
}
section.subnav .storetypes.onestore ul li.color-sports .read-more,
section.subnav .storetypes.onestore ul li.color-canteens .read-more,
section.subnav .storetypes.onestore ul li.color-venues .read-more,
section.subnav .storetypes.onestore ul li.color-digital .read-more,
section.subnav .storetypes.onestore ul li.color-beauty .read-more,
section.subnav .storetypes.onestore ul li.color-fashion .read-more,
section.subnav .storetypes.onestore ul li.color-food .read-more {
	color: #fff;
	border-color: #fff;
}
section.subnav .storetypes.onestore ul li {
	width: 30%;
	margin:1%;
}
section.subnav .storetypes.onestore ul li a {
	padding: 2.5em 0;
}
section.subnav ul li:nth-child(1) {
	-webkit-transition-delay: 0.0s;
	-moz-transition-delay: 0.0s;
	-ms-transition-delay: 0.0s;
	-o-transition-delay: 0.0s;
	transition-delay: 0.0s;
}
section.subnav ul li:nth-child(2) {
	-webkit-transition-delay: 0.03s;
	-moz-transition-delay: 0.03s;
	-ms-transition-delay: 0.03s;
	-o-transition-delay: 0.03s;
	transition-delay: 0.03s;
}
section.subnav ul li:nth-child(3) {
	-webkit-transition-delay: 0.06s;
	-moz-transition-delay: 0.06s;
	-ms-transition-delay: 0.06s;
	-o-transition-delay: 0.06s;
	transition-delay: 0.06s;
}
section.subnav ul li:nth-child(4) {
	-webkit-transition-delay: 0.09s;
	-moz-transition-delay: 0.09s;
	-ms-transition-delay: 0.09s;
	-o-transition-delay: 0.09s;
	transition-delay: 0.09s;
}
section.subnav ul li:nth-child(5) {
	-webkit-transition-delay: 0.12s;
	-moz-transition-delay: 0.12s;
	-ms-transition-delay: 0.12s;
	-o-transition-delay: 0.12s;
	transition-delay: 0.12s;
}
section.subnav ul li:nth-child(6) {
	-webkit-transition-delay: 0.15s;
	-moz-transition-delay: 0.15s;
	-ms-transition-delay: 0.15s;
	-o-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
section.subnav ul li:nth-child(7) {
	-webkit-transition-delay: 0.18s;
	-moz-transition-delay: 0.18s;
	-ms-transition-delay: 0.18s;
	-o-transition-delay: 0.18s;
	transition-delay: 0.18s;
}
section.subnav ul li:nth-child(8) {
	-webkit-transition-delay: 0.21s;
	-moz-transition-delay: 0.21s;
	-ms-transition-delay: 0.21s;
	-o-transition-delay: 0.21s;
	transition-delay: 0.21s;
}
section.subnav ul li:nth-child(9) {
	-webkit-transition-delay: 0.24s;
	-moz-transition-delay: 0.24s;
	-ms-transition-delay: 0.24s;
	-o-transition-delay: 0.24s;
	transition-delay: 0.24s;
}
section.subnav ul li:nth-child(10) {
	-webkit-transition-delay: 0.27s;
	-moz-transition-delay: 0.27s;
	-ms-transition-delay: 0.27s;
	-o-transition-delay: 0.27s;
	transition-delay: 0.27s;
}

section.subnav .active ul li:nth-child(1) {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
section.subnav .active ul li:nth-child(2) {
	-webkit-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	-ms-transition-delay: 0.25s;
	-o-transition-delay: 0.25s;
	transition-delay: 0.25s;
}
section.subnav .active ul li:nth-child(3) {
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
section.subnav .active ul li:nth-child(4) {
	-webkit-transition-delay: 0.35s;
	-moz-transition-delay: 0.35s;
	-ms-transition-delay: 0.35s;
	-o-transition-delay: 0.35s;
	transition-delay: 0.35s;
}
section.subnav .active ul li:nth-child(5) {
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
section.subnav .active ul li:nth-child(6) {
	-webkit-transition-delay: 0.45s;
	-moz-transition-delay: 0.45s;
	-ms-transition-delay: 0.45s;
	-o-transition-delay: 0.45s;
	transition-delay: 0.45s;
}
section.subnav .active ul li:nth-child(7) {
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
section.subnav .active ul li:nth-child(8) {
	-webkit-transition-delay: 0.55s;
	-moz-transition-delay: 0.55s;
	-ms-transition-delay: 0.55s;
	-o-transition-delay: 0.55s;
	transition-delay: 0.55s;
}
section.subnav .active ul li:nth-child(9) {
	-webkit-transition-delay: 0.6s;
	-moz-transition-delay: 0.6s;
	-ms-transition-delay: 0.6s;
	-o-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
section.subnav .active ul li:nth-child(10) {
	-webkit-transition-delay: 0.65s;
	-moz-transition-delay: 0.65s;
	-ms-transition-delay: 0.65s;
	-o-transition-delay: 0.65s;
	transition-delay: 0.65s;
}
section.subnav .active ul li:nth-child(11) {
	-webkit-transition-delay: 0.70s;
	-moz-transition-delay: 0.70s;
	-ms-transition-delay: 0.70s;
	-o-transition-delay: 0.70s;
	transition-delay: 0.70s;
}
section.subnav .active ul li:nth-child(12) {
	-webkit-transition-delay: 0.75s;
	-moz-transition-delay: 0.75s;
	-ms-transition-delay: 0.75s;
	-o-transition-delay: 0.75s;
	transition-delay: 0.75s;
}
section.subnav .active ul li:nth-child(13) {
	-webkit-transition-delay: 0.80s;
	-moz-transition-delay: 0.80s;
	-ms-transition-delay: 0.80s;
	-o-transition-delay: 0.80s;
	transition-delay: 0.80s;
}
section.subnav .active ul li:nth-child(14) {
	-webkit-transition-delay: 0.85s;
	-moz-transition-delay: 0.85s;
	-ms-transition-delay: 0.85s;
	-o-transition-delay: 0.85s;
	transition-delay: 0.85s;
}
section.subnav .active ul li:nth-child(15) {
	-webkit-transition-delay: 0.90s;
	-moz-transition-delay: 0.90s;
	-ms-transition-delay: 0.90s;
	-o-transition-delay: 0.90s;
	transition-delay: 0.90s;
}
section.subnav .active ul li:nth-child(16) {
	-webkit-transition-delay: 0.95s;
	-moz-transition-delay: 0.95s;
	-ms-transition-delay: 0.95s;
	-o-transition-delay: 0.95s;
	transition-delay: 0.95s;
}
section.subnav .active ul li:nth-child(17) {
	-webkit-transition-delay: 1.0s;
	-moz-transition-delay: 1.0s;
	-ms-transition-delay: 1.0s;
	-o-transition-delay: 1.0s;
	transition-delay: 1.0s;
}

section.subnav .active ul li {
	visibility: visible;
	opacity: 1.0;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0);
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
}
section.subnav ul li a {
	padding:1.7em 0;
	overflow: hidden;
	height: 3em;
}
section.subnav .storetypes ul li a {
	height: 6em;
}
section.subnav ul li a span.svg-container {
	width: 6em;
	float: left;
	margin:-1.8em 0 0 0;
}
.no-touch section.subnav ul li a span.svg-container svg {
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
}
.no-touch section.subnav ul:hover li a span.svg-container svg {
	-webkit-stroke:#fff;
	-moz-stroke:#fff;
	-ms-stroke:#fff;
	-o-stroke:#fff;
	stroke:#fff;
}
.no-touch section.subnav > div > div > div > ul:hover li a {
	color: #fff;
	opacity: 0.3;
}
.no-touch section.subnav > div > div > div > ul:hover li a:hover {
	opacity: 1.0;
	color: inherit;
}
.no-touch section.subnav ul:hover li a:hover span.svg-container svg {
	-webkit-stroke:inherit;
	-moz-stroke:inherit;
	-ms-stroke:inherit;
	-o-stroke:inherit;
	stroke:inherit;
}
section.subnav #subnav-businesstypes > div > div > div > ul li a {
	padding:2.3em 0;
	margin-left: -0.8em;
}
section.subnav #subnav-businesstypes ul li a span.svg-container {
	width: 8em;
	float: left;
	margin:-3em 1em 0 0;
}
div.pricing {
	position: relative;
	display: block;
	margin: 0;
}
div.pricing ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.pricing ul li {
	height:3.5em;
	line-height:3.5em;
	position: relative;
	float: none;
	width: 100%;
}
div.pricing ul li:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: -100%;
	width: 300%;
	height: 0;
	border-top: 1px dashed rgba(0,0,0,0.12);
}
.dark div.pricing ul li:before {
	border-top: 1px dashed rgba(255,255,255,0.10);
}
div.pricing ul li.head-container:before {
	display: none;
}
div.pricing ul li .link {
	line-height: inherit;
}
div.pricing ul li.head-container {
	height: 7.5em;
}
div.pricing ul li.price-container {
	height: 9em;
}
div.pricing ul li.price-container .price {
	font-size:2.4em;
	display: block;
	padding:0.4em 0 0.2em 0;
}
div.pricing ul li.price-container p {
	max-width: 27em;
}
div.pricing div.plans-container {
	position: absolute;
	top: 0;
	right: 0;
	width: 60%;
	min-width: 40em;
}
div.pricing div.plans-container label {
	width:29%;
	background-color: #fff;
	text-align: center;
	float: left;
	margin: 0 0 0 4.33%;
	display: block;
	box-shadow: 0 0 0 2px transparent;
	position: relative;
}
div.pricing div.plans-container label span.tip {
	display: block;
	position: absolute;
	top:-5.6em;
	left: 0;
	width: 100%;
	padding: 0.8em 0;
	font-size: 1.35em;
	color: #fff;
	background-color: #16cc53;
	opacity: 1;
	pointer-events:none;
	/*-webkit-animation-name: tipanimation;
	-moz-animation-name: tipanimation;
	-ms-animation-name: tipanimation;
	-o-animation-name: tipanimation;
	animation-name: tipanimation;
	-webkit-animation-duration: 4.5s;
	-moz-animation-duration: 4.5s;
	-ms-animation-duration: 4.5s;
	-o-animation-duration: 4.5s;
	animation-duration: 4.5s;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-direction: alternate;
	-moz-animation-direction: alternate;
	-ms-animation-direction: alternate;
	-o-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	animation-delay: 1.5s;*/
}
@-webkit-keyframes tipanimation {
	0% {
		opacity: 0.0;
		-webkit-transform:translateY(-2em);
	}
	20% {
		opacity: 1.0;
		-webkit-transform:translateY(0em);
	}
	30% {
		-webkit-transform:translateY(-0.3em);
	}
	40% {
		-webkit-transform:translateY(0em);
	}
	50% {
		-webkit-transform:translateY(-0.3em);
	}
	60% {
		-webkit-transform:translateY(0em);
	}
	70% {
		-webkit-transform:translateY(-0.3em);
	}
	80% {
		opacity: 1.0;
		-webkit-transform:translateY(0em);
	}
	100% {
		opacity: 0.0;
		-webkit-transform:translateY(-2em);
	}
}
@-moz-keyframes tipanimation {
	0% {
		opacity: 0.0;
		-moz-transform:translateY(-2em);
	}
	20% {
		opacity: 1.0;
		-moz-transform:translateY(0em);
	}
	30% {
		-moz-transform:translateY(-0.3em);
	}
	40% {
		-moz-transform:translateY(0em);
	}
	50% {
		-moz-transform:translateY(-0.3em);
	}
	60% {
		-moz-transform:translateY(0em);
	}
	70% {
		-moz-transform:translateY(-0.3em);
	}
	80% {
		opacity: 1.0;
		-moz-transform:translateY(0em);
	}
	100% {
		opacity: 0.0;
		-moz-transform:translateY(-2em);
	}
}
@-ms-keyframes tipanimation {
	0% {
		opacity: 0.0;
		-ms-transform:translateY(-2em);
	}
	20% {
		opacity: 1.0;
		-ms-transform:translateY(0em);
	}
	30% {
		-ms-transform:translateY(-0.3em);
	}
	40% {
		-ms-transform:translateY(0em);
	}
	50% {
		-ms-transform:translateY(-0.3em);
	}
	60% {
		-ms-transform:translateY(0em);
	}
	70% {
		-ms-transform:translateY(-0.3em);
	}
	80% {
		opacity: 1.0;
		-ms-transform:translateY(0em);
	}
	100% {
		opacity: 0.0;
		-ms-transform:translateY(-2em);
	}
}
@-o-keyframes tipanimation {
	0% {
		opacity: 0.0;
		-o-transform:translateY(-2em);
	}
	20% {
		opacity: 1.0;
		-o-transform:translateY(0em);
	}
	30% {
		-o-transform:translateY(-0.3em);
	}
	40% {
		-o-transform:translateY(0em);
	}
	50% {
		-o-transform:translateY(-0.3em);
	}
	60% {
		-o-transform:translateY(0em);
	}
	70% {
		-o-transform:translateY(-0.3em);
	}
	80% {
		opacity: 1.0;
		-o-transform:translateY(0em);
	}
	100% {
		opacity: 0.0;
		-o-transform:translateY(-2em);
	}
}
@keyframes tipanimation {
	0% {
		opacity: 0.0;
		transform:translateY(-2em);
	}
	20% {
		opacity: 1.0;
		transform:translateY(0em);
	}
	30% {
		transform:translateY(-0.3em);
	}
	40% {
		transform:translateY(0em);
	}
	50% {
		transform:translateY(-0.3em);
	}
	60% {
		transform:translateY(0em);
	}
	70% {
		transform:translateY(-0.3em);
	}
	80% {
		opacity: 1.0;
		transform:translateY(0em);
	}
	100% {
		opacity: 0.0;
		transform:translateY(-2em);
	}
}
div.pricing div.plans-container label span.tip:after {
	border-left: 0.7em solid transparent;
	border-right: 0.7em solid transparent;
	border-top: 0.6em solid #16cc53;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin:-1px auto 0 auto;
	height: 0;
	width: 0;
	overflow: hidden;
	display: block;
	content: '';
}
div.pricing div.plans-container label span.tip span.icon {
	display: block;
	font-size: 1.5em;
	margin:0 0 0.3em 0;
}
div.pricing div.plans-container input {
	display: none;
}
.dark div.pricing div.plans-container label {
	background-color: rgba(63, 74, 82, 1.0);
}
div.pricing div.plans-container label.recommended {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}
div.pricing div.plans-container ul.plan li:before {
	width: 100%;
	left: 0;
}
div.pricing div.plans-container ul.plan li.head-container .link {
	line-height: 1;
	padding-top: 1.8em;
}
div.pricing div.plans-container ul.plan li.head-container .head {
	font-size: 2.4em;
	padding: 0;
	display: block;
	line-height: 1.6;
}
div.pricing div.plans-container ul.plan li span.icon {
	font-size: 2.1em;
	display: block;
	padding:0.37em 0 0 0;
}
div.pricing div.plans-container ul.plan li a.button {
	padding: 0;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 100%;
	margin-top: -1.55em;
	left: 0;
}
div.pricing div.plans-container ul.plan li.price-container .price {
	padding:0.4em 0 0 0;
}
div.pricing div.plans-container ul.plan li.price-container p {
	text-align: center;
}
#page-signup div.pricing div.plans-container label {
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
	cursor: pointer;
	box-shadow: 0 0 0 0 transparent;
}
.no-touch #page-signup div.pricing div.plans-container label:hover {
	background-color:rgba(68, 80, 88, 1.0);
}
.no-touch #page-signup div.pricing div.plans-container input:checked + label:hover,
#page-signup div.pricing div.plans-container input:checked + label {
	box-shadow: 0 0 0 2px #16cc53;
	background-color:rgba(63, 74, 82, 1.0);
}
#page-signup div.pricing div.plans-container label:before {
	font-family: 'wm15';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	content: "\e615";
	color: rgba(46, 55, 61, 1.0);
	border:2px solid rgba(46, 55, 61, 1.0);
	background-color:rgba(63, 74, 82, 1.0);
	width: 1em;
	height: 1em;
	line-height: 1;
	overflow: hidden;
	font-size: 4em;
	border-radius: 1.2em;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: -0.53em auto 0 auto;
	display: block;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
}
.no-touch #page-signup div.pricing div.plans-container input:checked + label:hover:before,
#page-signup div.pricing div.plans-container input:checked + label:before {
	color: #fff;
	border:2px solid #16cc53;
	background-color:#16cc53;
}
.no-touch #page-signup div.pricing div.plans-container label:hover:before {
	background-color:rgba(68, 80, 88, 1.0);
}
#page-signup div.pricing div.plans-container ul.plan li a.button {
	display: none;
}
#page-signup .pricing-container div.boxed {
	margin:6% 0 16% 0;
	padding: 5em 0 6em 0;
}
#page-signup .pricing-container h1 {
	max-width: 8em;
}
#page-signup .pricing-container ul.usp-list {
	margin-bottom: -3.5em;
}
#page-signup .pricing-container ul.usp-list li > span {
	color: #fff;
}
div.video-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
	opacity: 0.25;
}
div.video-bg > img, div.video-bg > video {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	max-width: 1000%;
}
div.video-bg > img {
	z-index: 1;
}
div.video-bg > video {
	z-index: 2;
}
section img.clients-logoer {
	display: block;
	line-height: 3em;
	margin: 0 0 2.5em 0;
}
.video-container .video-sizer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.5%;
}
.video-container .video-sizer iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
}
div.instagram-feed {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
div.instagram-feed img {
	float: left;
	width: 16.6666%;
	height: auto;
	opacity: 0.15;
	-webkit-filter:grayscale(100%);
}

.signup-overlay {
	display: none; 
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background-color: black; 
	opacity: 0.8; 
	z-index: 999999;
}
.overlaygrey {
	background-image: linear-gradient(to right,rgba(63, 74, 82, 0.5) 6%, rgba(63, 74, 82, 1) 28%,rgba(63, 74, 82, 0.9) 50%, rgba(63, 74, 82, 0));
	background-image: -webkit-linear-gradient(to right,rgba(63, 74, 82, 0.5) 6%, rgba(63, 74, 82, 1) 28%,rgba(63, 74, 82, 0.9) 50%, rgba(63, 74, 82, 0));
	background-image: -moz-linear-gradient(to right,rgba(63, 74, 82, 0.5) 6%, rgba(63, 74, 82, 1) 28%,rgba(63, 74, 82, 0.9) 50%, rgba(63, 74, 82, 0));
	background-image: -o-linear-gradient(to right,rgba(63, 74, 82, 0.5) 6%, rgba(63, 74, 82, 1) 28%,rgba(63, 74, 82, 0.9) 50%, rgba(63, 74, 82, 0));
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}
.overlaygrey.flip {
	background-image: linear-gradient(to left, rgba(63, 74, 82, 0.9) 35%, rgba(63, 74, 82, 0));
	background-image: -webkit-linear-gradient(to left, rgba(63, 74, 82, 0.9) 35%, rgba(63, 74, 82, 0));
	background-image: -moz-linear-gradient(to left, rgba(63, 74, 82, 0.9) 35%, rgba(63, 74, 82, 0));
	background-image: -o-linear-gradient(to left, rgba(63, 74, 82, 0.9) 35%, rgba(63, 74, 82, 0));
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}
.signup-overlay .overlay-content {
	position: fixed; 
	top: 50%; 
	left: 50%; 
	font-size: 60px; 
	color: white; 
	margin-left: -192px; 
	margin-top: -30px;
}

/* big resolutions */
@media only screen and (min-width: 1900px) {
	body {
		font-size:16px;
	}
}
/* tablet, landscape */
@media only screen and (max-width: 1250px) {
	body {
		font-size:12px;
	}
}
@media only screen and (max-width: 1100px) {
	body {
		font-size:11px;
	}
	header {
		font-size: 1em;
		width: 18%;
		left: 0;
	}
	section > .inner, footer > .inner, .slider-content .inner {
		margin: 0 5% 0 23%;
	}
	.poly div.boxed {
		padding: 3em 0;
	}
	section.feature .inner {
		padding: 8% 0 12% 0;
	}
	img.integrations-erp {
		max-width: 50%;
		margin-left:5%; 
	}
	/*SKEWED SECTIONS*/
	/* Counter Clock Wise, small angle */
	.cut-ccw01 {
		-webkit-clip-path: polygon(0 70px,100% 0,100% 100%,0 100%);
		-moz-clip-path: polygon(0 70px,100% 0,100% 100%,0 100%);
		-ms-clip-path: polygon(0 70px,100% 0,100% 100%,0 100%);
		-o-clip-path: polygon(0 70px,100% 0,100% 100%,0 100%);
		clip-path: polygon(0 70px,100% 0,100% 100%,0 100%);
		margin-top:-70px;
	}
	/* Counter Clock Wise, bigger angle */
	.cut-ccw02 {
		-webkit-clip-path: polygon(0 100px,100% 0,100% 100%,0 100%);
		-moz-clip-path: polygon(0 100px,100% 0,100% 100%,0 100%);
		-ms-clip-path: polygon(0 100px,100% 0,100% 100%,0 100%);
		-o-clip-path: polygon(0 100px,100% 0,100% 100%,0 100%);
		clip-path: polygon(0 100px,100% 0,100% 100%,0 100%);
		margin-top:-100px;
	}

	/* Clock Wise, small angle */
	.cut-cw01 {
		-webkit-clip-path: polygon(0 0,100% 70px,100% 100%,0 100%);
		-moz-clip-path: polygon(0 0,100% 70px,100% 100%,0 100%);
		-ms-clip-path: polygon(0 0,100% 70px,100% 100%,0 100%);
		-o-clip-path: polygon(0 0,100% 70px,100% 100%,0 100%);
		clip-path: polygon(0 0,100% 70px,100% 100%,0 100%);
		margin-top:-70px;
	}

	/* Clock Wise, bigger angle */
	.cut-cw02 {
		-webkit-clip-path: polygon(0 0,100% 100px,100% 100%,0 100%);
		-moz-clip-path: polygon(0 0,100% 100px,100% 100%,0 100%);
		-ms-clip-path: polygon(0 0,100% 100px,100% 100%,0 100%);
		-o-clip-path: polygon(0 0,100% 100px,100% 100%,0 100%);
		clip-path: polygon(0 0,100% 100px,100% 100%,0 100%);
		margin-top:-100px;
	}

	section.cover .cover-img {
		max-width: 108%;
	}

	.typeloop-prev {
		left: 18%;
	}
	img.bg.juicy-burger-ipad {
		left:-30%;
	}
}

/* tablet, portrait & smartphones, landscape */
@media only screen and (max-width: 1023px) {
	body {
		font-size:12px;
	}

	header {
		width: 100%;
		height: 100%;
		left: 0;
		-webkit-transform:scale(1.15);
		-moz-transform:scale(1.15);
		-ms-transform:scale(1.15);
		-o-transform:scale(1.15);
		transform:scale(1.15);
		visibility: hidden;
		opacity: 0.0;
		-webkit-transition:all 0.3s;
		-moz-transition:all 0.3s;
		-ms-transition:all 0.3s;
		-o-transition:all 0.3s;
		transition:all 0.3s;
		z-index: -1;
	}
	header > a.logo {
		padding:7em 7% 7% 7%;
		width: 15em;
	}
	header > a.logo span.icon {
		visibility: visible;
		opacity: 1.0;
		font-size: 3.5em;
		bottom: auto;
		top: 2em;
		right: -0.8em;
	}
	header ul.subbrand-list {
		top: 13em;
	}
	header .subbrand-container {
		font-size: 2.3em;
	}
	header > a.logo span.subbrand-container {
		left: 0;
		bottom: 0;
		position: relative;
	}
	header ul.subbrand-list a {
		padding: 0.5em 7%;
	}
	section.feature h1 {
		margin: 0.4em 0 0.8em;
	}
	ul.typeloop-images li {
		background-position: 70% 0;
	}
	section.subnav div.inner {
		margin-right: 22%;
	}
	section.subnav .storetypes ul li {
		width: 100%;

	}
	section.subnav .storetypes h3 {
		margin:2.5em 0 0.5em 0;
	}
	section.subnav .storetypes ul {
		overflow: hidden;
		margin-bottom: 3em;
	}
	section.subnav .storetypes ul li a {
		padding: 1.3em 0;
	}
	
	section.subnav .category-menu ul li {
		width: 100%;
		margin-bottom: 2em;
	}
	section.subnav .category-menu h3 {
		margin:2.5em 0 0.5em 0;
	}
	section.subnav .category-menu ul {
		overflow: hidden;
		margin-bottom: 3em;
	}
	section.subnav .category-menu ul li a {
		padding: 1.3em 0;
	}

	header > nav > ul > li > a.link {
		padding:0 7%;
	}
	header > ul.header-footer {
		left: 7%;
		width: 86%;
		padding:0 0 7% 0;
	}
	section.subnav h3 {
		font-size: 3em;
	}
	.nav-expanded header {
		-webkit-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-ms-transform:scale(1.0);
		-o-transform:scale(1.0);
		transform:scale(1.0);
		visibility: visible;
		opacity: 1.0;
		z-index: 10;
	}
	.nav-expanded.subnav-active header {
		-webkit-transform:translateX(85%);
		-moz-transform:translateX(85%);
		-ms-transform:translateX(85%);
		-o-transform:translateX(85%);
		transform:translateX(85%);
	}
	div.main-content {
		-webkit-transition:-webkit-transform 0.3s;
		-moz-transition:-moz-transform 0.3s;
		-ms-transition:-ms-transform 0.3s;
		-o-transition:-o-transform 0.3s;
		transition:transform 0.3s;
	}
	.nav-expanded div.main-content {
		-webkit-transform:scale(0.85) translateY(4em);
		-moz-transform:scale(0.85) translateY(4em);
		-ms-transform:scale(0.85) translateY(4em);
		-o-transform:scale(0.85) translateY(4em);
		transform:scale(0.85) translateY(4em);
	}
	a.nav-expander {
		display: block;
		position: fixed;
		z-index: 100;
		top: 0;
		padding:2em;
		margin-left: -2em;
		left: 7%;
	}
	a.nav-expander span {
		display: block;
		height: 3px;
		border-radius:2px;
		background-color: rgba(46, 55, 61, 1.0);
		width:3.5em;
		margin:5px 0;
	}
	.nav-expanded a.nav-expander span {
		display: block;
		height: 3px;
		border-radius:2px;
		background-color: #1fa3ff;
		width:3.5em;
		margin:5px 0;
		-webkit-transition:all 0.2s;
		-moz-transition:all 0.2s;
		-ms-transition:all 0.2s;
		-o-transition:all 0.2s;
		transition:all 0.2s;
	}
	.nav-expanded a.nav-expander span:nth-child(2) {
		opacity: 0.0;
	}
	.nav-expanded a.nav-expander span:nth-child(1) {
		-webkit-transform:rotate(-45deg) translateY(0.5em) translateX(-0.5em);
		-moz-transform:rotate(-45deg) translateY(0.5em) translateX(-0.5em);
		-ms-transform:rotate(-45deg) translateY(0.5em) translateX(-0.5em);
		-o-transform:rotate(-45deg) translateY(0.5em) translateX(-0.5em);
		transform:rotate(-45deg) translateY(0.5em) translateX(-0.5em);
	}
	.nav-expanded a.nav-expander span:nth-child(3) {
		-webkit-transform:rotate(45deg) translateY(-0.4em) translateX(-0.4em);
		-moz-transform:rotate(45deg) translateY(-0.4em) translateX(-0.4em);
		-ms-transform:rotate(45deg) translateY(-0.4em) translateX(-0.4em);
		-o-transform:rotate(45deg) translateY(-0.4em) translateX(-0.4em);
		transform:rotate(45deg) translateY(-0.4em) translateX(-0.4em);
	}
	section:first-child {
		padding-top: 4em;
	}
	section > .inner, footer > .inner, .slider-content .inner {
		margin: 0 7%;
	}
	section.feature {
		min-height: 40em;
	}

	/* Counter Clock Wise, small angle */
	.cut-ccw01 {
		-webkit-clip-path: polygon(0 50px,100% 0,100% 100%,0 100%);
		-moz-clip-path: polygon(0 50px,100% 0,100% 100%,0 100%);
		-ms-clip-path: polygon(0 50px,100% 0,100% 100%,0 100%);
		-o-clip-path: polygon(0 50px,100% 0,100% 100%,0 100%);
		clip-path: polygon(0 50px,100% 0,100% 100%,0 100%);
		margin-top:-50px;
	}
	.poly.cut-ccw01.border-top:before {
		height: 50px;
		-webkit-clip-path: polygon(0 50px,100% 0,100% 1px,0 100%);
		-moz-clip-path: polygon(0 50px,100% 0,100% 1px,0 100%);
		-ms-clip-path: polygon(0 50px,100% 0,100% 1px,0 100%);
		-o-clip-path: polygon(0 50px,100% 0,100% 1px,0 100%);
		clip-path: polygon(0 50px,100% 0,100% 1px,0 100%);
	}

	/* Counter Clock Wise, bigger angle */
	.cut-ccw02 {
		-webkit-clip-path: polygon(0 70px,100% 0,100% 100%,0 100%);
		-moz-clip-path: polygon(0 70px,100% 0,100% 100%,0 100%);
		-ms-clip-path: polygon(0 70px,100% 0,100% 100%,0 100%);
		-o-clip-path: polygon(0 70px,100% 0,100% 100%,0 100%);
		clip-path: polygon(0 70px,100% 0,100% 100%,0 100%);
		margin-top:-70px;
	}
	.poly.cut-ccw02.border-top:before {
		height: 70px;
		-webkit-clip-path: polygon(0 70px,100% 0,100% 1px,0 100%);
		-moz-clip-path: polygon(0 70px,100% 0,100% 1px,0 100%);
		-ms-clip-path: polygon(0 70px,100% 0,100% 1px,0 100%);
		-o-clip-path: polygon(0 70px,100% 0,100% 1px,0 100%);
		clip-path: polygon(0 70px,100% 0,100% 1px,0 100%);
	}

	/* Clock Wise, small angle */
	.cut-cw01 {
		-webkit-clip-path: polygon(0 0,100% 50px,100% 100%,0 100%);
		-moz-clip-path: polygon(0 0,100% 50px,100% 100%,0 100%);
		-ms-clip-path: polygon(0 0,100% 50px,100% 100%,0 100%);
		-o-clip-path: polygon(0 0,100% 50px,100% 100%,0 100%);
		clip-path: polygon(0 0,100% 50px,100% 100%,0 100%);
		margin-top:-50px;
	}
	.poly.cut-cw01.border-top:before {
		height: 50px;
		-webkit-clip-path: polygon(0 0,100% 50px,100% 1px,0 100%);
		-moz-clip-path: polygon(0 0,100% 50px,100% 1px,0 100%);
		-ms-clip-path: polygon(0 0,100% 50px,100% 1px,0 100%);
		-o-clip-path: polygon(0 0,100% 50px,100% 1px,0 100%);
		clip-path: polygon(0 0,100% 50px,100% 1px,0 100%);
	}

	/* Clock Wise, bigger angle */
	.cut-cw02 {
		-webkit-clip-path: polygon(0 0,100% 70px,100% 100%,0 100%);
		-moz-clip-path: polygon(0 0,100% 70px,100% 100%,0 100%);
		-ms-clip-path: polygon(0 0,100% 70px,100% 100%,0 100%);
		-o-clip-path: polygon(0 0,100% 70px,100% 100%,0 100%);
		clip-path: polygon(0 0,100% 70px,100% 100%,0 100%);
		margin-top:-70px;
	}
	.poly.cut-cw02.border-top:before {
		height: 70px;
		-webkit-clip-path: polygon(0 0,100% 70px,100% 1px,0 100%);
		-moz-clip-path: polygon(0 0,100% 70px,100% 1px,0 100%);
		-ms-clip-path: polygon(0 0,100% 70px,100% 1px,0 100%);
		-o-clip-path: polygon(0 0,100% 70px,100% 1px,0 100%);
		clip-path: polygon(0 0,100% 70px,100% 1px,0 100%);
	}
	.typeloop-prev {
		left: 0;
	}
	div.details > .inner {
		margin: 0;
		width: 100%;
	}
}

@media only screen and (max-width: 950px) {
	body#page-split .nav-expander {
		display: none;
	}
	body#page-split section {
		height: 50%;
		position: fixed;
		width: 100%;
		text-align: left;
	}
	body#page-split section > * {
		margin-left: 7%;
	}
	body#page-split section.enterprise {
		left: 0;
		top: 0;
		-webkit-clip-path: polygon(0 0,100% 0,100% 80%,0 100%);
		padding-right: 0;
		padding-bottom:7%;
		z-index: 2;
	}
	body#page-split section.onestore {
		right: auto;
		left: 0;
		top: 50%;
	}
	body#page-split section img.split-bg {
		position: absolute;
		bottom: 0;
		display: none;
	}
	body#page-split section .button {
		margin-top: 0;
	}
	body#page-split section h1 {
		font-size: 4.5em;
	}
	body#page-split .svg-container {
		display: none;
	}
	div.pricing div.plans-container label.recommended {
		-webkit-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-ms-transform:scale(1.0);
		-o-transform:scale(1.0);
		transform:scale(1.0);
	}
	div.pricing div.plans-container {
		width: 100%;
		min-width: 10em;
	}
	div.pricing div.plans-container label {
		position: absolute;
		top: 7.5em;
		right: 0;
		width: 100%;
		background-color: transparent;
	}
	section.feature {
		min-height: 0;
	}
	section.feature:first-child {
		padding-top: 0;
	}
	section.cover .cover-img {
		left: 20%;
	}
	div.slider > ul.slider-content {
		padding-top: 15%;
	}
	div.pricing ul li {
		position: relative;
	}
	div.pricing ul li:before {
		height: 100%;
		background-color: #fff;
		z-index: -1;
	}
	div.pricing ul li:nth-child(2):before {
		border-top: none;
	}
	div.pricing div.plans-container ul li:before {
		display: none;
	}
	div.pricing div.plans-container label ul li {
		display: none;
		text-align: right;
	}
	div.pricing div.plans-container label ul li.head-container {
		display: block;
		position: absolute;
		top: -7.5em;
		width: 33.33%;
		text-align: center;
		margin:0;
	}
	div.pricing div.plans-container label.current ul li.head-container:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		height: 0;
		width: 0;
		border-bottom: 1em solid #fff;
		border-left: 1em solid transparent;
		border-right: 1em solid transparent;
	}
	div.pricing ul li.price-container p {
		max-width: 100%;
	}
	div.pricing div.plans-container ul.plan li.price-container p {
		text-align: right;
	}
	div.pricing ul li.price-container .price {
		font-size: 2.4em;
		line-height: 1;
		display: block;
		padding: 0.7em 0 0.6em 0;
	}
	div.pricing ul.features li.price-container .price {
		width: 70%;
	}
	.subnav div.pricing ul.features li.price-container .price {
		font-size: 1.7em;
		line-height: 1.2;
	}
	div.pricing div.plans-container li.price-container .price {
		margin-top: 0.1em;
		margin-bottom: 0.3em;
	}
	div.pricing div.plans-container ul.plan li.head-container .head {
		font-size: 2em;
	}
	div.pricing ul li.price-container {
		min-height: 14em;
	}
	.subnav div.pricing ul li.price-container {
		min-height: 12em;
	}
	div.pricing div.plans-container label.label-plan-bronze ul li.head-container {
		left: 0;
	}
	div.pricing div.plans-container label.label-plan-silver ul li.head-container {
		left: 33.33%;
	}
	div.pricing div.plans-container label.label-plan-gold ul li.head-container {
		left: 66.66%;
	}
	div.pricing div.plans-container label.current ul li {
		display: block;
	}
	div.pricing div.plans-container label span.tip {
		display: none;
	}
	.dark div.pricing div.plans-container label {
		background-color: transparent;
	}
	.dark div.pricing ul li:before {
		background-color: rgba(63, 74, 82, 1.0);
	}
	.dark div.pricing div.plans-container label.current ul li.head-container:after {
		border-bottom: 1em solid rgba(63, 74, 82, 1.0);
	}
	#page-signup div.pricing div.plans-container label {
		box-shadow: 0 0 0 0 transparent;
	}
	.no-touch #page-signup div.pricing div.plans-container label:hover {
		background-color:transparent;
	}
	.no-touch #page-signup div.pricing div.plans-container input:checked + label:hover,
	#page-signup div.pricing div.plans-container input:checked + label {
		box-shadow:none;
		background-color:transparent;
	}
	#page-signup div.pricing div.plans-container label:before {
		top: -2.75em;
		left: 0;
		right: auto;
		margin:0 0 0 -0.55em;
	}
	#page-signup div.pricing div.plans-container label.label-plan-bronze:before {
		left: 17%;
	}
	#page-signup div.pricing div.plans-container label.label-plan-silver:before {
		left: 50%;
	}
	#page-signup div.pricing div.plans-container label.label-plan-gold:before {
		left: 83%;
	}
	.no-touch #page-signup div.pricing div.plans-container input:checked + label:hover:before,
	#page-signup div.pricing div.plans-container input:checked + label:before {
		color: #fff;
		border:2px solid #16cc53;
		background-color:#16cc53;
	}
	#page-signup div.pricing div.plans-container ul.plan li a.button {
		display: none;
	}
	#page-signup .pricing-container div.boxed {
		margin:0;
		padding: 0;
	}
	#page-signup .pricing-container ul.usp-list {
		margin-top: 3em;
		margin-bottom: 6em;
	}
	#page-signup .pricing-container .price-container {
		padding-bottom: 7em;
	}
	#page-signup .pricing-container ul.usp-list li > span {
		color: #fff;
	}
	#page-signup .pricing-container label.current ul li.head-container:after {
		display: none;
	}
	#page-signup .pricing-container input:checked + label ul li.head-container:after {
		display: block;
		opacity: 1.0;
	}
	#page-signup .nav-expander {
		display: none;
	}
	ul.usp-list {
		margin-top: 3em;
	}
	img.support-team {
		top: 3em;
  		position: relative;
	}
	.cover-hardware {
  		background-size: 100%;
  	}
}

/* tablet, portrait & smartphones, landscape */
@media only screen and (max-width: 767px) {
	body {
		font-size:12px;
	}
	.overlaygrey {
	background-image: linear-gradient(to right,rgba(63, 74, 82, 0.5) 6%, rgba(63, 74, 82, 1) 28%,rgba(63, 74, 82, 0.9) 50%, rgba(63, 74, 82, 0));
	background-image: -webkit-linear-gradient(to right,rgba(63, 74, 82, 0.5) 6%, rgba(63, 74, 82, 1) 28%,rgba(63, 74, 82, 0.9) 50%, rgba(63, 74, 82, 0));
	background-image: -moz-linear-gradient(to right,rgba(63, 74, 82, 0.5) 6%, rgba(63, 74, 82, 1) 28%,rgba(63, 74, 82, 0.9) 50%, rgba(63, 74, 82, 0));
	background-image: -o-linear-gradient(to right,rgba(63, 74, 82, 0.5) 6%, rgba(63, 74, 82, 1) 28%,rgba(63, 74, 82, 0.9) 50%, rgba(63, 74, 82, 0));
	}
	.overlaygrey.flip {
		background-image: linear-gradient(to left, rgba(63, 74, 82, 0.9) 35%, rgba(63, 74, 82, 0.6));
		background-image: -webkit-linear-gradient(to left, rgba(63, 74, 82, 0.9) 35%, rgba(63, 74, 82, 0.6));
		background-image: -moz-linear-gradient(to left, rgba(63, 74, 82, 0.9) 35%, rgba(63, 74, 82, 0.6));
		background-image: -o-linear-gradient(to left, rgba(63, 74, 82, 0.9) 35%, rgba(63, 74, 82, 0.6));
	}
	section.subnav .category-menu ul li {
		width: 100%;
		margin-bottom: 2em;
	}
	.typeloop-prev,
	.typeloop-next {
		margin-top: -20px;
	}
	h1 {
		font-size: 3.2em;
	}
	section.header {
		display: none;
	}
	section.first {
		padding-top: 8em;
	}
	section#section-book-demo {
		background-image: none;
	}
	section.skew-list ul li .inside.focus-img-on-hover, section.skew-list ul li .inside.contains-img {
		height: 26em;
		padding-top: 4em;
	}
	.half, .third {
		width: auto;
		max-width: 100%;
	}
	.text-align-right .link.inline {
		margin:0 1em 0 0;
	}
	input.half {
		width: 50%;
	}
	input.left.half {
		float: left;
	}
	input.right.half {
		float: right;
	}
	section.skew-list ul li.third {
		width: 21em;
	}
	section.skew-list ul li {
		width: 21em;
	}
	section.skew-list ul li .inside {
		height: 29em;
	}
	div.boxed.half {
		width: auto;
		max-width: 100%;
	}
	div.left > div.inner,
	div.center > div.inner,
	div.right > div.inner {
		margin: 0 auto;
	}
	.poly div.boxed {
		padding: 5em 0;
	}
	#page-signup #info .usp-list, #page-signup #info .custom-signup-hardware {
		display: none;
	}
	#page-signup #info.poly div.boxed.right {
		margin-top: -11.5em;
		padding-top: 0;
	}
	.half.left, .half.right, .third.left, .third.right {
		float: none;
	}
	.fourth {
		width: 50%;
	}
	footer .fourth.right.text-align-right, footer .fourth.right.text-align-right p {
		text-align: left;
	}
	img.bg {
		position: static;
		max-width: 100%;
		margin:-5em;
	}
	.cover img.bg {
		margin-bottom: -15em;
	}
	img.bg.right {
		left: auto;
		right: auto;
	}
	img.bg.left {
		left: auto;
		right: auto;
	}
}
	/* Counter Clock Wise, small angle */
	.cut-ccw01 {
		-webkit-clip-path: polygon(0 50px,100% 0,100% 100%,0 100%);
		-moz-clip-path: polygon(0 50px,100% 0,100% 100%,0 100%);
		-ms-clip-path: polygon(0 50px,100% 0,100% 100%,0 100%);
		-o-clip-path: polygon(0 50px,100% 0,100% 100%,0 100%);
		clip-path: polygon(0 50px,100% 0,100% 100%,0 100%);
		margin-top:-50px;
	}
	.poly.cut-ccw01.border-top:before {
		height: 50px;
		-webkit-clip-path: polygon(0 50px,100% 0,100% 1px,0 100%);
		-moz-clip-path: polygon(0 50px,100% 0,100% 1px,0 100%);
		-ms-clip-path: polygon(0 50px,100% 0,100% 1px,0 100%);
		-o-clip-path: polygon(0 50px,100% 0,100% 1px,0 100%);
		clip-path: polygon(0 50px,100% 0,100% 1px,0 100%);
	}

	/* Counter Clock Wise, bigger angle */
	.cut-ccw02 {
		-webkit-clip-path: polygon(0 60px,100% 0,100% 100%,0 100%);
		-moz-clip-path: polygon(0 60px,100% 0,100% 100%,0 100%);
		-ms-clip-path: polygon(0 60px,100% 0,100% 100%,0 100%);
		-o-clip-path: polygon(0 60px,100% 0,100% 100%,0 100%);
		clip-path: polygon(0 60px,100% 0,100% 100%,0 100%);
		margin-top:-60px;
	}
	.poly.cut-ccw02.border-top:before {
		height: 60px;
		-webkit-clip-path: polygon(0 60px,100% 0,100% 1px,0 100%);
		-moz-clip-path: polygon(0 60px,100% 0,100% 1px,0 100%);
		-ms-clip-path: polygon(0 60px,100% 0,100% 1px,0 100%);
		-o-clip-path: polygon(0 60px,100% 0,100% 1px,0 100%);
		clip-path: polygon(0 60px,100% 0,100% 1px,0 100%);
	}

	/* Clock Wise, small angle */
	.cut-cw01 {
		-webkit-clip-path: polygon(0 0,100% 50px,100% 100%,0 100%);
		-moz-clip-path: polygon(0 0,100% 50px,100% 100%,0 100%);
		-ms-clip-path: polygon(0 0,100% 50px,100% 100%,0 100%);
		-o-clip-path: polygon(0 0,100% 50px,100% 100%,0 100%);
		clip-path: polygon(0 0,100% 50px,100% 100%,0 100%);
		margin-top:-50px;
	}
	.poly.cut-cw01.border-top:before {
		height: 50px;
		-webkit-clip-path: polygon(0 0,100% 50px,100% 1px,0 100%);
		-moz-clip-path: polygon(0 0,100% 50px,100% 1px,0 100%);
		-ms-clip-path: polygon(0 0,100% 50px,100% 1px,0 100%);
		-o-clip-path: polygon(0 0,100% 50px,100% 1px,0 100%);
		clip-path: polygon(0 0,100% 50px,100% 1px,0 100%);
	}

	/* Clock Wise, bigger angle */
	.cut-cw02 {
		-webkit-clip-path: polygon(0 0,100% 60px,100% 100%,0 100%);
		-moz-clip-path: polygon(0 0,100% 60px,100% 100%,0 100%);
		-ms-clip-path: polygon(0 0,100% 60px,100% 100%,0 100%);
		-o-clip-path: polygon(0 0,100% 60px,100% 100%,0 100%);
		clip-path: polygon(0 0,100% 60px,100% 100%,0 100%);
		margin-top:-60px;
	}
	.poly.cut-cw02.border-top:before {
		height: 60px;
		-webkit-clip-path: polygon(0 0,100% 60px,100% 1px,0 100%);
		-moz-clip-path: polygon(0 0,100% 60px,100% 1px,0 100%);
		-ms-clip-path: polygon(0 0,100% 60px,100% 1px,0 100%);
		-o-clip-path: polygon(0 0,100% 60px,100% 1px,0 100%);
		clip-path: polygon(0 0,100% 60px,100% 1px,0 100%);
	}
	.cover-hardware {
  		background-size: 100%;
  	}
/* smartphones, portrait */
@media only screen and (max-width: 400px) {
	body {
		font-size:11px;
	}	
	.none-mobile {
		display: none;
	}
	.clients-logo > div {
  		margin-bottom: 3em;
  		width: 100%;
	}
	.twothird {
		width: 100%
	}
	img.bg.order-pos-mobile {
		position: relative;
  		left: -6em;
	}
	img.bg.order-pos-mobile-app {
		position: relative;
  		top: -6em;
  		left: 2em;
	}
	img.bg.dashbaord-products {
		top: -3em;
		width: 92%;
		left: -1em;
		position: relative;
	}
	section.custom-dashboard-bg {
  		background-repeat: no-repeat;
  		background-position: 5% 20%;
  		background-size: 190%;
	}
	img.custom-omni-channel-connect {
		max-width: 66%;
		top: 56%;
		left: 57%;
		position: absolute;
	}
	section.cover > .inner > span.svg-container {
 		width: 48%;
 	}
 	section.cover img.bg.cover-food-ipad {
  		top: 65%;
  		left: 51%;
  		position: absolute;
	}
	img.bg.custom-onestore-features-overview {
		margin:-10em 0 -5em 0;
		max-width: 110%;
	}
	img.bg.custom-onestore-features-payment {
		max-width: 100%;
		margin-bottom: -1em;
	}
	img.bg.right.custom-onestore-features-backoffice {
		width:120%;
		max-width:120%;
		margin-top:-13em;
	}
	img.bg.custom-onestore-mobile-pos-cover {
		max-width: 130%;
		margin-top: -12em;
	}
	img.bg.custom-onestore-features-terminal {
		margin-left: 0;
		max-width: 40%;
		margin-top: -8em;
	}
	img.bg.custom-onestore-mobile-pos-tablet-pos {
		width: 100%;
		margin-top: -10em;
	}
	img.bg.custom-storetype-bg {
		position: relative;
		max-width: 140%;
		left: 35%;
		top: -4em;
	}
	img.bg.custom-storetype-bg.page-storetypes {
		max-width: 140%;
		left: 7%;
		top: -20em;
		position: relative;
	}
	img.bg.custom-onestore-features-cover {
		margin-right: -45%;
		max-width: 70%;
		margin-top: -60%;
	}
	.svg-container.custom-line-payment {
		display: none;
	}
	img.bg.custom-onestore-index-01 {
		margin-top:-5em;
	}
	.storetype-container a.link.cta {
		display: none;
	}
	img.support-team {
		top: 3em;
  		position: relative;
	}
	div.instagram-feed img {
		width: 25%
	}
	section div.price {
		display: none;
	}
	img.bg.custom-onestore-terminal-cover {
		top: -4em;
  		position: relative;
  		width: 130%;
  		left: 10%;
	}
	.mobile-top-marign {
		margin-top: 3.4em;
	}
	img.bg.customer-centric-red-app {
  		max-width: 100%;
	}
	img.bg.apps-products {
	  	top: -8em;
	  	width: 102%;
	  	max-width: 200%;
	  	position: relative;
	}
	img.bg.custom-cover-tablet-pos {
		  top: -10em;
		  position: relative;
	}
	img.bg.custom-tablet-pos-pos {
		  max-width: 140%;
		  top: -8em;
		  position: relative;
	}
	img.bg.custom-cover-mobile-pos {
	  top: -11em;
	  left: 26%;
	  position: relative;
	}
	img.bg.stand-powa-pos {
  		top: -52.5%;
  		max-width: 77%;
	}
	img.bg.stand-wallmob-stand {
  		top: -45.5%;
  		max-width: 91%;
	}
	section.cover img.bg.cover-fashion-products {
		  top: -10em;
		  left: 1em;
		  position: relative;
	}
	section.cover img.bg.cover-beauty-products {
		top: -13em;
		left: 0em; 
		position: relative;
	}
	body#page-split section.grey .button.lined {
	border: 1px solid #1fa3ff;
  	background-color:#1fa3ff;
  	color: #fff;
	}
	body#page-split section .button.lined {
	border: 1px solid #16cc53;
  	background-color:#16cc53;
  	color: #ffffff;
	}
	.fourth-box {
	width: 100%;
	background-color: #e7ebef;
	text-align: center;
	margin-right: 0.5%;
	}
	.contain-blocks > div.connect-margin-bottom {
	margin-bottom:0;
	}
	img.logo-margin-top {
		margin-top:3em; 
	}
	img.bg.integrations-ecom {
	margin-top:0;
	}
}