/* =====[ MAIN LIST ]============================================================================== */

.pricing-box {
list-style:none;
display:block;
text-align:center;
width:100%;
margin:0;
padding:0;
}

.pricing-box i {
padding-right:5px;
}

.pricing-box > li {
width:240px;
display:inline-block;
margin:0px;
margin-bottom: 40px;
}

.pricing-box > li > p{
font-size: 20px;
font-weight: 300;
margin-left: 15px;
margin-right: 15px;
margin-top: -15px;
margin-bottom: 0px;
}

@media screen and (min-width: 721px) {
	.pricing-box > li {
		width:49%;
	}
	.pricing-circle {
		padding-left: 55px;
	}
}

@media screen and (min-width: 901px) {
	.pricing-box > li {
		padding-right: 17px;
		width: 49%; 
	}
	.pricing-circle {
		padding-left: 100px;
	}
}

@media screen and (min-width: 1025px) {
	.pricing-box > li {
		width:24%;
		padding-right: 6px;
	}
	.pricing-circle {
		padding-left: 0px;
	}
}

@media screen and (min-width: 1226px) {
	.pricing-box > li {
		padding-right: 46px;
	}
}

/* =====[ COLORS ]============================================================================== */

.pricing-color-1-bg {
background:#5ebaba!important;
}

.pricing-color-1-font,.pricing-color1-price {
color:#fff!important;
}

.pricing-vatcolor-1 {
color:#bbdede!important;
}

.pricing-color-1-backfont {
color:#5ebaba!important;
}

.pricing-color-2-bg {
background:#3bc492!important;
}

.pricing-color-2-font,.pricing-color-2-price {
color:#fff!important;
}

.pricing-vatcolor-2 {
color:#c8e3d9!important;
}

.pricing-color-2-backfont {
color:#3bc492!important;
}

.pricing-color-3-bg {
background:#8dcf3F!important;
}

.pricing-color-3-font,.pricing-color-3-price {
color:#fff!important;
}

.pricing-vatcolor-3 {
color:#d8e7c5!important;
}

.pricing-color-3-backfont {
color:#8dcf3F!important;
}

.pricing-color-4-bg {
background:#fdc44f!important;
}

.pricing-color-4-font,.pricing-color-4-price {
color:#fff!important;
}

.pricing-vatcolor-4 {
color:#fdedcc!important;
}

.pricing-color-4-backfont {
color:#fdc44f!important;
}

