:root {
	--principale:#3AAA35;
	--secondaire:#01112F;
	--table-th:#01112F;
	--table-tr-even:#F4F4F4;
	--table-tr-odd:#E4E4E4;
	--table-tr-hover:#D4D4D4;
	--bg:#0F172A;
	--btn:#01112F;
	--btn-hover:white;
	--red:#BB162B;
	--green:#4CAF50;
	--blue:#1E88E5;
	--yellow:#FFEB3B;
	--pink:#E91E63;
	--violet:#9C27B0;
	--orange:#FF9800;
}
*{-webkit-tap-highlight-color:transparent;scrollbar-width:none}
*::-webkit-scrollbar{display:none}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
  background-color:var(--bg) !important;
  -webkit-box-shadow: 0 0 0px 1000px var(--bg) inset !important;
  -webkit-text-fill-color: white !important;
  color:white !important;
}
html{height:100%;scroll-behavior:smooth}
body, html{touch-action: pan-y}
body{margin:0px;font-family:"Montserrat",sans-serif;font-weight:normal;font-size:16px;height:100%;overflow-x:hidden;user-select:none;overflow-x:hidden;line-height:1.6;background:var(--bg);color:white}
body.overflow{overflow:hidden}
br{clear:both}
h1,h2,h3{clear:both;padding:0px;margin:0px}
h1 span{text-transform:uppercase;font-size:35px;font-size:800}
a,input,select,textarea{font-family:inherit}
a{color:white}
p{color:#F4F4F4}
input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
table{width:100%;margin-bottom:10px}
th{background:var(--table-th);color:white;border:1px solid white;text-align:center;padding:4px;padding-top:6px;padding-bottom:6px;font-weight:bold}
th:first-child{font-style:normal;width:20px}
th:last-child{width:105px}
tr{background:var(--table-tr-even)}
td{padding:4px;padding-top:8px;padding-bottom:8px;line-height:22px;color:black}
td:last-child{text-align:right}
tr:nth-child(odd){background:var(--table-tr-odd)}
tr:hover{background:var(--table-tr-hover)}
.exit{position:absolute;background:url(../img/arrow-back-white.png) no-repeat left;background-size:contain;width:50px;height:50px;top:10px;left:10px;cursor:pointer;z-index:2}
.alignCenter{text-align:center}
.largeur{position:relative;max-width:1210px;padding-left:15px;padding-right:15px;margin:auto}
.bg-title{display:inline-block;font-weight:600;line-height:1;color:black;text-decoration:none;transition:all 0.5s ease;margin:auto;cursor:pointer;background:#333333;/*background:linear-gradient(160deg,#333333 0%,#333333 30%,#444444 70%,#444444 100%);*/border-radius:10px;padding:10px;padding-top:5px;padding-bottom:5px}
.bg-title-li{position:relative;padding-right:25px}
.bg-title-li:after{position:absolute;content:"";top:0px;left:0px;bottom:0px;right:10px;background:url(../img/li-btn.png) no-repeat right;background-size:5px}
#comment-ca-marche{padding-top:50px;text-align:center}
#comment-ca-marche h2{color:#F4F4F4;font-size:26px;margin-bottom:20px}
#comment-ca-marche h3{font-size:26px;margin-top:40px;margin-bottom:20px}
#presentation-cashless{background:white;padding-top:50px;padding-bottom:50px;text-align:center}
#presentation-cashless h2{color:var(--bg);font-size:26px;margin-bottom:20px}
#presentation-cashless h3{font-size:26px;margin-top:40px;margin-bottom:20px}
#presentation-cashless p{color:var(--bg);text-align:center;max-width:720px;margin:auto}
.avantages-block{position:relative;color:white;font-weight:300;background:#F1F1F1 url(../img/how-1.jpg) no-repeat center;background-size:cover;height:260px;cursor:pointer;overflow:hidden;max-width:360px;margin:auto;margin-top:30px}
.webp .avantages-block{background-image:url(../img/how-1.webp)}
.avantages-block:after{position:absolute;content:"";top:0px;left:0px;right:0px;bottom:0px;background:#00000088;transition:.3s}
.avantages-block .title{position:absolute;top:115px;left:10px;right:10px;text-decoration:none;color:white;font-weight:bold;font-size:22px;z-index:2;transition:.5s}
.avantages-block:hover:after{background:linear-gradient(to bottom,#00000000 0px,#00000088 100px,#3AAA35 100%)}
.avantages-block:hover .title{top:150px;text-align:left;font-weight:900;font-size:22px}
.avantages-block .description{position:absolute;bottom:-160px;left:10px;right:10px;text-align:left;font-size:13px;margin-top:10px;z-index:2;transition:.5s}
.avantages-block .description small{font-size:9px}
.avantages-block:hover .description{bottom:15px}
.avantages-block#nfc-how-2{background-image:url(../img/how-2.jpg)}
.avantages-block#nfc-how-3{background-image:url(../img/how-3.jpg)}
.webp .avantages-block#nfc-how-2{background-image:url(../img/how-2.webp)}
.webp .avantages-block#nfc-how-3{background-image:url(../img/how-3.webp)}
.block-info{display:flex;padding-top:50px;padding-bottom:50px;align-items:center;justify-content:center;text-align:center}
.block-info h2{text-transform:uppercase;text-align:center;font-size:40px;margin-bottom:40px}
.block-info img{width:100%;height:auto;margin-top:10px}
.block-info .title{font-size:18px;font-weight:bold;line-height:20px;height:40px;margin-top:5px}
.block-info .text{font-size:14px;font-weight:200;line-height:20px}
.question{position:relative;padding-right:22px}
.question:after{position:absolute;content:'';top:0px;right:0px;bottom:0px;width:30px;background:url(../img/notice.png) no-repeat right;background-size:contain}
.block-how{position:relative;display:flex;align-items:center;justify-content:center;padding-top:50px;padding-bottom:50px;line-height:30px;text-align:left}
.block-how .pic{position:relative;height:380px;background:url(../img/how-bg.jpg) no-repeat center;background-size:contain;z-index:-1}
.block-how h3{text-transform:uppercase;text-align:center;font-size:34px;text-align:left;line-height:40px}
.block-pricing{display:flex;padding-top:50px;padding-bottom:50px;align-items:center;justify-content:center;text-align:center}
.block-pricing h3{text-transform:uppercase;text-align:center;font-size:40px;margin-bottom:40px}
.block-pricing img{width:100%;height:auto;margin-top:10px}
.block-pricing .title{font-size:20px;font-weight:500;line-height:25px;margin-top:5px}
.block-pricing .price{font-size:18px;font-weight:300;line-height:25px}
.block-customers{display:flex;background:#100C1D;color:black;padding-top:50px;padding-bottom:50px;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.block-customers h3{text-transform:uppercase;text-align:center;font-size:40px;margin-bottom:40px}
.block-customers img{width:100%;height:auto}
#evenements{padding-top:50px;text-align:center}
#faq{position:relative;padding-top:50px;padding-bottom:50px;text-align:center}
#faq h3{text-transform:uppercase;text-align:center;font-size:26px}
.faq{width:100%;max-width:760px;margin:auto;padding-top:20px;padding-bottom:20px;text-align:left;border-bottom:1px solid #DCDFEA;transition:1s}
.faq strong{display:block;background:url(../img/plus-circle.svg) no-repeat right;background-size:26px;padding-top:10px;padding-bottom:10px;padding-right:50px;transition:.3s;cursor:pointer}
.faq.active strong{background-image:url(../img/minus-circle.svg)}
.faq p{display:none;padding:0px}
.faq.active p{display:block}
.faq:last-child{border:0px}
.siema .item{margin-top:10px;padding-left:10px;padding-right:10px}
.block-customers .title{font-size:20px;font-weight:200;line-height:25px;height:50px;margin-top:5px}
.uppercase{text-transform:uppercase}
.box{text-transform:uppercase;font-style:italic;margin:10px;margin-top:25px;padding:10px;border-radius:12px;border:1px solid #f2f2f2;box-shadow:3px 2px 3px rgba(0,0,0,0.5)}
.box .input-material.colors{padding-top:20px}
.box .color,.box .style{padding-bottom:72px}
.box .color{background:url(../img/picker-icon.png) no-repeat center left,url(../img/picker-icon.png) no-repeat center right}
.box .style{background:url(../img/type-icon.png) no-repeat center left,url(../img/type-icon-2.png) no-repeat center right}
.description{font-style:italic;font-size:20px;text-align:center}
.description.low{font-size:12px}
.relative{position:relative}
.relative .text{max-width:480px;margin-top:220px}
.block-create .create {position:relative;padding-bottom:10%;background:black}
.block-create .create::before{position:absolute;background:url(../img/phone-create.png) no-repeat center;background-size:contain;width:40%;top:-150px;bottom:-30px;content:""}
.block-create .create .yourQr{background:url(../img/your-qr.jpg) no-repeat center;background-size:cover}
.block-create .create .yourQr h3{color:black;text-align:right;font-size:50px;padding-top:10%;padding-bottom:10%;padding-right:20px;padding-left:40%}
.block-generate {background:black;padding-top:5%;padding-bottom:5%;color:#444B62}
.block-generate .qr-style{height:250px;margin-top:25px;background:url(../img/qr-style.png) no-repeat top center;background-size:contain}
.block-generate #generate-qrcode {margin-top:20px}
.block-generate #generate-qrcode img{display:block;margin:0 auto 0}
.block-generate .button{cursor:pointer;border:1px solid var(--principale);border-radius:25px;padding-top:15px;padding-bottom:15px;background:black;color:var(--principale);margin:0px auto 0px;margin-top:10px;width:80%;text-align:center}
.block-generate .button.button-wifi{background:black url(../img/wifi-button.png) no-repeat 20px center;background-size:25px 25px}
.block-generate .button.button-wifi:hover{background:var(--principale) url(../img/wifi-button-hover.png) no-repeat 20px center;background-size:25px 25px}
.block-generate .button.button-wifi.active{background:var(--principale) url(../img/wifi-button-hover.png) no-repeat 20px center;background-size:25px 25px}
.block-generate .button.button-text-link{background:black url(../img/link-button.png) no-repeat 20px center;background-size:25px 25px}
.block-generate .button.button-text-link:hover{background:var(--principale) url(../img/link-button-hover.png) no-repeat 20px center;background-size:25px 25px}
.block-generate .button.button-text-link.active{background:var(--principale) url(../img/link-button-hover.png) no-repeat 20px center;background-size:25px 25px}
.block-generate .button.button-pdf{background:black url(../img/pdf-button.png) no-repeat 20px center;background-size:25px 25px}
.block-generate .button.button-pdf:hover{background:var(--principale) url(../img/pdf-button-hover.png) no-repeat 20px center;background-size:25px 25px}
.block-generate .button.button-pdf.active{background:var(--principale) url(../img/pdf-button-hover.png) no-repeat 20px center;background-size:25px 25px}
.block-generate .button:hover{border:1px solid var(--principale);color:black;background:var(--principale)}
.block-generate .button.active{border:1px solid var(--principale);color:black;background:var(--principale)}
#popin-step0 .btn{margin-bottom:30px}
#popin-step0 .btn:after{content:">";font-size:24px;padding-left:5px}
#popin-step1 .btn{padding:10px 40px;font-size:24px;line-height:1;letter-spacing:1px;color:#F4F4F4;text-transform:uppercase;background:transparent;border:1px solid #D3D2D2;margin-top:30px}
#popin-step1 .btn:after{content:">";font-size:24px;padding-left:5px;color:#62B08D}
#popin-step2 .btn{margin-top:20px}
#popin-step2 .btn:after{content:">";font-size:24px;padding-left:5px}
#backto-step0,#backto-step1,#backto-step2,#backto-step3{text-align:left;padding-left:10px;padding-bottom:10px;margin-top:10px;cursor:pointer}
#backto-step0:before,#backto-step1:before,#backto-step2:before,#backto-step3:before{content:"<";position:absolute;margin-left:-10px;font-size:10px;font-weight:300;line-height:24px}
#popin-step1 .btn:hover{border:1px solid #FCB664;background:#FCB664}
#popin-step1 .btn:hover:after{color:white}
#popin-step4 .text{padding-bottom:150px}
#popin-step3 .btn{margin-top:20px}
.bg-click{display:none;position:fixed;z-index:10001;top:0px;left:0px;bottom:0px;right:0px;background-color:rgba(0,0,0,0.1);cursor:pointer;text-decoration:none}
#bg-click{display:none;position:fixed;background:rgba(0,0,0,0.8);width:100%;height:100%;z-index:10000}
#popin-lost-password-valide.popin-li.mini{background:#FAFAFA url(../img/cadenas.png) center top 40px no-repeat;padding-top:60px}
#popin-inscription-valide.popin-li.mini{background:#FAFAFA url(../img/mail.png) center top 40px no-repeat;padding-top:60px}
.popin-header{font-weight:bold;text-align:left;background:#184C3E;border-top-left-radius:5px;border-top-right-radius:5px;padding:30px;padding-top:20px;padding-bottom:20px}
#popin-step0 .popin-header .col-lg-12{font-weight:500;font-size:21px;background:url(../img/h2.png) no-repeat left;padding-left:60px}
.popin-header .step{float:left;width:25%;position:relative;padding-top:10px;padding-bottom:30px}
.popin-header .step:before{content:' ';position:absolute;bottom:0;width:100%;height:2px;top:20px;left:-50%;box-sizing:border-box}
.popin-header .step:after{position:absolute;width:40px;height:40px;left:50%;left:calc(50% - 20px);top:0;z-index:1002;border-radius:50%;box-sizing:border-box;text-align:center;line-height:40px;margin:auto}
.popin-header .step2:before{background:linear-gradient(to right, #3da88d, #62b08d)}
.popin-header .step3:before{background:linear-gradient(to right, #62b08d, #9abc8d)}
.popin-header .step4:before{background:linear-gradient(to right, #9abc8d, #d6c88c)}
.popin-header .step.disabled:before{background:linear-gradient(to right, #D3D2D2, #D3D2D2)}
.popin-header .step1:after{content:"1";background:#3DA88D}
.popin-header .step2:after{content:"2";background:#62B08D}
.popin-header .step3:after{content:"3";background:#9ABC8D}
.popin-header .step4:after{content:"4";background:#D6C88C}
.popin-header .step.disabled:after{background:#D3D2D2}
.popin-container .error{display:none;color:red;font-weight:bold;padding:10px}
.popin-container .success{display:none;color:green;font-weight:bold;padding:10px}
.popin-li .error{display:none;color:var(--red);font-weight:bold;padding:10px}
.popin-li .success{display:none;color:var(--green);font-weight:bold;padding:10px}
.open-popin-login,.open-popin-lost-password,.open-popin-inscription,.open-popin-prestation{cursor:pointer}
.popin-li{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:var(--bg);z-index:10002;box-sizing:border-box;text-align:center}
.popin-li:before{position:absolute;content:"";right:-20px;bottom:-20px;width:80%;height:100%;background:url(../img/summersound-logo.png) no-repeat bottom right;background-size:contain;transform:rotate(20deg);max-width:300px;max-height:300px;opacity:.8;z-index:-1}
.popin-li.mini{max-height:350px}
#popin-prestation{text-align:left}
#popin-inscription{text-align:center;padding-top:0px}
.popin-li a{text-decoration:none}
.popin-li a.open-popin-lost-password{display:block;text-align:right;margin-top:10px;font-size:18px}
.popin-li p{font-size:12px;margin-top:0px}
.popin-li .close-popin,.popin-li .close-popin-prestation{position:absolute;left:35px;background-image:url(../img/close-popin.png);margin:auto;width:25px;height:25px;margin-top:30px}
.popin-li .popin-content{margin:auto;overflow:auto;height:99%}
.popin-li .popin-bg{background:#FAFAFA;padding-top:20px;padding-bottom:20px;margin:20px;border-radius:10px}
.popin-li .popin-step-bg{padding-left:40px;padding-right:40px}
#popin-step3 .popin-step-bg{max-width:350px;margin:auto}
.popin-li .popin-content .popin-content-largeur{width:75%;max-width:500px;margin:auto}
.popin-li .popin-content .label-infos{font-size:12px;text-transform:uppercase;margin-top:10px}
.popin-li .popin-content .label-questions{text-align:left;font-size:14px}
.popin-li .popin-content .radio-questions{text-align:center}
.popin-li .popin-content .radioContainer{display:inline-block;line-height:20px;margin:10px;margin-bottom:20px;text-transform:uppercase;font-weight:300;color:#4BA778;font-size:13px}
.popin-li .popin-content input[type="radio"]{display:none}
.popin-li .popin-content .checkmark{float:left;width:18px;height:18px;margin-right:8px;border:1px solid #377765;border-radius:50%;cursor:pointer}
.popin-li .popin-content .checkmark:hover{border:1px solid #F4F4F4}
.popin-li .popin-content input[type="radio"]:checked ~ .checkmark{border:1px solid #F4F4F4;background:url(../img/radio-on.png) no-repeat center}
#validate-success{display:none;background:black;border-radius:5px;text-align:center;color:green;line-height:30px;padding-top:10px;padding-bottom:10px;margin-top:20px}
#validate-error{display:none;background:black;border-radius:5px;text-align:center;color:red;line-height:30px;padding-top:10px;padding-bottom:10px;margin-top:20px}
.popin-li .popin-btn{display:block;border:1px solid var(--principale);color:black;background-color:var(--principale);cursor:pointer;width:100%;box-sizing:border-box;line-height:50px;font-size:15px;padding:0px;border-radius:5px;text-decoration:none;margin-top:10px;font-weight:500;margin-bottom:30px}
.popin-li .popin-btn:hover{background-color:var(--principale);border:1px solid var(--principale);color:black}
#recharge .errorInput{border:2px solid red !important}
.popin-li .errorInput{border:2px solid red !important}
#popin-contact .errorInput{border:1px solid red !important}
#user-connected .errorInput{border:1.5px solid red !important}
.popin-li h3{font-size:30px;margin:auto;margin-top:20px;margin-bottom:10px;font-weight:500;color:white}
#popin-step1 h3,#popin-step2 h3,#popin-step3 h3,#popin-step4 h3{font-size:38px}
.popin-li .ou{text-align:center;overflow:hidden;margin-top:10px;margin-bottom:10px;font-weight:normal}
.popin-li .ou:before,.popin-li .ou:after{display:inline-block;content:'';width:25%;border-top:2px solid var(--principale);padding-bottom:4px}
.popin-li .ou:before{margin-left:0px;margin-right:10px}
.popin-li .ou:after{margin-right:0px;margin-left:10px}
.popin-li .filter-item{margin-top:10px;margin-bottom:10px}
.popin-fb{background:#3B5998 url(../img/btn-fb.png) no-repeat left 5px center;background-size:32px 32px;display:block;width:100%;min-width:150px;cursor:pointer;color:#FFFFFF;box-sizing:border-box;border-radius:5px;padding:15px 7px;padding-left:36px;font-weight:bold;font-size:12px;border:1px solid #3B5998;margin:auto;margin-top:20px}
.popin-fb:hover{background-color:#4F6AA3;border:1px solid #4F6AA3}
.popin-gm{background:url(../img/btn-gmail.png) no-repeat left 5px center;background-size:32px 32px;display:block;width:100%;min-width:150px;cursor:pointer;color:var(--principale);box-sizing:border-box;border-radius:5px;padding:15px 10px;padding-left:40px;font-weight:bold;font-size:12px;border:1px solid var(--principale);margin:auto;margin-top:20px}
.popin-gm:hover{background-color:var(--principale);border:1px solid var(--principale);color:black}
#popin-step0,#popin-step1,#popin-step2,#popin-step3,#popin-step4{position:fixed;padding:0px;width:56%;left:23%;top:10%;max-height:85%;overflow-y:auto}
#popin-details{box-sizing:border-box;display:none;position:fixed;width:50%;left:25%;top:5%;max-height:90%;overflow-y:auto;color:var(--principale);background:#F4F4F4;padding:25px;padding-top:0px;padding-bottom:40px;border:5px solid #007236;border-radius:5px}
#popin-details ul{list-style:none;line-height:27px;margin-top:20px;margin-left:20px;padding:0px;font-size:17px;text-align:justify}
#popin-details ul li{background:url(../img/thick.png) no-repeat top left;padding-left:40px;min-height:27px;margin-top:10px}
#popin-details strong{display:block;text-align:center;padding-top:20px;padding-bottom:30px}
#menu-right-hover .icon-instagram,#menu-right-hover .icon-whatsapp,#menu-right-hover .icon-mail,#menu-right-hover .icon-facebook{background:url(../img/icon-social.png) no-repeat;width:23px;height:22px;float:left;margin-left:5px}
#menu-right-hover .icon-instagram{margin-left:0px}
#menu-right-hover .icon-whatsapp{background-position:-23px 0px}
#menu-right-hover .icon-mail{background-position:-46px 0px}
#menu-right-hover .icon-facebook{background-position:-69px 0px}
header #header{position:absolute;top:0px;left:0px;right:0px;z-index:10000;transition:.3s}
header.logged{position:fixed;background:var(--bg);padding-top:8px;padding-bottom:8px;z-index:10000;box-shadow:0 4px 20px #FFFFFF88}
header #menu .close-menu-mobile{display:none;background:url(../img/close-mobile.png) no-repeat center;background-size:contain;position:absolute;top:20px;right:20px;width:32px;height:32px;cursor:pointer}
header #menu.active-mobile .close-menu-mobile{display:block}
header{position:relative;width:100%;font-size:14px;box-sizing:border-box}
header .largeur{height:100%}
header .logo{display:block;position:relative;background:url(../img/bliveit-logo-white.png) no-repeat center;background-size:contain;width:60px;height:60px;margin:auto;margin-top:15px}
header.home .logo{background-image:url(../img/bliveit-logo-big-white.png);width:220px;height:110px;margin-top:0px}
header.logged .logo{margin:0px}
.popin-li .logo{display:block;margin:auto;margin-top:20px;background:url(../img/bliveit-logo-white.png) no-repeat top;background-size:contain;width:100px;height:100px}
header .video{position:relative;text-align:right;box-sizing:border-box;display:flex;align-items:center;justify-content:center}
header .video img{display:block;width:50%;height:auto;max-width:500px;border-radius:50%}
header .text{text-align:center;padding:10px;padding-top:50px;padding-bottom:40px;box-sizing:border-box}
header video{border-radius:50%;height:auto}
header #menu{position:absolute;top:0px;right:0px;color:white;z-index:2;text-align:left;box-sizing:border-box;font-weight:15px}
header #menu #menu-container{margin-top:20px;line-height:30px}
header #menu .logo-mobile{display:none}
header #menu a.link,header #menu a.anchor,header #menu .menu-hover{display:inline-block;color:white;text-decoration:none;padding-left:10px;padding-right:10px;cursor:pointer}
header #menu a.anchor:first-child,header #menu .menu-hover:first-child{margin-left:0px}
header #menu-right{position:absolute;top:0px;right:0px;background:url(../img/menu-right-all.png) no-repeat top right;background-size:contain;width:100%;height:110px;z-index:2}
#homepage header #menu-right{background-image:url(../img/menu-right.png);width:65%;height:200px}
header #social{float:right;padding-top:14px;height:56px;padding-right:150px}
header #phone-container{float:right;background:url(../img/bg-header.png) no-repeat left;padding-left:30px;padding-right:35px}
header #phone{display:block;background:url(../img/icon-phone.png) no-repeat left;line-height:70px;margin-left:5px;padding-left:28px;font-size:17px;font-weight:900}
.bt_click{display:inline-block;margin-left:5px;margin-right:5px;background:var(--btn);color:white;padding:8px;padding-left:25px;padding-right:25px;margin-top:25px;line-height:25px;border-radius:8px}
.bt_click:hover{background:var(--btn-hover);color:black}
header.home{position:relative;color:white;background:#E4E4E4 url(../img/header.jpg) no-repeat center;background-size:cover;padding-top:20px;z-index:0;padding-bottom:50px}
.webp header.home{background-image:url(../img/header.webp)}
/*header.home:before{position:absolute;content:"";top:0;bottom:0;left:0;right:0;background:radial-gradient(circle at 60% 40%, #F4F4F4 0%, var(--blue) 30%, var(--red) 60%, #F4F4F4 100%);opacity:.4;z-index:-1}*/
header.home:after{position:absolute;content:"";top:0;bottom:0;left:0;right:0;background: linear-gradient(to bottom, #01112FDD, transparent);z-index:-1}
/*header.home:before{position:absolute;content:"";top:0;bottom:0;left:0;right:0;background:url(../img/mor1.avif) no-repeat center;background-size:cover;mix-blend-mode:multiply;opacity:0;animation:heartbeat 2s infinite ease-in-out;z-index:-1}
header.home:before{position:absolute;content:"";height:350px;bottom:-50px;left:0;right:0;background:url(../img/summersound-logo.png) no-repeat bottom;background-size:contain;opacity:0;animation:heartbeat 2s infinite ease-in-out;z-index:-1}*/
@keyframes heartbeat {
  0% {
    opacity: 0.1;
  }
  20% {
    opacity: 0.4;
  }
  40% {
    opacity: .8;
  }
}
header.home h1{font-size:52px}
header.home .content{max-width:800px;margin:auto;margin-top:5px}
header.home .content p{color:white;font-size:20px}
header.home .content img{display:block;width:90%;max-width:600px;height:auto;margin:auto;margin-top:40px}
#confiance{display:none;position:absolute;left:0px;right:0px;bottom:-110px}
#confiance .largeur{width:80%;max-width:960px;height:150px;padding-top:30px;padding-bottom:30px;background:#322847;opacity:.9;border-radius:15px;font-size:30px;text-align:center}
.block-how:before{position:absolute;content:"";top:0px;left:0px;right:0px;bottom:0px;background:white url(../img/bg.png) no-repeat top;background-size:cover;opacity:.03}
#notice-nfc{display:none;position:absolute;background:black;width:95%;max-width:600px;border:5px solid white;border-radius:5px;text-align:left;z-index:2;padding:15px;box-sizing:border-box;font-size:12px;line-height:20px}
.click-notice{cursor:pointer}
#btn-profil{position:absolute;top:15px;right:10px;background:url(../img/profil.png) no-repeat center;background-size:contain;height:30px;width:30px;cursor:pointer;transition:.3s}
#btn-profil.connected{background-image:url(../img/profil-hover.png);width:25px}
#breadcrumb{background:black;color:#34816E;font-size:12px;padding-top:80px;padding-bottom:10px;margin-bottom:10px}
#breadcrumb a{text-decoration:none;color:#143E28}
#breadcrumb a span{text-decoration:none;color:#143E28}
#breadcrumb .last{text-decoration:none;color:#34816E}
#presentation{background:url(../img/bg-who.png) no-repeat top right;background-size:38%;padding-top:85px;padding-bottom:100px}
#presentation h3{font-weight:600;font-size:30px}
#presentation .btn{width:235px;height:49px;line-height:49px;padding-left:20px;font-weight:bold;font-size:15px;box-sizing:border-box;margin-top:50px;border-radius:50px}
#presentation .btn:after{position:absolute;content:"";top:0px;left:0px;bottom:0px;right:10px;background:url(../img/li-btn.png) no-repeat right;background-size:8px}
#presentation .btn.btn-offre{margin-left:20px}
#contact{background:url(../img/bg-contact.png) no-repeat bottom right;background-size:500px;padding-bottom:120px}
#contact h3{font-size:38px;font-weight:bold;margin-bottom:20px}
#contact .label{display:inline-block}
#contact .text{display:inline-block}
#begin{background:var(--principale) url(../img/scan.png) no-repeat center;background-size:auto 60%;height:64px;width:80px;margin-top:20px;border:0px;box-sizing:border-box}
#begin:hover{background-color:var(--bg);border:1px solid white}
#customers{padding-top:20px}
.customer{display:block;width:auto;margin-top:50px;line-height:30px;/*background:url(../img/rubber-bracelets.png) no-repeat top;background-size:auto 180px;*/box-shadow:0 2px 10px #FFFFFF88}
.customer .title small{display:block;font-weight:400;font-size:15px;line-height:20px}
.customer .largeur{position:relative;height:100%}
.customer .title{position:relative;padding-top:20px;text-align:center;font-weight:500;font-size:18px;background:none no-repeat left;background-size:contain;font-size:30px}
/*.customer .title:before{position:absolute;content:'';top:0px;right:0px;left:0px;height:170px;background:url(../img/bracelet-en-vinyle.jpg) no-repeat center;background-size:contain}*/
.customer .balance{line-height:25px;text-align:center;font-weight:500;font-size:16px;padding-top:10px;padding-bottom:10px}
.customer .balance span{color:var(--principale);line-height:50px;text-align:center;font-weight:bold;font-size:50px}
.customer-details{position:relative;padding:10px;padding-left:15px;padding-right:15px;max-width:500px;border-radius:5px;text-align:left;color:white;margin-top:20px;margin-bottom:20px;box-shadow:0px 0px 10px 5px #00000022;line-height:35px}
.customer-details .title{font-weight:500;font-size:25px;padding-top:10px;padding-bottom:10px}
.customer-details .title small{display:block;font-weight:400;font-size:15px;line-height:20px}
.customer-details .balance{position:absolute;top:10px;right:15px;line-height:20px;text-align:right;font-weight:400;font-size:16px}
.customer-details .balance span{display:block;color:var(--principale);line-height:35px;text-align:center;font-weight:bold;font-size:35px}
.flexbox{display:flex;text-align:center}
.flexbox .flex-btn{position:relative;display:inline-block;width:100%;background:var(--bg) none no-repeat center;cursor:pointer;box-sizing:border-box;border-top:1px solid #FFFFFF88}
.flexbox .flex-btn:hover{background-color:var(--principale)}
.flexbox .flex-btn.recharge{background-color:var(--principale)}
.flexbox .flex-btn.recharge:hover{background-color:var(--bg)}
.flexbox .flex-btn.transactions{border-left:1px solid #FFFFFF88;border-right:1px solid #FFFFFF88}
.flexbox .flex-btn:before{position:absolute;content:"";top:0px;right:0px;left:0px;height:50px;background:none no-repeat center;background-size:auto 70%}
.flexbox .flex-btn.recharge:before{background-image:url(../img/credit-card.png)}
.flexbox .flex-btn.transactions:before{background-image:url(../img/transactions.png)}
.flexbox .flex-btn.history:before{background-image:url(../img/history.png)}
.flexbox .flex-btn h3{font-weight:300;color:white;padding-top:60px;padding-bottom:10px;font-size:14px;font-weight:500;line-height:20px}
.step{display:none}
.step#step1{display:block}
.tiles{position:relative;display:block;background:black;margin-top:10px;padding:10px;border-radius:2px;text-align:center;box-sizing:border-box;text-decoration:none}
.tiles .title{font-weight:700;height:50px;line-height:25px}
.tiles .number{font-size:28px;font-weight:bold}
.tiles:before{position:absolute;content:'';top:15px;left:0px;right:0px;width:64px;height:64px;margin:auto;background:none no-repeat center;background-size:70%;border-radius:50%}
.tiles span{display:block}
footer{background:var(--bg);color:white;font-size:15px;font-weight:300;text-align:center;line-height:40px;padding-top:30px;padding-bottom:10px;box-shadow:0 4px 20px #FFFFFF88}
footer .logo{display:block;position:relative;background:url(../img/bliveit-logo-white.png) no-repeat center;background-size:contain;max-width:204px;height:60px;margin:auto}
/*footer .logo:before{position:absolute;content:"";top:0px;bottom:-5px;left:90%;right:-60px;background:url(../img/logo/logo-iam-black.svg) no-repeat bottom right;background-size:contain;margin:auto}*/
footer .links{text-transform:uppercase;padding-top:15px;margin-bottom:15px}
footer .links a{padding-left:5px;padding-right:5px;color:white;text-decoration:none}
footer #copyright{text-align:center;font-size:13px}
footer #copyright a,.linesens{display:inline-block;margin-left:2px;padding-left:22px;text-decoration:none;background:url(https://cdn.linesens.com/img/logo-com.png) no-repeat left;background-size:20px;font-weight:bold}
footer #link-terms{display:block;text-align:right;font-size:12px;color:black;text-decoration:none}
#qrcodes{padding-top:95px}
#list{text-align:center}
#list .card-item{display:inline-block;width:100%;max-width:250px;position:relative;margin-top:15px;padding-top:15px;padding-top:15px;background:var(--principale);border:2px solid black;border-radius:20px;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.6);margin-left:5px;margin-right:5px}
#information{display:inline-block;background:url(../img/information.png) no-repeat center;background-size:contain;width:36px;height:40px;margin-left:12px}
#home{display:inline-block;background:url(../img/home-white.png) no-repeat center;background-size:contain;width:36px;height:40px;margin-left:12px}
#settings{display:inline-block;background:url(../img/profile-white.png) no-repeat center;background-size:contain;width:36px;height:40px;margin-left:12px}
#logout{display:inline-block;background:url(../img/logout.png) no-repeat center;background-size:contain;width:36px;height:40px;margin-left:15px}
#footer-logged{position:fixed;bottom:0px;left:0px;right:0px;background:var(--bg);box-shadow:0 4px 20px #FFFFFF88;padding:0px;box-sizing:border-box;text-align:right;display:flex;justify-content:space-between;align-items:center;text-align:center;color:white}
.order span{position:absolute;top:-4px;right:-4px;color:black;background:var(--red);padding:4px;padding-left:6px;padding-right:6px;line-height:1;font-weight:500;font-size:13px;border-radius:50%;z-index:100}
.qr .img{display:block;width:50%;margin:auto;text-align:center}
.qr .img img{display:inline-block;width:80%;height:auto;border-radius:50%}
.qr .text{margin-top:15px;text-align:center;font-size:13px;font-weight:500;color:black;line-height:15px}
.qr .text div:first-child{height:30px;overflow:hidden}
.qr .text div:last-child{font-weight:300;font-size:12px}
.pagination-container{text-align:center;height:30px;padding-left:10px;padding-right:10px;font-size:14px;border-top:3px solid var(--principale)}
.paginNum{display:inline-block;border:1px solid var(--principale);color:var(--principale);background:black;padding:2px;padding-left:5px;padding-right:5px;border-radius:3px;margin-top:10px;cursor:pointer;font-weight:500}
.paginNum.active,.paginNum:hover{font-weight:bold;border:1px solid var(--principale);color:black;background:var(--principale)}
.paginNum:hover{background:var(--secondaire)}
.no-results{background:url(../img/no-result.png) no-repeat top;background-size:200px;padding-top:230px;text-align:center;font-size:25px;font-weight:500}
.no-results.show-card{background-image:url(../img/id-card.png)}
.no-results.printing{background-image:url(../img/printing.png)}
#no-result{background:black;padding-top:80px;padding-bottom:50px;text-align:center}
#no-result h2,#no-result h2{background:url(../img/no-result.png) no-repeat top;background-size:160px;padding-top:180px;font-size:35px;font-weight:500}
.add-banner{line-height:60px;margin-top:20px;background:var(--principale);color:black;text-align:center;padding:20px;font-size:50px;font-weight:bold;box-sizing:border-box;cursor:pointer}
.add-banner-bg{margin-top:40px;height:500px;width:100%;background:url(../img/add-banner.jpg) no-repeat;background-size:cover}
.addclick{cursor:pointer}
.footer-flex{position:relative;flex:1}
.footer-btn{padding-top:56px;padding-bottom:10px;cursor:pointer;background:var(--btn)}
.footer-btn:hover{background:var(--btn-hover)}
.footer-btn div{padding-top:5px}
.footer-flex.ajout .footer-btn{background:var(--principale)}
.footer-flex.ajout .footer-btn:hover{background:var(--secondaire)}
.footer-flex:nth-child(2) .footer-btn{background:var(--btn-hover)}
.footer-flex:nth-child(2) .footer-btn:hover{background:var(--btn)}
.footer-btn:before{position:absolute;content:"";top:10px;left:0px;right:0px;height:46px;background:none no-repeat bottom;background-size:46px}
.footer-btn.order:before{background-image:url(../img/design.png)}
.footer-btn.design:before{background-image:url(../img/visiting-card.png)}
.footer-btn.addclick:before{background-image:url(../img/shopping-cart.png)}
.design-btn{display:inline-block;width:32px;padding-top:32px;background:var(--principale) url(../img/visiting-card.png) no-repeat center;background-size:70%;border-radius:50%;cursor:pointer}
.order-detail{display:inline-block;width:46px;height:46px;background:var(--principale) url(../img/edit-basket.png) no-repeat center;background-size:contain;border-radius:50%;cursor:pointer}
.design_card{display:inline-block;width:46px;height:46px;background:var(--principale) url(../img/edit-design.png) no-repeat center;background-size:contain;border-radius:50%;cursor:pointer}
.add.add-new-user{background-image:url(../img/new-user.png)}
.add.add-product{background-image:url(../img/cart.png)}
.edit,.delete,.more,.download,.print,.play,.pause,.color-picker,.file-btn,.link-btn,.word-btn,.editSite,.qr-code{display:inline-block;width:24px;height:24px;background:url(../img/edit.png) no-repeat center;cursor:pointer}
.edit{background-size:contain;border-radius:50% !important;border:2px solid black;width:32px !important}
.qr-code{background:url(../img/qr-code.png) no-repeat center;background-size:contain;border-radius:50% !important;border:2px solid black;width:32px !important}
.play{background:url(../img/play.png) no-repeat center;background-size:contain;border-radius:50% !important;border:2px solid black;width:32px !important}
.pause{background:url(../img/pause.png) no-repeat center;background-size:contain;border-radius:50% !important;border:2px solid black;width:32px !important}
.editSite{background:url(../img/edit-site.png) no-repeat center;background-size:contain;border-radius:50% !important;border:2px solid black;width:32px !important}
.delete{background:url(../img/delete.png) no-repeat center;background-size:20px}
.more{background:url(../img/more.png) no-repeat center}
.download{background:url(../img/download.png) no-repeat center;background-size:20px}
.print{background:url(../img/print.png) no-repeat center}
.color-picker{background:url(../img/color-picker.png) no-repeat center;background-size:20px}
.file-btn{background:url(../img/link.png) no-repeat center}
.link-btn{background:url(../img/word.png) no-repeat center}
.file-btn{position:absolute;top:15px;right:15px;width:24px;height:24px;background-color:black;border-radius:50%;background-size:12px;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.6)}
.link-btn{position:absolute;top:15px;right:15px;width:24px;height:24px;background-color:black;border-radius:50%;background-size:12px;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.6)}
.word-btn{position:absolute;top:15px;right:15px;width:24px;height:24px;background-color:black;border-radius:50%;background-size:12px;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.6)}
.flex-container{margin:15px;text-align:center}
.flex-container > div,.flex-container > a{display:inline-block;border-radius:5px;height:32px;cursor:pointer}
.input-material{position:relative;border-radius:2px;box-sizing:border-box;margin-top:10px}
.input-material input,.input-material textarea{display:block;border:1px solid white;background:var(--bg);font-family:inherit;font-size:14px;font-weight:bold;color:white;width:100%;height:45px;padding:5px;padding-top:10px;box-sizing:border-box}
.input-material input.date{background:url(../../img/date.png) no-repeat right;background-position:right 10px center}
.input-material textarea{height:70px;padding-top:15px}
.input-material input:focus,.input-material textarea:focus{outline:none}
.input-material label{position:absolute;left:5px;top:10px;line-height:25px;font-size:14px;font-weight:bold;color:white;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all}
.input-material input:focus ~ label,.input-material textarea:focus ~ label{top:5px;line-height:10px;font-size:10px;font-weight:normal}
.input-material input:focus,.input-material textarea:focus{border:1px solid #F4F4F4}
.input-material input:valid ~ label,.input-material textarea:valid ~ label{top:5px;line-height:10px;font-size:10px;font-weight:normal}
.input-material input:disabled,.input-material textarea:disabled{background:#A4A4A4}
.input-material input:disabled ~ label,.input-material textarea:disabled ~ label{top:5px;line-height:10px;font-size:10px;font-weight:normal}
.input-material label.required:after{position:absolute;content:"*";color:red;font-weight:bold}
.show-material{position:relative;border-radius:2px;box-sizing:border-box;margin-top:10px}
.show-material div{display:block;outline:none;border:1px solid #ECECEC;background:var(--bg);font-family:inherit;font-size:14px;font-weight:bold;color:var(--principale);width:100%;height:45px;padding:5px;padding-top:15px;line-height:25px;box-sizing:border-box}
.show-material div.date{background:url(../../img/admin/date.png) no-repeat right;background-position:right 10px center}
.show-material label{position:absolute;left:5px;top:5px;line-height:10px;font-size:10px;font-weight:normal;color:#8A8A8A;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all}
.custom-select{position:relative;text-align:left;color:white;height:45px;font-size:14px;font-weight:bold;padding-right:25px;border-radius:2px;border:1px solid #F4F4F4;box-sizing:border-box;margin-bottom:10px;background:var(--bg) url(../../img/select.png) no-repeat right;background-position:right 10px center;cursor:pointer;margin-top:10px}
.custom-select select{display:none}
.custom-select label{position:absolute;left:5px;top:5px;line-height:10px;font-size:10px;font-weight:normal;color:#444B62}
.custom-select label.required:after{position:absolute;content:"*";color:red;font-weight:bold}
.select-selected{line-height:25px;padding:10px;padding-left:5px;padding-right:5px;black-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.select-items{position:absolute;background:var(--bg);color:white;content:"";top:100%;left:0;right:0;z-index:7001;max-height:200px;overflow-y:auto;border:1px solid white;border-top:0px;border-bottom-left-radius:2px;border-bottom-right-radius:2px}
.select-items div{position:relative;padding-left:5px;padding-right:5px;line-height:36px;cursor:pointer}
.select-items div.select-status{padding-right:40px}
.select-items div.select-status:after{position:absolute;content:"";top:3px;right:5px;width:30px;height:30px;border-radius:50%;background-repeat:no-repeat;background-position:center}
.select-items div:hover{background:#F4F4F4;color:black}
.select-hide{display:none}
.select-items div.round-button{position:relative;padding-left:25px}
.select-items div.round-button:after{position:absolute;content:"";width:8px;height:8px;top:14px;left:10px;border-radius:50%}
.select-items div.round-button.status-0:after,.custom-select.round-button.status-0:after{background:#444B62}
.select-items div.round-button.status-1:after,.custom-select.round-button.status-1:after{background:#3CC401}
.select-items div.round-button.status-2:after,.custom-select.round-button.status-2:after{background:#ED1B1B}
.select-items div.round-button.status-3:after,.custom-select.round-button.status-3:after{background:#FF9500}
.select-items div.round-button.product-status-0:after,.custom-select.round-button.product-status-0:after{background:#444B62}
.select-items div.round-button.product-status-1:after,.custom-select.round-button.product-status-1:after{background:#ED1B1B}
.select-items div.round-button.product-status-2:after,.custom-select.round-button.product-status-2:after{background:#FF9500}
ol{padding:0px}
.show-material{position:relative;border-radius:2px;box-sizing:border-box;margin-top:10px}
.show-material div{display:block;outline:none;border:1px solid #ECECEC;background:var(--bg);font-family:inherit;font-size:14px;font-weight:bold;color:var(--principale);width:100%;height:45px;padding:5px;padding-top:15px;line-height:25px;box-sizing:border-box}
.show-material div.date{background:url(../../img/admin/date.png) no-repeat right;background-position:right 10px center}
.show-material label{position:absolute;left:5px;top:5px;line-height:10px;font-size:10px;font-weight:normal;color:#8A8A8A;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all}
.my-select-2{position:relative}
.my-select-2 label{position:absolute;left:5px;top:5px;line-height:10px;font-size:10px;font-weight:normal;color:#8A8A8A}
.my-select-2 label.required:after{position:absolute;content:"*";color:red;font-weight:bold}
.custom-select label{position:absolute;left:5px;top:5px;line-height:10px;font-size:10px;font-weight:normal;color:#8A8A8A}
.custom-select label.required:after{position:absolute;content:"*";color:red;font-weight:bold}
#popin,#popin2,#popin3,#popin4{display:none;position:fixed;left:0px;right:0px;top:/*106*/0px;bottom:0px;background:black;z-index:10002;box-shadow:8px 8px 20px rgba(0,0,0,0.6);box-sizing:border-box;text-align:center;padding-bottom:30px;overflow:auto}
#popin h1,#popin2 h1,#popin3 h1,#popin4 h1{margin-top:10px;line-height:50px}
#popin p,#popin2 p,#popin3 p,#popin4 p{margin-top:10px;line-height:50px;font-size:20px}
#popin .close,#popin2 .close,#popin3 .close,#popin4 .close{position:absolute;cursor:pointer;top:-16px;right:-16px;width:32px;height:32px;background:url(../img/croix.png) no-repeat bottom;background-size:100%}
#popin .close:hover,#popin2 .close:hover,#popin3 .close:hover,#popin4 .close:hover{background-position:top}
#popin .content,#popin2 .content,#popin3 .content,#popin4 .content{background:black;overflow:auto}
#popin .block-generate,#popin2 .block-generate,#popin3 .block-generate,#popin4 .block-generate{padding:0px}
#card_title{position:relative;display:block;margin:auto;max-width:210px;line-height:30px;font-size:13px;color:var(--principale);background:black;text-decoration:none;border-radius:20px;padding:15px;padding-top:80px;padding-bottom:15px;box-shadow:2px 2px 8px 0px rgba(0,0,0,0.1);text-align:center;margin-top:30px}
#card_title:before{position:absolute;content:"";top:15px;left:15px;right:15px;height:50px;background:url(../img/bliveit-logo-white.png) no-repeat center;background-size:contain}
#card_no_title{position:relative;display:block;margin:auto;max-width:210px;height:30px;font-size:13px;color:var(--principale);background:black;text-decoration:none;border-radius:20px;padding:15px;padding-top:80px;padding-bottom:15px;box-shadow:2px 2px 8px 0px rgba(0,0,0,0.1);text-align:center;margin-top:30px}
#card_no_title:before{position:absolute;content:"";top:15px;left:15px;right:15px;bottom:15px;background:url(../img/bliveit-logo-white.png) no-repeat center;background-size:contain}
.btn{display:inline-block;position:relative;cursor:pointer;border-radius:5px;background:var(--btn);border:1px solid #F4F4F4;margin:auto;margin-top:10px;text-align:center;line-height:25px;padding:8px;padding-left:20px;padding-right:20px}
.btn:hover{background-color:var(--btn-hover);color:black}
.btn:before{position:absolute;content:'';top:7px;left:7px;right:7px;bottom:7px}
.btn-phone,.btn-save,.btn-upload,.btn-upload-image{padding-left:50px}
.btn-save{background-color:var(--btn-hover)}
.btn-save:hover{background-color:var(--btn)}
.btn-save:before{background:url(../img/save.png) no-repeat left;background-size:contain}
.btn-upload:before{background:url(../img/upload.png) no-repeat left;background-size:contain}
.btn-upload-image:before{background:url(../img/upload-image.png) no-repeat left;background-size:contain}
.btn-phone:before{background:url(../img/call.png) no-repeat left;background-size:contain}
.btn span{display:block;padding:10px;padding-left:3px;line-height:30px;font-weight:500}
.btn-close{cursor:pointer;border:1px solid var(--btn);border-radius:25px;padding-top:15px;padding-bottom:15px;background:var(--btn);color:black;margin:0px auto 0px;margin-top:10px;width:80%;text-align:center}
.btn-close:hover{background:#981F1F}
.btn_cta{display:inline-block;cursor:pointer;border-radius:5px;background:var(--btn-hover);color:black;margin:auto;margin-top:10px;line-height:25px;padding:25px;padding-top:8px;padding-bottom:8px;text-align:center;font-weight:bold}
.btn_cta:hover{background:var(--btn)}
.btn_portrait_mode{cursor:pointer;text-align:center}
.btn_landscape_mode{cursor:pointer;text-align:center}
.set_align,.set_font_size{display:inline-block;background:var(--btn) url(../img/align-left.png) no-repeat center;background-size:60%;width:40px;height:40px;cursor:pointer}
.set_align:hover,.set_font_size:hover{background-color:var(--btn-hover)}
.set_align.active{background-color:var(--btn-hover)}
.colorPickNoBg{background:#F0F0F0 url(../img/opacity.png) no-repeat center;background-size:65%;height:45px;width:45px;margin-top:10px;cursor:pointer}
.colorPickNoBg:hover{background-color:#E2E2E2}
.attention{position:relative;display:block;background:#F0F0F0;max-width:425px;margin:auto;padding:10px;padding-left:50px;text-align:left;font-weight:500;font-size:13px}
.attention:before{position:absolute;content:"";top:0px;left:7px;bottom:0px;width:36px;background:url(../img/warning.png) no-repeat left;background-size:contain}
.notice{position:relative;display:block;background:#F0F0F0;max-width:425px;margin:auto;padding:10px;padding-left:50px;text-align:left;font-weight:500;font-size:13px}
.notice:before{position:absolute;content:"";top:0px;left:7px;bottom:0px;width:36px;background:url(../img/notice-icon.png) no-repeat left;background-size:contain}
#yt-container{position:relative;width:460px;height:320px;margin:auto;display:flex;justify-content:center;align-items:center}
.yt{position:absolute;width:100%;height:100%;cursor:pointer}
.yt #yt-image{position:absolute;content:'';width:100%;height:100%;background:url(../img/video-promo.png) no-repeat right;background-size:contain}
.yt #youtubeEmbed{position:absolute;width:100%;height:100%;left:0px}
#colorpicker-form{position:relative;padding:0px;padding-left:120px;max-width:235px;margin:auto;margin-top:10px}
#colorpicker{position:absolute;left:0px;top:0px}
.farbtastic{position:relative;margin:auto}
.farbtastic *{position:absolute;cursor:crosshair}
.farbtastic,.farbtastic .wheel{width:120px;height:120px}
.farbtastic .color,.farbtastic .overlay{top:30px;left:30px;right:30px;bottom:30px}
.farbtastic .wheel{background:url(wheel.png) no-repeat;background-size:contain;width:120px;height:120px}
.farbtastic .overlay{background:url(mask.png) no-repeat;background-size:contain}
.farbtastic .marker{width:10px;height:10px;margin:-5px 0 0 -5px;overflow:hidden;background:url(marker.png) no-repeat;background-size:contain}
.show-type{display:none}
.show-type-1{display:block}
.choose-type{line-height:30px;text-align:center;float:left;margin-top:10px;position:relative;border:1px solid #ECECEC;border-radius:10px;cursor:pointer;padding:10px;width:100%;box-sizing:border-box}
.choose-type.active{border:1px solid var(--principale);color:var(--principale)}
.choose-type:after{display:none;position:absolute;content:"";width:20px;height:20px;background:var(--green) url(../../img/choose.png) no-repeat center;border-radius:50%;right:-6px;top:-6px;z-index:2;padding:2px}
.choose-type.active:after{display:block}
.choose{line-height:30px;text-align:center;float:left;margin-top:10px;position:relative;border:1px solid #ECECEC;border-radius:10px;cursor:pointer;padding:10px;width:100%;box-sizing:border-box}
.choose.genders{max-width:60px;margin-left:5px;margin-right:5px;margin-top:15px}
.choose.genders:first-child{margin-left:0px}
.choose.genders:last-child{margin-right:0px}
.choose.active{border:1px solid var(--principale)}
.choose:after{display:none;position:absolute;content:"";width:20px;height:20px;background:var(--principale) url(../../img/choose.png) no-repeat center;border-radius:50%;right:-6px;top:-6px;z-index:1;padding:2px}
.choose.active:after{display:block}
.choose.template{display:none}
.choose.profile_type{position:relative;flex:1;width:100%;padding-top:60px;padding-bottom:20px;background:var(--btn-hover);color:black;margin:0px;font-weight:bold;line-height:20px;border:0px;border-radius:0}
.choose.profile_type:before{position:absolute;content:"";background:var(--bg) no-repeat center;background-size:contain;left:0px;right:0px;top:10px;height:40px}
.choose.profile_type.edit-config:before{background-image:url(../img/edit-config.png)}
.choose.profile_type.edit-info:before{background-image:url(../img/edit-info.png)}
.choose.profile_type.edit-link:before{background-image:url(../img/edit-link.png)}
.choose.profile_type:last-child{margin-left:0px}
.choose.profile_type:hover{background:var(--principale)}
.choose.profile_type.active{background:var(--btn)}
#drop-zone{display:block;text-align:center;height:92px;border:1px solid #ECECEC;border-radius:5px;box-sizing:border-box;clear:both;font-size:12px;font-weight:300;text-align:center;margin-top:10px}
#drop-zone #file-preview-one{float:left;background:url(../img/pdf.png) no-repeat center;width:92px;height:91px;border-right:1px solid #ECECEC;border-radius:5px;box-sizing:border-box}
#drop-zone .drag{display:block;height:92px;padding-top:60px;background:url(../img/drag.png) no-repeat top;background-position:top 20px center;box-sizing:border-box;cursor:pointer}
#drop-zone #file-preview-one ~ .drag{margin-left:92px}
#drop-zone .drag span{color:#444B62}
#drop-zone input{display:none}
#progress{height:5px}
#progress .progress-bar{background:blue;height:5px;width:0px;border-radius:3px}
#file-preview .img{float:left;position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;width:48%;margin-left:1%;margin-right:1%;height:150px;border-radius:5px;margin-top:10px}
#file-preview .img.remove:after{position:absolute;z-index:2;content:"";top:0px;left:0px;width:100%;height:100%;background:rgba(255,0,0,0.5)}
#file-preview .img .remove-img{position:absolute;z-index:3;right:0px;top:0px;background:url(../../img/admin/delete-img.png) no-repeat center;background-size:24px;margin:8px;width:24px;height:24px;cursor:pointer}
#file-preview-one .img{position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;height:92px;border-radius:5px}
#file-preview-one .img.remove:after{position:absolute;z-index:2;content:"";top:0px;left:0px;width:100%;height:100%;background:rgba(255,0,0,0.5)}
#file-preview-one .img .remove-img{position:absolute;z-index:3;right:0px;top:0px;background:url(../../img/admin/delete-img.png) no-repeat center;background-size:24px;margin:8px;width:24px;height:24px;cursor:pointer}
.add-element{width:64px;height:64px;display:inline-block;margin:2px;background:var(--principale) none no-repeat center;background-size:32px;border-radius:50%;cursor:pointer}
.add-element:hover{background-color:var(--btn)}
.add-element.cv-contact{background-image:url(../img/buttons/black/contact.png)}
.add-element.cv-website{background-image:url(../img/buttons/black/website.png)}
.add-element.cv-vcf{background-image:url(../img/buttons/black/vcf.png)}
.add-element.cv-fb{background-image:url(../img/buttons/black/fb.png)}
.add-element.cv-ig{background-image:url(../img/buttons/black/ig.png)}
.add-element.cv-favorites{background-image:url(../img/buttons/black/favorites.png)}
.add-element.cv-image{background-image:url(../img/buttons/black/image.png)}
.add-element.cv-map{background-image:url(../img/buttons/black/map.png)}
.add-element.cv-text{background-image:url(../img/buttons/black/text.png)}
.add-element.cv-video{background-image:url(../img/buttons/black/video.png)}
.add-element.cv-linkedin{background-image:url(../img/buttons/black/linkedin.png)}
.add-element.cv-tiktok{background-image:url(../img/buttons/black/tiktok.png)}
.add-element.cv-yt{background-image:url(../img/buttons/black/yt.png)}
.add-element.cv-twitter{background-image:url(../img/buttons/black/twitter.png)}
.add-element.cv-twitch{background-image:url(../img/buttons/black/twitch.png)}
.add-element.cv-pinterest{background-image:url(../img/buttons/black/pinterest.png)}
.add-element.cv-whatsapp{background-image:url(../img/buttons/black/whatsapp.png)}
.add-element.cv-behance{background-image:url(../img/buttons/black/behance.png)}
.add-element.cv-snapchat{background-image:url(../img/buttons/black/snapchat.png)}
.add-element.cv-vimeo{background-image:url(../img/buttons/black/vimeo.png)}
#popin-btns{display:none;justify-content:center;align-items:center;position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:2;transition:.5s;background:#000000AA}
#popin-btns.active{right:650px}
#editlivesite iframe{position:absolute;border:0px;top:0px;height:100%;right:0px;width:0px;transition:.5s;z-index:4;background:white}
#editlivesite #edit-container{position:absolute;top:0px;bottom:0px;right:0px;left:0px;overflow:hidden;overflow-y:auto;padding:10px;transition:.5s}
#edit-container tr:hover{background:none}
#editlivesite #edit-card-container{position:absolute;top:0px;bottom:0px;right:0px;left:0px;overflow:hidden;overflow-y:auto;padding:10px;transition:.5s}
#editlivesite .close-iframe{position:absolute;right:0px;bottom:120px;width:45px;height:45px;z-index:3;cursor:pointer;background:var(--btn);transition:.5s}
#editlivesite.active .close-iframe{background:var(--btn-hover)}
#editlivesite .close-iframe:after{position:absolute;content:"";top:0px;left:0px;width:100%;height:100%;background:url(../img/close-iframe.png) no-repeat center;background-size:70%;transition:1s}
#editlivesite.active .close-iframe:after{transform:rotate(180deg)}
#editlivesite.active iframe{width:650px}
#editlivesite.active #edit-container{right:650px}
#editlivesite.active #edit-card-container{right:370px}
#editlivesite.edit_card.active iframe{width:370px}
#editlivesite.active .close-iframe{content:"";right:650px}
#editlivesite.edit_card.active .close-iframe{right:370px}
#editlivesite.editsite iframe{width:100%}
#editlivesite.editsite #edit-container{right:100%;overflow:hidden}
#editlivesite.editbtns iframe{width:0px;overflow:hidden}
#editlivesite.editbtns #edit-container{right:0px}
#editlivesite #choix-edition{position:fixed;bottom:0px;display:flex;left:0px;right:0px;transition:.5s}
#editlivesite.active #choix-edition{right:650px}
.color-holder{background:black;border:1px solid white;cursor:pointer;width:45px;height:45px;float:left;margin-top:10px;box-sizing:border-box}
.color-picker{display:none;width:192px;height:120px;background:#F3F3F3;padding:2px;position:absolute;top:60px;left:0px;z-index:2}
.color-picker .color-item{cursor:pointer;width:20px;height:20px;list-style-type:none;float:left;margin:2px;border:1px solid #DDD;box-sizing:border-box}
.color-picker .color-item:hover{border:1px solid #666}
.aL{text-align:left}
.aC{text-align:center}
.aR{text-align:right}
#cashless{padding:80px 0;background:white}
#cashless .flex{display:flex;flex-direction:row;align-items:center;gap:48px}
#cashless .md-half{width:100%}
#cashless .gold{color:var(--principale);;font-weight:bold;text-transform:uppercase;font-size:14px;letter-spacing:2px}
#cashless h2{font-size:40px;font-weight:bold;font-family:serif;color:var(--bg);margin:16px 0 24px}
#cashless p{color:#4b5563;line-height:1.6;font-size:18px;margin-bottom:24px}
#cashless ul{list-style:none;padding:0;margin:32px 0 0}
#cashless ul li{display:flex;align-items:center;font-weight:500;color:var(--bg);margin-bottom:16px}
#cashless ul li span{display:inline-block;width:32px;height:1px;background:var(--principale);;margin-right:16px}
#cashless .btn{margin-top:32px;padding:12px 32px;border:2px solid var(--bg);font-weight:bold;color:var(--bg);background:none;cursor:pointer;transition:0.3s}
#cashless .btn:hover{background:var(--bg);color:#fff}
#cashless .image-wrapper{position:relative}
#cashless .image-wrapper img{width:100%;height:500px;object-fit:cover;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,0.2);position:relative;z-index:10}
#cashless .circle-bg{position:absolute;top:-16px;left:-16px;width:96px;height:96px;background:rgba(212,175,55,0.2);border-radius:50%;z-index:0}
#cashless .border-square{position:absolute;bottom:-24px;right:-24px;width:192px;height:192px;border:4px solid var(--principale);;display:block;z-index:20}
#services{padding:96px 0;background:var(--bg);color:#fff;position:relative}
#services .text-center{text-align:center;margin-bottom:80px}
#services .gold{color:var(--principale);;font-weight:bold;text-transform:uppercase;font-size:14px;letter-spacing:2px}
#services h2{font-size:48px;font-weight:bold;font-family:serif;margin-top:16px}
#services .grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:32px}
#services .service{position:relative;padding:40px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.05);border-radius:8px;overflow:hidden;cursor:pointer;transition:background 0.5s}
#services .service:hover{background:#d4af37}
#services .service-circle{position:absolute;top:-40px;right:-40px;width:128px;height:128px;background:rgba(255,255,255,0.05);border-radius:50%;transition:background 0.5s}
#services .service:hover .service-circle{background:rgba(255,255,255,0.2)}
#services .service h3{font-size:24px;font-family:serif;font-weight:bold;margin-bottom:16px;transition:color 0.5s}
#services .service p{color:rgba(255,255,255,0.6);margin-bottom:24px;line-height:1.6;transition:color 0.5s}
#services .service span{color:var(--principale);;font-weight:bold;text-transform:uppercase;font-size:14px;letter-spacing:1px;display:flex;align-items:center;gap:8px;transition:color 0.5s}
#services .service:hover h3, .service:hover p, .service:hover span{color:var(--bg)}
#portfolio{padding:96px 0;background:white}
#portfolio .header{display:flex;flex-direction:column;gap:16px;margin-bottom:48px}
#portfolio .header-row{display:flex;flex-direction:column;align-items:center;justify-content:space-between}
#portfolio .gold{color:var(--principale);;font-weight:bold;text-transform:uppercase;font-size:14px;letter-spacing:2px}
#portfolio h2{font-size:40px;font-weight:bold;color:var(--bg);margin:16px 0 0;font-family:serif}
#portfolio .view-all:hover{color:var(--principale)}
#portfolio .grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;grid-auto-rows:300px}
#portfolio .item{position:relative;overflow:hidden;border-radius:4px}
#portfolio .item img{width:100%;height:100%;object-fit:cover;transition:transform 0.7s}
#portfolio .item:hover img{transform:scale(1.1)}
#portfolio .overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));opacity:0;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;transition:opacity 0.3s}
#portfolio .item:hover .overlay{opacity:1}
#portfolio .overlay p{color:var(--principale);;font-size:12px;font-weight:bold;text-transform:uppercase;margin-bottom:6px;letter-spacing:1px}
#portfolio .overlay h3{color:white;font-size:20px;font-weight:bold;font-family:serif}
#portfolio .big{grid-column:span 2;grid-row:span 2}
#contactez-nous{padding:96px 0;background:var(--bg);position:relative;overflow:hidden;color:#fff}
#contactez-nous .bg-image{position:absolute;top:0;right:0;width:50%;height:100%;background-image:url('https://images.unsplash.com/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&w=1200&q=80');background-size:cover;background-position:center;opacity:0.1}
#contactez-nous .bg-gradient{position:absolute;inset:0;background:linear-gradient(to right, var(--bg), var(--bg), transparent)}
#contactez-nous .flex{display:flex;flex-direction:row;gap:64px}
#contactez-nous .contact-info{width:33.333%;color:#fff}
#contactez-nous .gold{color:var(--principale);;font-weight:bold;text-transform:uppercase;font-size:14px;letter-spacing:2px}
#contactez-nous h2{font-size:40px;font-family:serif;font-weight:bold;margin:16px 0 32px}
#contactez-nous p{color:#9ca3af;line-height:1.6;margin-bottom:40px}
#contactez-nous .contact-item{display:flex;align-items:flex-start;margin-bottom:32px}
#contactez-nous .icon-wrapper{width:48px;height:48px;background:rgba(212,175,55,0.1);display:flex;align-items:center;justify-content:center;color:var(--principale);;border-radius:50%;margin-right:24px}
#contactez-nous .contact-item h4{font-size:18px;font-weight:bold;margin:0 0 4px}
#contactez-nous .contact-item p{color:#9ca3af;margin:0}
#contactez-nous .contact-form{width:66.666%;background:#fff;padding:40px;border-radius:4px;box-shadow:0 20px 40px rgba(0,0,0,0.2);color:var(--bg)}
#contactez-nous .contact-form label{display:block;font-weight:bold;font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
#contactez-nous .contact-form input, .contact-form select, .contact-form textarea{width:100%;padding:12px;border:none;border-bottom:2px solid #e5e7eb;background:#f9fafb;margin-bottom:24px;transition:border-color 0.3s}
#contactez-nous .contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus{border-color:var(--principale);;outline:none}
#contactez-nous .contact-form button{width:100%;padding:20px;background:var(--bg);color:#fff;font-weight:bold;text-transform:uppercase;letter-spacing:2px;border:none;cursor:pointer;transition:all 0.3s}
#contactez-nous .contact-form button:hover{background:var(--principale);;color:var(--bg)}
.container:before,.container:after,.row:before,.row:after,.annonce .head:before,.annonce .head:after,.annonce .content:before,.annonce .content:after{display:table;content:" "}
.clearfix:after,.container:after,.row:after,.annonce .head:after,.annonce .content:after{clear:both}
.col-lg-cinquieme{float:left;width:20%;position:relative;min-height:1px;padding-right:10px;padding-left:10px;box-sizing:border-box}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:10px;padding-left:10px;box-sizing:border-box}
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
.col-lg-12{width:100%}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
.col-lg-0{display:none}
@media screen and (max-width:1024px){
	.block-how{text-align:center}
	.block-how h3{text-align:center;margin-top:20px}
	header .largeur{height:auto}
	header.home{padding-bottom:50px;bottom:auto;height:auto;max-height:none;margin-bottom:0px}
	header.home .logo{position:relative;display:block;margin:auto}
	header.home h1{font-size:45px}
	header.home .content{width:90%}
	header.home .content p{font-size:15px}
	header .content{display:block;position:relative;top:auto;bottom:auto}
	header .video{display:flex;width:100%;text-align:center;align-items:flex-start;justify-content:center}
	header .video video{max-width:100%}
	header .text{margin:auto;width:100%;padding:10px;padding-top:40px;padding-bottom:40px;text-align:center}
	header .logo{background-position:center}
	header.logged .logo{background-position:left}
	header .text{padding-bottom:20px}
	header .video img{max-width:50%}
	header #menu-mobile{position:absolute;right:0px;width:60px;height:60px;top:0px;background:black;background:url(../img/burger.png) no-repeat center;background-size:32px;z-index:4;cursor:pointer}
	header #menu.active-mobile{display:block}
	header #menu a.anchor:first-child, header #menu .menu-hover:first-child{margin-top:100px;margin-left:20px}
	header #menu #login-container{display:none}
	header #menu a.link, header #menu a.anchor, header #menu .menu-hover{display:block;color:#505050}
	/*#popin,#popin2,#popin3,#popin4{top:77px}*/
	#confiance{display:none}
	#avantages{text-align:center}
	#avantages h2{font-size:18px}
	#avantages h3{font-size:25px}
	#carte-nfc-personalisee:before{top:0px;bottom:0px;left:0;right:0;margin:auto;width:90%;max-width:220px;background-position:top}
	#carte-nfc-personalisee .largeur{padding-top:220px;padding-bottom:50px}
	#presentation{background-image:none;padding-top:50px;padding-bottom:30px}
	#profil-web .largeur{padding-top:0px;padding-bottom:0px}
	#profil-web .img{align-items:center;position:relative;left:auto;right:auto}
	#profil-web .img img{position:relative;width:80%}
	#profil-web .text{padding-top:50px;text-align:center;margin:auto}
	#scan-nfc .text{text-align:center;padding-top:50px;margin:auto}
	#presentation .btn,#presentation .btn.btn-offre{display:block;width:200px;margin:0px;margin-top:20px}
	#presentation .btn.btn-offre{margin:0px;margin-top:10px}
	#contact h3{font-size:25px}
	#colorpicker-form{padding:0px;padding-top:120px}
	#colorpicker{right:0px}
	#contactez-nous .flex{flex-direction:column}
	#contactez-nous .contact-info{width:100%}
	#contactez-nous .contact-form{width:100%}
	.col-xg-1,.col-xg-2,.col-xg-3,.col-xg-4,.col-xg-5,.col-xg-6,.col-xg-7,.col-xg-8,.col-xg-9,.col-xg-10,.col-xg-11,.col-xg-12{float:left}
	.col-xg-12{width:100%}
	.col-xg-11{width:91.66666667%}
	.col-xg-10{width:83.33333333%}
	.col-xg-9{width:75%}
	.col-xg-8{width:66.66666667%}
	.col-xg-7{width:58.33333333%}
	.col-xg-6{width:50%}
	.col-xg-5{width:41.66666667%}
	.col-xg-4{width:33.33333333%}
	.col-xg-3{width:25%}
	.col-xg-2{width:16.66666667%}
	.col-xg-1{width:8.33333333%}
	.col-xg-0{display:none}
	.block-info .img p {font-size:20px}
	.block-info .img h3{font-size:40px}
	.block-create .create .yourQr h3{font-size:30px;padding-bottom:5%;padding-right:10px}
	#editlivesite #edit-card-container{right:0px}
	#editlivesite.active #edit-card-container{right:100px}
	#editlivesite h1{text-align:center}
	#editlivesite.active iframe{width:500px}
	#editlivesite.active #edit-container{right:100px}
	#popin-btns.active{right:100px}
	#editlivesite.active .close-iframe{right:500px}
	#editlivesite.active #choix-edition{right:0px}
}
@media screen and (max-width:768px){
	body{font-size:15px}
	header.home{text-align:center}
	header.home h1{font-size:32px}
	header.home .content{width:98%}
	header.home .content p{font-size:14px}
	header #menu{background-size:contain}
	header .video img{max-width:60%}
	.block-how h3{font-size:32px}
	.block-pricing h3{font-size:30px}
	.block-info h2{font-size:30px}
	.block-customers h3{font-size:30px}
	#homepage header{position:relative;height:auto}
	#carousel-header .item div .img-container{margin-bottom:50px}
	#carousel-header .item div .img{background-position:center}
	#carousel-header .item .text{margin:auto;padding:10px;max-width:100%;text-align:center;box-sizing:border-box}
	#carousel-header .item .text h1, #carousel-header .item .text h2{font-size:25px}
	#carousel-header .item .text p{margin:auto;margin-top:20px;max-width:100%;font-size:15px}
	#carousel-header .item .slide{padding-top:120px}
	#presentation{background-size:450px;padding-top:30px;padding-bottom:580px}
	#presentation h3{font-size:25px}
	#customers .bg{height:120px}
	#contact{background-position:bottom;background-size:contain;padding-top:20px;padding-bottom:250px}
	.block-how .pic{left:10px;right:10px;background-position:center}
	header.home{height:auto}
	footer #copyright{text-align:center}
	footer #link-terms{text-align:center}
	.footer-btn div{font-size:13px}
	.relative .text{top:120px}
	#cashless .flex{flex-direction:column}
	#cashless .md-half{width:auto;padding:0px 20px;margin:0px 20px;text-align:center}
	#cashless .border-square{display:none}
	#services h2{font-size:40px}
	#services .grid{grid-template-columns:1fr}
	#portfolio .header-row{flex-direction:row;align-items:flex-end}
	#portfolio .grid{grid-template-columns:1fr}
	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
	.col-md-12{width:100%}
	.col-md-11{width:91.66666667%}
	.col-md-10{width:83.33333333%}
	.col-md-9{width:75%}
	.col-md-8{width:66.66666667%}
	.col-md-7{width:58.33333333%}
	.col-md-6{width:50%}
	.col-md-5{width:41.66666667%}
	.col-md-4{width:33.33333333%}
	.col-md-3{width:25%}
	.col-md-2{width:16.66666667%}
	.col-md-1{width:8.33333333%}
	.col-md-0{display:none}
	.block-generate .qr-style{display:none}
	.block-info .img h3{font-size:30px;padding:0px}
	.block-info .img.right{padding:5%;padding-top:60%;background-position:top;background-size:90%}
	.block-info .img{padding:5%;padding-top:60%;background-position:top;background-size:90%}
	#editlivesite.active iframe{width:80%;width:calc(100% - 90px)}
	#editlivesite.active #edit-card-container{right:0px}
	#editlivesite.active #edit-container{right:0px}
	#popin-btns.active{right:0px}
	#editlivesite.active .close-iframe{right:20%;right:calc(100% - 90px)}
}
@media screen and (max-width:480px){
	body{font-size:14px}
	header.home h1{font-size:20px}
	header .logo{height:60px}
	header.home .content p{font-size:12px}
	header .video img{max-width:80%}
	#presentation{background:none;background-size:220px;padding-bottom:10px}
	#customers .bg{height:100px}
	#contact{padding-bottom:200px}
	.footer-btn div{font-size:11px}
	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666667%}
	.col-sm-10{width:83.33333333%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666667%}
	.col-sm-7{width:58.33333333%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666667%}
	.col-sm-4{width:33.33333333%}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.66666667%}
	.col-sm-1{width:8.33333333%}
	.col-sm-0{display:none}
}
@media screen and (max-width:400px){
	.footer-btn div{display:none}
}
@media screen and (max-width:320px){
	body{font-size:13px}
	header .video img{max-width:95%}
	#presentation{background-size:180px}
	#customers .bg{height:120px}
	.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
	.col-xs-12{width:100%}
	.col-xs-11{width:91.66666667%}
	.col-xs-10{width:83.33333333%}
	.col-xs-9{width:75%}
	.col-xs-8{width:66.66666667%}
	.col-xs-7{width:58.33333333%}
	.col-xs-6{width:50%}
	.col-xs-5{width:41.66666667%}
	.col-xs-4{width:33.33333333%}
	.col-xs-3{width:25%}
	.col-xs-2{width:16.66666667%}
	.col-xs-1{width:8.33333333%}
	.col-xs-0{display:none}
}