/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* General */
body{margin:0px; -webkit-overflow-scrolling:touch; -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; padding:0px; width:100%; height:auto; min-height:100vh; overflow-x:hidden; background:rgba(255,255,255,1); position:relative;}
.preload * {-webkit-transition: none !important;-moz-transition: none !important;-ms-transition: none !important;-o-transition: none !important;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear {clear:both;}
.line {position:relative; width:100%; height:1px; background:rgba(255,255,255,0.1); margin:60px 0;}

/* Wrapper */
.wrapper {position:relative; width:90%; max-width:1250px; height:100%; margin:0 auto; text-align:center;}
.wrapper-left {position:relative; float:left; width:50%; height:100%; text-align:left; padding:0 10% 0 0;}
.wrapper-right {position:relative; float:right; width:50%; height:100%; text-align:left; padding:0 0 0 10%;}
.wrapper.text {text-align:left; padding:0 20% 0 0;}
.wrapper.text h5 {color:rgba(40,150,205,1);}
.hideLarge {display:none;}

.full {width:100%; vertical-align:top;}
.half {float:left; width:50%; vertical-align:top;}

.hidden-load {visibility: hidden;}
.hidden-load.animated {visibility: visible;}

/* Querys */
@media (max-width:1024px){

  .hideMedium {display:none!important;}

}

@media (max-width:768px){

  .wrapper-left {width:100%; text-align:center; padding:0;}
  .wrapper-right {width:100%; text-align:center; padding:0;}
  .wrapper.text {text-align:left; padding:0;}
  .hideSmall {display:none!important;}
  .showSmall {display:block!important;}

}

/* Schriften */
h1 {position:relative; color:rgba(40,150,205,1); font-size:35px; line-height:45px; font-weight:300;}
h2 {position:relative; color:rgba(40,150,205,1); font-size:30px; line-height:40px; font-weight:300;}
h3 {position:relative; color:rgba(40,150,205,1); font-size:25px; line-height:35px; font-weight:300;}
h4 {position:relative; color:rgba(40,150,205,1); font-size:22px; line-height:30px; font-weight:300;}
h5 {position:relative; color:rgba(255,255,255,1); font-size:20px; line-height:28px; font-weight:300;}
p {position:relative; color:rgba(255,255,255,1); font-size:18px; line-height:28px; font-weight:300;}
p.padding {padding:0 20%;}
a {text-decoration:none;color:rgba(10, 20, 30, 0.7);}
a:hover {text-decoration:none;color:rgba(40, 150, 205, 1);}
i {color: rgba(10, 20, 30, 0.7); font-weight:300;}
img.round{border-radius: 50%;}
.center{text-align: center;}

/* Querys */
@media (max-width:768px){

  h1 {font-size:30px; line-height:40px;}
  h2 {font-size:25px; line-height:35px;}
  h3 {font-size:20px; line-height:30px;}
  h4 {font-size:18px; line-height:28px;}
  h5 {font-size:18px; line-height:28px;}
  p {font-size:16px; line-height:26px;}

}

/* Transitions */
.t-300 {-webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out;}
.t-500 {-webkit-transition:all 500ms ease-in-out; -moz-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; -ms-transition:all 500ms ease-in-out; transition:all 500ms ease-in-out;}

.gradient {position:absolute; left:0; top:0; opacity:1; width:100%; height:101%;
  background: #081a57; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #081a57 0%, #0c748a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#081a57), color-stop(100%,#0c748a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #081a57 0%,#0c748a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #081a57 0%,#0c748a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #081a57 0%,#0c748a 100%); /* IE10+ */
background: linear-gradient(135deg,  #081a57 0%,#0c748a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#081a57', endColorstr='#0c748a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.gradientDark {position:absolute; left:0; top:0; opacity:1; width:100%; height:101%;
  background: #081a57; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #051035 0%, #094260 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#051035), color-stop(100%,#094260)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #051035 0%,#094260 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #051035 0%,#094260 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #051035 0%,#094260 100%); /* IE10+ */
background: linear-gradient(135deg,  #051035 0%,#094260 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#051035', endColorstr='#094260',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* Button */
a.button {display:inline-block; width:auto; height:45px; line-height:45px; position:relative; z-index:100; border-radius:30px; padding:0 30px; font-size:16px; font-weight:300; color:rgba(255,255,255,1); background:rgba(40,150,205,1); -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out;}
a.button.marginleft {margin:0 0 0 10px;}
a.button:hover {background:rgba(20,130,185,1);}
a.button.dark {background:rgba(150,160,170,1);}
a.button.dark:hover {background:rgba(130,140,150,1);}
/* Querys */
@media (max-width:768px){

  a.button {display:inline-block; width:auto; height:40px; line-height:40px; padding:0 25px;}

}

/* Header */
header {position:fixed; left:0; top:0; width:100%; margin:0; padding:0; height:80px; z-index:9995; background:rgba(255,255,255,1);}
header.tranparent {background:transparent; top:20px;}
header .logo {float:left; height:40px; width:auto; margin:20px 0;}
header .logo img {height:100%;}

/* Querys */
@media (max-width:768px){

  header {position:absolute; left:0; top:0; width:100%; margin:0; padding:0; height:60px; z-index:9995; background:rgba(255,255,255,0.9);}
  header .logo {height:30px; width:auto; margin:16px auto;}

}

/* Navigation */
nav {float:right; margin-top:16px;}
nav ul {list-style:none; margin:0; padding:0;}
nav li {list-style:none; display:inline;}
nav li a {float:left; margin:14px 0 0 40px; color:rgba(10,20,30,1); font-weight:300; font-size:18px; text-decoration:none;}
nav li a.button {margin-top:2px;}
nav li a:hover {color:rgba(40,150,205,1);}
nav li a.active {color:rgba(40,150,205,1);}
nav li a.button.active {color:white;}
nav li a.button:hover { color:rgba(255,255,255,1); }
header.tranparent nav li a {color:rgba(255,255,255,1);}
header.tranparent nav li a.active {color:rgba(40,150,205,1);}

/* Querys */
@media (max-width:1024px){

  nav li a {float:left; margin:14px 0 0 30px; color:rgba(10,20,30,1); font-weight:300; font-size:18px; text-decoration:none;}


}

@media (max-width:768px){

  nav {float:none; visibility:hidden; opacity:0; margin:0; padding:20vh 0 0 0; position:fixed; left:0; top:0; width:100%; height:100vh; background:rgba(255,255,255,0.9);}
  nav.show {visibility:visible; opacity:1;}
  nav ul {list-style:none; margin:0; padding:0; width:100%;}
  nav li {list-style:none; display:inline; width:100%; text-align:center;}
  nav li a {width:100%; text-align:center; margin:30px 0 0 0; font-size:24px;}
  nav li a.button {margin-top:20px;}
  header.tranparent nav li a {color:rgba(10,20,30,1);}
  header.tranparent nav li a.button {color:rgba(255,255,255,1);}



}

/* Content */
.content {position:relative; overflow:hidden; background:transparent; width:100%; height:auto; padding:70px 0;}
.content.white {background:rgba(255,255,255,1);}
.content.white p {color:rgba(10,20,30,0.7);}

.content.first {padding:150px 0 70px 0;}

.content.first.home {padding:30vh 0 0 0; height:98vh; max-height:900px;}
.content.first.home .holdinghand {position:absolute; right:2%; bottom:-50px; height:85vh; max-height:750px;}
.content.first.home .holdinghand img {height:100%; max-height:750px; object-fit: contain;}
.content.first.home .holdinghand a {display:block; position:absolute; left:50%; top:50%; width:100px; height:100px; margin:-125px 0 0 -135px; -webkit-transition: -webkit-transform 0.4s; outline:none; z-index:9995; -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6);}
.content.first.home .holdinghand a:hover {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.content.first.home .holdinghand a div {background:url(..'/img/play.png') 0 -28px; display: inline-block; vertical-align: middle; overflow: hidden; text-indent: -9999em; zoom: 1; height: 100px; width: 100px; outline:none;}

.content.first.prices {padding:150px 0 100px 0;}
.content.first.prices .plan-info {margin:100px 0 0 0; color:rgba(255,255,255,0.6); font-size:16px;}

.content.client-area .mockup {position:relative; width:auto; height:70vh; max-height:650px; margin:0 0 0 -400px; z-index:500;}
.content.client-area .mockup2 {position:absolute; left:-400px; visibility:hidden; top:0; width:auto; height:70vh; max-height:600px; z-index:600;}
.content.client-area .mockup2.show {visibility:visible;}
.content.client-area .wrapper-left {text-align:right;}
.content.client-area .wrapper-right h3 {margin-top:10vh;}

.content.push .mockup {width:100%; max-width:500px; margin:0;}
.content.geo-location {border-top:solid 1px rgba(240,240,240,1);}
.content.geo-location .mockup {width:100%; max-width:500px;  margin:0;}

.content.systems .mockup {display:inline-block; width:20%; max-width:60px; height:auto; margin:30px 5% 50px 5%;}
.content.systems h5 {padding-top:30px;}
.content.systems p {color:rgba(255,255,255,1); font-size:16px; margin:0;}

.content.howto .mockup {display:inline-block; width:80%; height:auto; margin:0;}
.content.howto h3 span {color:rgba(255,255,255,1); font-size:20px;}
.content.howto p {color:rgba(255,255,255,0.6); margin:30px 0;}
.content.white.howto p {color:rgba(10,20,30,0.6); margin:30px 0;}
.content.white.howto h3 span {color:rgba(10,20,30,1); font-size:20px;}

.content.clients {padding:150px 0;}

.content.testimonials .wrapper-left {padding:0 0 50px 10%;}
.content.testimonials .wrapper-right {padding:0 10% 50px 0;}
.content.testimonials img {border:8px solid #FFF;}
.content.testimonials .wrapper-left p {padding:50px 50px 50px 30px; font-size:20px; line-height:30px;}

/* Content -> Backgrounds */
.content.first.home .background-image {position:absolute; left:0; top:0; z-index:-10; width:100%; height:100%; background:rgba(10,20,30,1) url(../img/hero-sta‚rt.jpg)no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.content.first.prices .background-image {position:absolute; left:0; top:0; z-index:-10; width:100%; height:100%; max-height:80vh; background:rgba(10,20,30,1) url(../img/hero-prices.jpg)no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.content.client-area .background-image {position:absolute; left:0; top:0; z-index:-10; width:100%; height:100%; max-height:80vh; background:rgba(10,20,30,1) url(../img/hero1.jpg)no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.content.systems .background-image {position:absolute; left:0; top:0; z-index:-10; width:100%; height:100%; max-height:80vh; background:rgba(10,20,30,1) url(../img/hero-prices.jpg)no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.content.clients .background-image {position:absolute; opacity:0.1; left:0; top:0; z-index:10; width:100%; height:100%; max-height:80vh; background:rgba(10,20,30,1) url(../img/paesse.png)no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}

/* Content -> Features */
.content .feature {float:left; width:33.33%; padding:60px 20px 0 20px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.content .feature img {height:150px;}
.content .feature h4 {font-size:20px; line-height:35px; margin-top:25px;}

.content .supportTeam {margin-top:50px;}
.content .supportTeam .feature {padding-top:15px;padding-bottom:50px;}
.content .supportTeam .feature h4 {margin-bottom:0px;}

/* Querys */
@media (max-width:1224px){

  .content.first.home .wrapper-left {width:60%;}
  .content.first.home .holdinghand {right:-10%;}

}

@media (max-width:1024px){

  .content.first.home {padding:25vh 0 0 0;}
  .content.first.home .wrapper-left {width:60%;}
  .content.first.home .holdinghand {right:-25%;}

}

@media (max-width:768px){

  .content {padding:40px 0;}
  .content.first {padding:100px 0 70px 0;}

  .content.first.home {padding:20vh 0 0 0; height:85vh;}
  .content.first.home .wrapper-left {width:70%; text-align:left;}
  .content.first.home .holdinghand {right:-85%; height:75vh;}
  .content.first.home .holdinghand a {display:none}

  .content.first.prices {padding:100px 0 100px 0;}
  .content.first.prices .plan-info {margin:50px 0 0 0; color:rgba(255,255,255,0.6); font-size:16px;}

  .content .feature {width:100%;}

  .content.testimonials .wrapper-left {padding:0;}
  .content.testimonials .wrapper-right {padding:0 0 30px 0;}

}

/* Plan */
.plan {display:inline-block; width:25%; min-width:250px; max-width:550px; height:auto; text-align:center; background:rgba(255,255,255,0.9); margin:110px 3% 0 3%; padding:15px 0 25px 0;}
.plan.scale {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
.plan .plan-name p {color:rgba(10,20,30,1);}
.plan .plan-name p b {color:rgba(40,150,205,1); font-weight:300; font-size:25px;}
.plan .plan-price {width:100%; padding:15px 0; background:rgba(20,130,185,.1);}
.plan .plan-price {color:rgba(40,150,205,1); font-weight:100; font-size:60px;}
.plan .plan-price span {color:rgba(40,150,205,1); font-weight:300; font-size:25px;}
.plan .plan-price p {margin:0; padding:0; font-size:16px; color:rgba(10,20,30,1);}
.plan .plan-content ul {list-style:none; margin:0; padding:15px 20px 25px 20px;}
.plan .plan-content ul li {width:100%; padding:15px 0 15px 40px; text-align:left; border-bottom:1px solid rgba(10,20,30,0.1); color:rgba(10,20,30,1); font-size:16px; font-weight:300; background:url(../img/check.svg)no-repeat left; background-size:18px;}
.plan .plan-content ul li.inactive {color:rgba(10,20,30,0.5); background:none;}

/* Querys */
@media (max-width:1024px){

  .plan {min-width:210px; padding:15px 0 25px 0; margin:110px 2% 0 2%;}

}

@media (max-width:768px){

  .plan {min-width:210px; width:100%; padding:15px 0 25px 0; margin:40px 0 20px 0;}
  .plan.scale {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}

}

/* Footer */
footer {position:relative; overflow:hidden; background:rgba(10,20,40,1); width:100%; height:auto; padding-top:60px;}
footer ul {float:left; width:25%; margin:0; padding:0;}
footer li {line-height:26px; text-align:left; list-style-type:none; width:100%; margin:5px 0;}
footer h5 {margin:0; padding:0 0 15px 0;}
footer a {font-size:16px; color:rgba(255,255,255,0.7); font-weight:300; text-decoration:none;}
footer a:hover {color:rgba(40,150,205,1);}
footer .wrapper-right {width:25%; padding:5px 0;}
footer .wrapper-right .social-icon {float:left; width:30px; margin:0 15px 40px 0;}
footer .wrapper-right .store-icon {float:left; width:40%; max-width:140px; margin:0 5% 0 0;}

/* Querys */
@media (max-width:1024px){

  footer ul {width:50%; padding:0 0 40px 0;}
  footer .wrapper-right {width:50%;}

}

@media (max-width:768px){

  footer ul {width:100%; padding:0 0 40px 0;}
  footer li {text-align:center;}
  footer .wrapper-right {width:100%; text-align:center;}
  footer .wrapper-right .social-icon {float:none; display:inline-block; margin:0 10px 40px 10px;}
  footer .wrapper-right .store-icon {float:none; display:inline-block; margin:10px 10px 0 10px;}

}

/* Loading */
.loading-wrapper {position:fixed; z-index:9998; width:100%; height:100vh; background: #081a57; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #081a57 0%, #0c748a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#081a57), color-stop(100%,#0c748a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #081a57 0%,#0c748a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #081a57 0%,#0c748a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #081a57 0%,#0c748a 100%); /* IE10+ */
background: linear-gradient(135deg,  #081a57 0%,#0c748a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#081a57', endColorstr='#0c748a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.loading-wrapper.hide {display:none;}
.loading {position:absolute;left:50%;top:50%;z-index:9999;margin:-25px 0 0 -25px;width: 50px;height: 50px;border:1px solid rgba(255,255,255,.3);border-radius: 50%;border-top-color:rgba(255,255,255,1);
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

button {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  background-color:transparent;
}

.gh-svg-wrapper {
  display: block;
  position: absolute;
  height: 60px;
  width: 60px;
  right:0;
  top:0;
  transform: translateZ(0) rotate(0deg);
  -webkit-transform: translateZ(0) rotate(0deg);
  transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.gh-svg-wrapper.active {
  transform: translateZ(0) rotate(90deg);
  -webkit-transform: translateZ(0) rotate(90deg);
  transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.gh-svg {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateZ(0) rotate(0deg);
  -webkit-transform: translateZ(0) rotate(0deg);
  transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.gh-svg-wrapper.active .gh-svg {
  transform: translateZ(0) rotate(45deg);
  -webkit-transform: translateZ(0) rotate(45deg);
  transition: 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.gh-svg-wrapper.active .gh-svg-bottom {
  transform: translateZ(0) rotate(-45deg);
  -webkit-transform: translateZ(0) rotate(-45deg);
}

.gh-svg-rect {
  left: 0;
  top: 0;
  transition: transform 0.2s 0.2s;
  fill:rgba(40,150,205,1);
}

header.tranparent .gh-svg-rect {
  fill:rgba(255,255,255,1);
}

.gh-svg-wrapper.active .gh-svg-rect {
  fill:rgba(40,150,205,1);
}

.gh-svg-wrapper.active .gh-svg-rect {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: transform 0.2s;
}

.gh-svg-rect-top {
  transform: translate3d(0, -8px, 0);
  -webkit-transform: translate3d(0, -8px, 0);
}

.gh-svg-rect-bottom {
  transform: translate3d(0, 8px, 0);
  -webkit-transform: translate3d(0, 8px, 0);
}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

.chartWrapper {
  margin:0 auto;
  max-width:900px;
  padding:60px 0 40px 0;
}

.demoPass {
  position:relative;
  width:100%;
  height:629px;
  background:rgba(40,150,205,.2);
  border:8px solid #FFF;
  padding:50px;
  text-align:center;
}

.demoPass .addPassbook {
  position:absolute;
  left:20px;
  bottom:20px;
  width:120px;
  border:none!important;
}

.demoPass .qr {
  position:absolute;
  left:50%;
  top:50%;
  width:200px;
  margin:-100px 0 0 -100px;
  background:rgba(255,255,255,1);
  border-radius:5px;
}

/* Querys */
@media (max-width:1024px){


}

@media (max-width:768px){

p.padding {padding:0 5%;}

}