.pricing-front,.pricing-back {
font-family:'Source Sans Pro', sans-serif;
float:left;
width:240px;
height:240px;
background:#FFF;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
.pricing-front-tarif {
font-family:'Source Sans Pro', sans-serif;
width:430px;
height:430px;
background:#FFF;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
}

/* =====[ FRONT ELEMENTS ]============================================================================== */

.pricing-front > div {
text-align:center;
color:#fff;
}

.pricing-title {
font-size:34px;
font-weight: 600;
text-transform:uppercase;
text-align:center;
padding:35px 10px 10px;
}

.pricing-title-tarif {
font-size:65px;
font-weight: 600;
text-transform:uppercase;
text-align:center;
padding:75px 10px 10px;
}

.pricing-backtitle {
font-size:34px;
font-weight: 600;
text-transform:uppercase;
text-align:center;
padding:35px 10px 1px;
}

.pricing-price span {
font-weight:600;
vertical-align:top;
line-height:0.7;
}

.pricing-price-tarif span {
font-weight:600;
vertical-align:top;
line-height:0.7;
}

.pricing-price .pricing-total {
font-size:65px;
text-align: right;
width: 100%;
}

.pricing-price-tarif .pricing-total-tarif {
font-size:155px;
padding-left: 100px;
width: 100%;
}

.pricing-currency,.pricing-end {
font-size:40px;
padding-left: 5px;
}

.pricing-currency-tarif {
font-size:80px;
padding-left: 5px;
}

.pricing-withvat {
font-size:11px;
padding-top:4px;
width: 100%;
}

.pricing-withvat-tarif {
font-size:18px;
padding-top:5px;
padding-left:128px;
width: 100%;
}

.pricing-front .pricing-description {
color:#fff!important;
font-size:20px;
font-weight:600;
line-height:1.2;
padding:10px 0px 0 0;
}

.pricing-description-tarif {
color:#fff!important;
font-size:40px;
font-weight:600;
line-height:1.2;
padding: 10px 0px 0 110px;
}

/* =====[ BACK ELEMENTS ]============================================================================== */

.pricing-back .pricing-description ul {
width:90%;
margin:auto;
}

.pricing-back .pricing-description ul li {
color:#193738!important;
text-align:center;
font-weight:200;
list-style:none;
line-height:1.4;
}

.pricing-popular {
font-size:35px;
color:#193738;
position:absolute;
left:-4px;
top:0;
opacity:0;
}

/* =====[ CIRCLE ANIMATIONS ]============================================================================== */

.pricing-circle {
border-radius:50%;
position:relative;
height: 260px;
width: 260px;
text-align:center;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}

.pricing-info {
position:absolute;
border-radius:50%;
opacity:0;
-moz-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-backface-visibility:hidden;
}

.pricing-circle:hover .pricing-front {
-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1;
}

.pricing-circle:hover .pricing-front-popular {
-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1;
}

.pricing-circle:hover .pricing-info {
-moz-transform:scale(1.01) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform:scale(1.01) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform:scale(1.01) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform:scale(1.012) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform:scale(1.01) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
opacity:1;
}

.pricing-circle:hover .pricing-front-popular {
border-radius:10% 50% 50% 50%!important;
}

.pricing-circle:hover .pricing-popular {
opacity:1;
animation:pricing-popularAnim 0.4s 1;
-webkit-animation:pricing-popularAnim 0.4s 1;
}

@keyframes pricing-popularAnim
{
from {opacity:0; left:40px;}
to {opacity:1; left:0px;}
}

@-webkit-keyframes pricing-popularAnim /* Safari and Chrome */
{
from {opacity:0; left:50px;}
to {opacity:1; left:-4px;}
}


/**
 * 0.0 - OLD IE
 * ----------------------------------------------------------------------------
 */

.warningie8{
	position:absolute;
	text-align: center;
	top:100px;
	width:100%;
	height:13em;
	margin-top:100px;
	padding:4px;
	color: #F5F5F5;
	border: 2px solid #FFFFFF;
	z-index: 9998;
}

.warningie8  h2{
	color: #F5F5F5;
	padding: 0px;
	margin: 0px;
}

.warningie8  p{
	color: #F5F5F5;
	font-weight: bold;
	font-size: 20px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

.warningie8  a{
	color: lightblue;
}

.warningie8  a:hover{
	color: #F5F5F5;
}




/* =====[ MAIN LIST 2 ]============================================================================== */

.pricing2-box {
font-size: 11px;
list-style:none;
display:block;
text-align:center;
width:100%;
margin:0;
padding:0;
}

.pricing2-unpadd {
margin-left:0 !important;
}

.pricing2-box i {
padding-right:5px;
}

.pricing2-box > li {
width:100%;
display:inline-block;
margin:0px;
margin-bottom: 40px;
margin-left:0;
}

.pricing2-box > li > p{
font-size: 20px;
margin-left: 15px;
margin-right: 15px;
margin-top: -15px;
margin-bottom: 0px;
}

.pricing2-front,.pricing2-back {
font-family:'Source Sans Pro', sans-serif;
float:left;
width:240px;
height:240px;
background:#FFF;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}

.pricing2-front-tarif {
font-family:'Source Sans Pro', sans-serif;
background:#FFF;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
}

/* =====[ COLORS ]============================================================================== */

.pricing2-color-1-bg {
background:#5ebaba!important;
}

.pricing2-color-1-font,.pricing2-color1-price {
color:#fff!important;
}

.pricing2-vatcolor-1 {
color:#bbdede!important;
}

.pricing2-color-1-backfont {
color:#5ebaba!important;
}

.pricing2-color-2-bg {
background:#3bc492!important;
}

.pricing2-color-2-font,.pricing2-color-2-price {
color:#fff!important;
}

.pricing2-vatcolor-2 {
color:#c8e3d9!important;
}

.pricing2-color-2-backfont {
color:#3bc492!important;
}

.pricing2-color-3-bg {
background:#8dcf3F!important;
}

.pricing2-color-3-font,.pricing2-color-3-price {
color:#fff!important;
}

.pricing2-vatcolor-3 {
color:#d8e7c5!important;
}

.pricing2-color-3-backfont {
color:#8dcf3F!important;
}

.pricing2-color-4-bg {
background:#fdc44f!important;
}

.pricing2-color-4-font,.pricing2-color-4-price {
color:#fff!important;
}

.pricing2-vatcolor-4 {
color:#fdedcc!important;
}

.pricing2-color-4-backfont {
color:#fdc44f!important;
}

/* =====[ FRONT ELEMENTS ]============================================================================== */

.pricing2-front > div {
text-align:center;
color:#fff;
}

.pricing2-title {
font-size:600%;
text-transform:uppercase;
text-align:center;
padding:15px 0px 0px 8px;
line-height:1.1;
}

.pricing2-title-tarif {
font-size: 180%;
font-weight: 600;
text-transform:uppercase;
text-align:center;
padding:0px 10px 10px;
}

.pricing2-backtitle {
font-size:600%;
text-transform:uppercase;
text-align:center;
padding:25px 0px 0px 8px;
line-height:1.1;
}

.pricing2-price span {
font-weight:600;
vertical-align:top;
line-height:0.7;
}

.pricing2-price-tarif span {
font-weight:600;
vertical-align:top;
line-height:0.7;
}

.pricing2-price .pricing2-total {
font-size:50px;
text-align: right;
width: 100%;
}

.pricing2-price-tarif .pricing2-total-tarif {
font-size:155px;
padding-left: 100px;
width: 100%;
}

.pricing2-currency,.pricing2-end {
font-size:25px;
padding-left: 5px;
}

.pricing2-currency-tarif {
font-size:80px;
padding-left: 5px;
}

.pricing2-withvat {
font-size:11px;
padding-top:4px;
width: 100%;
}

.pricing2-withvat-tarif {
font-size:18px;
padding-top:5px;
padding-left:128px;
width: 100%;
}

.pricing2-front .pricing2-description {
color:#fff!important;
font-size:120%;
font-weight:600;
line-height:1.2;
padding:10px 0px 0 0;
}

.pricing2-description-tarif {
color:#fff!important;
font-size:40px;
font-weight:600;
line-height:1.2;
padding: 10px 0px 0 110px;
}

/* =====[ BACK ELEMENTS ]============================================================================== */

.pricing2-back .pricing2-description ul {
width:90%;
margin:auto;
}

.pricing2-back .pricing2-description ul li {
color:#193738!important;
font-size: 140%;
text-align:center;
font-weight:200;
list-style:none;
line-height:1.4;
}

.pricing2-popular {
font-size:35px;
color:#193738;
position:absolute;
left:14px;
top:14px;
opacity:0;
}

/* =====[ CIRCLE ANIMATIONS ]============================================================================== */

.pricing2-circle {
border-radius:50%;
position:relative;
text-align:center;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}

.pricing2-info {
position:absolute;
border-radius:50%;
opacity:0;
-moz-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-backface-visibility:hidden;
}

.pricing2-circle:hover .pricing2-front {
-moz-transform:scale(1.07);
-webkit-transform:scale(1.07);
-o-transform:scale(1.07);
-ms-transform:scale(1.07);
transform:scale(1.07);
opacity:1;
}

.pricing2-circle:hover .pricing2-front-popular {
-moz-transform:scale(1.07);
-webkit-transform:scale(1.07);
-o-transform:scale(1.07);
-ms-transform:scale(1.07);
transform:scale(1.07);
opacity:1;
}

.pricing2-circle:hover .pricing2-info {
-moz-transform:scale(1.01) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform:scale(1.01) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform:scale(1.01) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform:scale(1.012) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform:scale(1.01) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
opacity:1;
}

.pricing2-circle:hover .pricing2-front-popular {
border-radius:10% 50% 50% 50%!important;
}

.pricing2-circle:hover .pricing2-popular {
opacity:1;
animation:pricing2-popularAnim 0.9s 1;
-webkit-animation:pricing2-popularAnim 0.9s 1;
}

@keyframes pricing2-popularAnim
{
from {opacity:0; left:60px;}
to {opacity:1; left:14px;}
}

@-webkit-keyframes pricing2-popularAnim /* Safari and Chrome */
{
from {opacity:0; left:60px;}
to {opacity:1; left:14px;}
}



.ebola-strikethrough {
  position: relative;
}

.ebola-strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 140%;
  right: 0;
  border-top: 5px solid;
  border-color: red;
  
  -webkit-transform:rotate(-20deg);
  -moz-transform:rotate(-20deg);
  -ms-transform:rotate(-20deg);
  -o-transform:rotate(-20deg);
  transform:rotate(-20deg);
}

@media screen and (min-width: 721px) {
	.pricing2-box {
		font-size: 12px;
	}
	.pricing2-title, .pricing2-backtitle {
		padding:20px 0px 0px 8px;
	}
	.pricing2-title-tarif {
		font-size: 180%;
	}
	.pricing2-box > li {
		width:100%;
	}
	.pricing2-front,.pricing2-back {
		width:260px;
		height:260px;
	}
}

@media screen and (min-width: 901px) {
	.pricing2-box {
		font-size: 17px;
	}
	.pricing2-title, .pricing2-backtitle {
		padding:25px 0px 0px 8px;
		line-height:1.35;
	}
	.pricing2-title-tarif {
		font-size: 200%;
	}
	.pricing2-price .pricing2-total {
		font-size:65px;
	}
	.pricing2-box > li {
		width: 100%; 
	}
	.pricing2-front,.pricing2-back {
		width:360px;
		height:360px;
	}
	.pricing2-back .pricing2-description ul li {
		font-size: 120%;
	}
	.ebola-strikethrough:before {
	  top: 120%;
	}
}

@media screen and (min-width: 1025px) {
	.pricing2-box {
		font-size: 17px;
	}
	.pricing2-title, .pricing2-backtitle {
		padding:30px 0px 0px 8px;
		line-height:1.3;
	}
	.pricing2-title-tarif {
		font-size: 200%;
	}
	.pricing2-box > li {
		width:100%;
		padding-right: 6px;
	}
	.pricing2-circle {
		padding-left: 0px;
	}
	.pricing2-front,.pricing2-back {
		width:360px;
		height:360px;
	}
}

@media screen and (min-width: 1226px) {
	.pricing2-box {
		font-size: 21px;
	}
	.pricing2-title, .pricing2-backtitle {
		padding:35px 0px 0px 8px;
		line-height:1.25;
	}
	.pricing2-title-tarif {
		font-size: 180%;
	}
	.pricing2-box > li {
		width:100%;
		padding-right: 0px;
	}
	.pricing2-front,.pricing2-back {
		width:420px;
		height:420px;
	}
	.ebola-strikethrough:before {
	  top: 100%;
	}
}