.digi-pricing {width: 100%; max-width: 1240px; margin:0 auto;}
.digi-pricing form {display:flex; padding:0 15px;}
.digi-pricing fieldset {flex-grow:2;}
.digi-pricing aside { border-left: 2px ridge #540A89; padding-left: 5%; margin:auto;}

.digi-pricing h2,
.digi-pricing legend {width: 100%; color: #444444; font-size: 20px; font-family: 'dosis-extralight', Arial; margin-bottom: 20px;}
.digi-pricing h2 {font-size: 40px; margin-bottom: 50px; line-height: normal; text-align: left;}
.digi-pricing h3 {font-size: 20px; color: #444; margin-bottom: 20px;}

.digi-pricing i {font-size: 16px; vertical-align: middle;}
.digi-pricing i.fa-plus-circle {color: #00bb00;cursor: pointer; width: 30px; text-align: center; display: inline-block;}
.digi-pricing i.fa-minus-circle {color: #dd0000;cursor: pointer; width: 30px; text-align: center; display: inline-block;}
.digi-pricing i.fa-plus-circle:hover {font-size:24px;}
.digi-pricing i.fa-minus-circle:hover {font-size:24px;}
.digi-pricing i.fa-user {font-size: 50px;margin: 0;}

.digi-pricing .tarif {position: relative; text-align: left;}
.digi-pricing .tarif span {position: absolute; top: 40px; left: 33px; width:30px; text-align: center; color: #fff; font-size: 14px;font-weight: bold;}
.digi-pricing .tarif i.item {font-size: 40px; width: 48px; text-align: center; display: inline-block;}
.digi-pricing .tarif h3 font:first-child { display:inline; }
.digi-pricing .tarif h3 font:last-child { display:none; }

.digi-pricing .packs .tarif span {left:42px; font-size: 12px;}
.digi-pricing .tarif span.docs_i {top:24px; }
.digi-pricing .tarif span.emails_i {top:16px;}
.digi-pricing .tarif span.sites_i {color: #444; top: 14px; }
.digi-pricing .tarif span.prods_i {top:30px;}
.digi-pricing .tarif span.taches_i {top:11px;left:38px; }
.digi-pricing .tarif span.contacts_i {top:34px;}

.digi-pricing .tarif label,
.digi-pricing .tarif div {
	font-size: 14px;
	display: inline-block;
	font-family:Arial, sans-serif;
	padding-right: 5px;
	margin: 0;
	vertical-align: middle;
	width: 80px;
}

.digi-pricing .tarif div{width: 55px; text-align: right; font-weight: bold;}
.digi-pricing .hexa {display: table; height: 44px; width: 50px; background: url(../../../img/design/hexa_white_full_small.png) no-repeat;}
.digi-pricing .hexa > img {display:table-cell; width:100%;}

.digi-pricing label {width: 100%; color: #444444; font-size: 20px; font-family: 'dosis-extralight', Arial;}
.digi-pricing .total {height: 120px; padding-top: 10px; max-width: 300px; text-align: center;}
.digi-pricing .total .forUsers{ text-align: center; padding:5px 0 15px 0;}
.digi-pricing .total span {font-size: 70px; color: #540A89; font-family: 'dosis-extralight', Arial;}
.digi-pricing .total span.high_price {font-size: 40px;}
.digi-pricing .total .warning {font-size: 12px; color: red; display: none; text-align: center;}
.digi-pricing .total .warning .btn_digi {margin-top: 6px;}
.digi-pricing .total div.euro {font-size: 18px; color:#540A89; margin-left: 10px; display: inline-block; font-family: 'dosis-extralight', Arial;}

.digi-pricing .modules article {padding:0; border-bottom: 1px solid #efefde; cursor: pointer; display:flex;}
.digi-pricing .modules article > .module { padding: 10px 0 10px; width:65%; display: flex; align-items:center; margin-right:5%;}
.digi-pricing .modules article > .module > span {vertical-align: middle; padding: 0px 10px 0 5px; align-self:center; font-size: 20px; font-family: 'dosis-extralight', Arial;}
.digi-pricing .modules article > .users { padding: 10px 0 10px 0; display:flex; align-items:center; }

.digi-pricing .modules article.active,
.digi-pricing .modules article:hover {border-bottom: 1px solid #9769B7;}
.digi-pricing .modules article.active > .module {background: #9769B7; color: #fff;}
.digi-pricing .modules article:hover > .module {background: #dcbff4;color: #fff;}

.digi-pricing .modules article:last-child {border-bottom: none;}

.digi-pricing .packs > article {padding:8px 0;}

.digiForm .digi-modules li .hexa,
.digiForm .digi-modules li .nb {display: inline-block; vertical-align: middle;}
.digiForm .digi-modules li .nb {font-size:24px; width: 30px;}
.digiForm .digi-modules li {
	font-family: dosis-extralight;
	display: inline-block;
	width:170px;
	padding-bottom: 12px;
}

.steps {list-style: none; display: block; margin:10px auto 60px auto; text-align: center; position:relative; z-index:0;}
.steps::before { content:""; position:relative; top:50px; height:3px; background: #9769B7; width:80%; z-index:0; display:block; margin: auto;}
.steps li {width:20%; display: inline-block; text-align: center; z-index:1; position:relative;}
.steps li .circle {display:table; border-radius:50%; background: #777; border:double 6px #fff; position:relative; width:100px; height:100px; margin:auto; padding:0;}
.steps li .circle span {display:table-cell; color:#fff; vertical-align:middle; text-align:center; font-size:40px;}
.steps li.active .circle,
.steps li.done .circle  {background: #9769B7; }
.steps li.active span::before {content:""; position:absolute; border-left:transparent 10px solid; border-right:transparent 10px solid; border-bottom:10px #9769B7 solid; bottom:-12px; left:calc(50% - 10px);   }
.steps li.active div {color:#9769B7; }
.steps li a  {text-decoration: none;}
.steps li div {padding:20px 0; font-size:3vw; color:#555; text-align: center; text-decoration: none;}

form.contact {
	padding: 0 32px;
}

.jQuoteBlocEditor .digi-pricing {padding:0;}
.jQuoteBlocEditor .digi-pricing fieldset{border:none;}
.jQuoteBlocEditor .digi-pricing fieldset article > div {width:auto;}
.jQuoteBlocEditor .digi-pricing aside {flex-grow:1;}
.jQuoteBlocEditor .digi-pricing h2 {font-size:24px; margin-bottom: 10px;}
.jQuoteBlocEditor .digi-pricing .modules article > .users {padding:0; margin-bottom: 0;}
.jQuoteBlocEditor .digi-pricing i.fa-user {font-size:40px;}
.jQuoteBlocEditor .digi-pricing .modules article > .module {padding:0;}
.jQuoteBlocEditor .digi-pricing .tarif span {top:19px;}
.jQuoteBlocEditor .digi-pricing fieldset .tarif span {left:30px; font-size:13px;}
.jQuoteBlocEditor .digi-pricing .modules article.active > .module  > span {color:#fff;font-weight: normal;}
.jQuoteBlocEditor .digi-pricing .modules article > .module > span {font-weight: normal; font-size:16px;}
.jQuoteBlocEditor .digi-pricing .tarif i.item {font-size:36px;}
.jQuoteBlocEditor .digi-pricing .total span {font-size: 50px; font-weight: normal;}
.jQuoteBlocEditor .digi-pricing .total {height: auto;}
.jQuoteBlocEditor .digi-pricing h3 {font-size:14px;}
.jQuoteBlocEditor .digi-pricing .packs .tarif span {font-size: 12px;}
.jQuoteBlocEditor .digi-pricing .tarif span.docs_i {top:24px; }
.jQuoteBlocEditor .digi-pricing .tarif span.emails_i {top:16px;}
.jQuoteBlocEditor .digi-pricing .tarif span.sites_i {color: #444; top: 14px; }
.jQuoteBlocEditor .digi-pricing .tarif span.prods_i {top:27px;}
.jQuoteBlocEditor .digi-pricing .tarif span.taches_i {top:11px;color:#444; }
.jQuoteBlocEditor .digi-pricing .tarif span.contacts_i {top:30px;}


.botTotal { display:none; }

@media (max-width: 600px) {

	.intro h1 { padding-left:8px; padding-right:8px; }
	.steps { margin-bottom:15px; position:sticky; top:0; background-color:#FFF; padding-top:5px; z-index:10;  }
	body .steps::before { top:32px; }
	body .steps li .circle { width:60px; height:60px; }
	.steps li .circle span { font-size:26px; }
	.steps li div { padding:0; margin-top:15px; padding-bottom:10px; }
	.steps li.active span::before { bottom:-11px; }


	.digi-pricing form { flex-direction:column; padding:0; }
	.digi-pricing aside { padding-left:0; border-left:0; margin:0; }
	.digi-pricing aside > h2 { display:none; }
	.digi-pricing aside > .total { display:none; }
	.digi-pricing aside > .tarif { margin-top:30px; }
	.digi-pricing .modules article { justify-content:space-between; }
	.digi-pricing .modules h2 { margin-bottom:15px; text-align:center; }
	.digi-pricing .modules article > .module { width:70%; margin-right:0; padding-left:5px; }
	.digi-pricing .modules article > .module > span { font-size:17px; font-weight:600; padding-left:7px; }
	.digi-pricing .modules article > .users { flex-grow:1; justify-content:center; }
	.digi-pricing i.fa-minus-circle, .digi-pricing i.fa-plus-circle { transform:scale(1.4); }
	.digi-pricing .packs i.fa-minus-circle, .digi-pricing .packs  i.fa-plus-circle { display:none; }
	.digi-pricing .tarif div, .digi-pricing .tarif label { width:auto; }
	.digi-pricing .tarif div { padding-right:2px; }
	.digi-pricing .tarif h3 { text-align:center; }
	.digi-pricing .tarif h3 font:first-child { display:none; }
	.digi-pricing .tarif h3 font:last-child { display:inline; }
	.digi-pricing .tarif span { left:auto; left:50%; margin-left:-15px; }
	.digi-pricing .packs { margin-bottom:50px; display:flex; flex-wrap: wrap; padding-left:10px; }
	.digi-pricing .packs .tarif { flex:1 1 50%; }
	.digi-pricing .packs .tarif span { position:relative; width:0; right:65px; bottom:8px; left:auto; top:auto; display:none; }
	.digi-pricing button:hover { background:#151515; }
	.digi-pricing .hexa { min-width:50px; }

	/*
	.digi-pricing .packs .tarif span.docs_i { bottom:-5px; }
	.digi-pricing .packs .tarif span.prods_i { bottom:-10px; }
	*/
	.digi-pricing .tarif span.contacts_i
	.digi-pricing .packs > article { padding-left:20vw; }

	.botTotal { display:flex; background-color:#773a8b; bottom:0px; position:sticky; width:100%; padding:0 10px; align-items:center; }
	.botTotal:after { content:''; left:50%; margin-left:-65px; width:130px; height:65px; background-color:#773a8b; position:absolute; top:-30px; border-radius:65px 65px 0 0; z-index:5;  }
	.botTotal > * { align-items:center; height:55px; display:flex; }
	.botTotal-l, .botTotal-r { flex:1; }
	.botTotal-r { justify-content:end; }
	.botTotal-r button { padding:8px 11px; opacity:0; transition:all 300ms ease-in-out; }
	.is-sticky .botTotal-r button { opacity:1; }
	.botTotal-l h2 { color:#FFF; font-size:24px; margin-bottom:0; }
	.botTotal-c { flex:1; text-align:center; display:block; justify-content:center; position:relative; }
	.botTotal-c > * { z-index:10; position:relative; top:-10px; }
	.botTotal-c .euro { display:inline; color:#FFF; font-size:14px;padding-left:5px;  }
	.botTotal-c > span { font-size:40px; letter-spacing:-1px; color:#FFF; display:block; text-align:center; position:relative; z-index:15; }
	.botTotal-c .warning { width:100%; display:block; color:red; font-size:12px; display:none; }

}