#topbarlinks {
 position: fixed;
 display: inline-block;
 right: 0;
 padding-top: 27px/*16px*/;
 padding-right: 10px;
 z-index: 16777271;
}
#topbarlinks a:hover, a:visited, a:link, a:active
{
    text-decoration: none !important;
    color: white !important;
}
#topbarlinks a {
 padding-left : 7px;
 padding-right : 7px;
    text-decoration: none !important;
    color: white !important;
}








#page_pricing {
	background-color: #f0f0f0 !important; 

	/*pas de width 100% ici!*/
	margin: 0px;
	background-color: white;
	color: black;
	font-size: 18px;

	padding: 18px;
	padding-left: 100px !important;
	padding-right: 100px !important;
}

#page_pricing_frame{
/*	margin: 0 auto;
*/	/*width: 400px;*/
	color: #505050;
	background-color: #fafafa;
	border-radius: 10px;

	width:88%;

	padding: 20px;

	display: inline-block;

	-webkit-box-shadow: 0px 6px 28px -8px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 6px 28px -8px rgba(0,0,0,0.15);
	box-shadow: 0px 6px 28px -8px rgba(0,0,0,0.15);	
}

.pricing_title {
	font-family: 'Open Sans', sans-serif;
	font-weight: 900;
	font-size: 180%;
	color:#3d3d3d;
	text-align: center;
	padding: 20px;
	padding-bottom: 12px;
}
.pricing_subtitle {
	color:#8a8a8a;
	text-align: center;
	font-size: 110%;/*92%;*/
	padding: 10px;
	padding-bottom: 20px;
}
#table_wrapper_title_and_box {
	margin-left:auto; 
    margin-right:auto;
    margin-top: 0px;
    margin-bottom: 0px;
}
#table_wrapper_title_and_box td {
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
}
#table_wrapper_title_and_box img {
	width: 200px;
}
#table_wrapper_billed_annually {
	margin-left:auto; 
    margin-right:auto;
    border-spacing: 5px;
}
.opportunity_saving {
	background-color: #19bd9b;
	border-radius: 5px;
	font-weight: bold;
	font-size:90%;
	color: white;
	padding: 2px;
	padding-left: 3px;
	padding-right: 3px;
}
#plans_container {
 display: -webkit-flex;
 display: flex;

 flex-wrap:wrap;

-webkit-flex-direction: row;
 flex-direction: row;

/* align-items: center;*/
 justify-content: center;

 /*margin: 15px;*/
}

#plan1 {
	/*margin:0 auto;*/
}

.table_plan {
	width: 400px;
	border-spacing:0;
	/*border-collapse: collapse;*/
}
.table_plan td, th {  
    border: 1px solid #eae7e5;
    height: 30px; 
}
.table_plan th {  
	/*border: 1px solid #eae7e5;*/
    background: #f6f6f6;  /* Darken header a bit */
    font-weight: bold;
    /*padding-bottom: 30px;*/
    padding-bottom: 30px;
}
.table_plan td {  
    background: #FAFAFA;
    text-align: center;
   /* border: 0;*/
   font-weight: bolder;
	font-size: 90%;
	padding: 15px;

	border-top: none;
	width:100%;
}
.table_plan_celltable {
	margin: 0 auto;
	width: 100%;
}
/*.table_plan_celltable_1stcell {
	width: 20%;
}*/
.table_plan_celltable td{
	border: 0;
	font-size: 100%;
	padding: 0px;
	
}
.table_plan_celltable td img {  
	vertical-align: middle;
/*	width: 20px;
	height: auto;*/
}
.table_plan th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}
/*.table_plan th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}*/
/*
.table_plan td:first-child, .table_plan th:first-child {
    border-left: none;
}
*/

.table_plan th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
/*.table_plan tr:last-child, .table_plan td:last-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}*/
/*.table_plan>tfoot>tr:last-child  {
	margin-top: 70px;
	padding-bottom: 27px;
}*/

/*////*/
/*.table_plan tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}

.table_plan tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}*/

#plan_title1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	font-size: 130%;
	color:#56be8e;
	padding-top: 30px;
	padding-bottom: 20px;
}
#plan_title2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	font-size: 130%;
	color:#1f9aff;
	padding-top: 30px;
	padding-bottom: 20px;
}
#plan_title3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	font-size: 130%;
	color:#faa928;
	padding-top: 30px;
	padding-bottom: 20px;
}
.plan_subtitle {
	font-weight: bold;
	font-size: 90%;
	padding: 15px;
	padding-top: 0px;
	color: #2a2c38;
}
.plan_preprice {
	font-weight: 300;
	font-size: 75%;
	color: white; /*black*/
	padding: 0px;
}
.plan_price {
	font-weight: bold;
	color: white; /*black*/
	/*padding-top: 25px;*/
	/*padding-bottom: 30px;*/
}
.plan_billed_annually{
	/*display: none;*/
	font-weight: 300;
	font-size: 85%;
	color: white;/*#838383;*/
}
.table_plan_highlight {
	box-shadow: 0 0 15px rgba(81, 203, 238, 0.8);

	-moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;

/*  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 0.5);*/

}

/*buttons on pixel.html ! (onboarding) */
.button_c2a_plan {
 transition: all 0.1s;
 color: white !important; 
 padding: 15px;
 
  display: table;
  margin: 0 auto;

  font-size: 92%;

 font-weight: bold !important;

 border-radius: 5px;

 width: 200px;
 	text-align: center;
	cursor:pointer;
}
.button_c2a_plan:hover {
	-webkit-filter: brightness(105%);	
}

.button_c2a_plan a {
	color: white !important;

}

.button_c2a_plan1 {
	background-color: #56be8e;
}
.button_c2a_plan2 {
	background-color: #1f9aff;
}
.button_c2a_plan3 {
	background-color: #faa928;
}
.img_payment {
	width: 140px;
}
.img_paymentgreylock{
	width: 30px;
}
#plan1 {
	margin:5px;
}
#plan2 {
	margin:5px;
	margin-top: -4px;
}
#plan3 {
	margin:5px;
}


.testimonials_row_container {
 display: -webkit-flex;
 display: flex;

 flex-wrap:wrap;

-webkit-flex-direction: row;
 flex-direction: row;

/* align-items: center;*/
 justify-content: center;

 /*margin: 15px;*/
}

.testimonial {
 font-style: italic;
 font-family: 'EB Garamond', serif;
 font-size: 25px;
 color: #747474;
 padding: 10px;
 padding-left: 30px;
 padding-right: 30px;
 background-color: #f4f4f4;
 border-radius: 8px; 
}
.testimonial td {
	font-family: 'EB Garamond', serif;
}
.testimonial img {
	width:150px;
	height: auto;
	border-radius: 50%;
-webkit-box-shadow: 3px 7px 10px 0px rgba(122,122,122,1);
-moz-box-shadow: 3px 7px 10px 0px rgba(122,122,122,1);
box-shadow: 3px 7px 10px 0px rgba(122,122,122,1);
}
.testimonial_title{
	color:black;
	text-align: center;
	font-size: 50%;
	font-style: normal;
	padding: 10px;
}
#img_compatible_platforms {
	width:72%;
	height: auto;
}

.copy_under_plans {
	text-align: left;
	padding: 170px;/*70px;*/
	padding-top: 40px;
	padding-bottom: 40px;
 color: black;

 /*font-size: 18px;*/
 	/*font-weight: bolder;*/
	font-size: 90%;
	color: #2a2c38;

 display: block;
}
.copy_under_plans_li_title {
	display: inline;
 	font-weight: bolder;
	font-size: 110%;
}
/*#img_msg_central {
	display: inline;
	width: 50%;
	height: auto;
}*/
#ul_copy_under_plans {
	list-style-position: inside;
	/*list-style: none;*/
	list-style-image: url('tarifs_imgs/greentick.png');
}
#ul_copy_under_plans li::before {
	/*content: "•"; color: red;*/
  display: inline-block;
  width: 1em;
  margin-left: -1em
}
#ul_bonus {
	list-style-position: inside;
	/*list-style: none;*/
	list-style-image: url('tarifs_imgs/bluetick.png');
}
#ul_bonus li::before {
/*  content: "•";
  color: #1f9aff;*/
  display: inline-block;
  width: 3em;
  margin-left: -1em;
}

#bonus_description_container {
 display: -webkit-flex;
 display: flex;

 flex-wrap:wrap;

-webkit-flex-direction: row;
 flex-direction: row;

 justify-content: center;
}
#bonus_description_text {
	width: 45%;
}


.copy_under_plans_intertitle {
 font-family: 'Raleway', sans-serif;
 font-size: 24px;
 margin: 10px;
 margin-top: 0px;
 text-align: center;
 color: #a5a5a5;
}
#bonus_apercu {
	width:350px;
-webkit-box-shadow: 3px 7px 10px 0px rgba(122,122,122,1);
-moz-box-shadow: 3px 7px 10px 0px rgba(122,122,122,1);
box-shadow: 3px 7px 10px 0px rgba(122,122,122,1);
}
.copy_under_plans_title {
 font-size: 24px;
 font-weight: bolder;
 margin: 10px;
 margin-top: 0px;
 text-align: center;
 color: black;
}

.greyfooter {
 background-color: #424649 ;
 font-weight: 200 ;
 font-size: 85%;
 color: #d1d1d1 ;
}
.greyfooter a {
 color: #d1d1d1 !important;
}


/*********************************************/
/*********************************************/
/*********************************************/

/*RESPONSIVENESS we want the 3 plans to be in row as long as possible*/
@media (max-width: 1616px) {
	#page_pricing_frame{
		width:95%;
	}
}
@media (max-width: 1516px) {
	#page_pricing {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
}
@media (max-width: 1373px) {
	.table_plan {
		width: 300px;
	}
	.table_plan td{  
		font-size: 85%;
	}
}
@media (max-width: 1150px) {
	#page_pricing {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.table_plan {
		width: 250px;
	}
}
@media (max-width: 1150px) {
	.copy_under_plans {
		padding: 70px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#bonus_description_text {
		width: 35%;
	}
 .testimonial {
  font-size: 20px;
  padding: 3%;
  padding-left: 6%;
  padding-right: 6%;
 }
 .testimonial_title {
 	font-size: 80%;
 }
}
@media (max-width: 829px) {
	#bonus_description_text {
		width: 100%;
	}

 .testimonial {
  font-size: 18px;
  padding: 2%;
  padding-left: 5%;
  padding-right: 5%;
 }
}
/*MOBILE version   767px*/
@media (max-width: 767px) {
 #topbar_logo {
  font-size: 64%;
 }
  #topbarlinks {
  font-size: 50%;/*64%;*/
  padding-right: 2px;
 }

.pl_title2_in_text {
  font-size: 18px;
}
 .copy{
   padding-left: 18px;
   padding-right: 18px;

   font-size: 16px;
 }
 .copy img {
   max-width: 300px !important;
   width: 60% !important;
   height: auto !important;
 }
 .testimonial {
  font-size: 16px;
  padding: 2%;
  padding-left: 5%;
  padding-right: 5%;
 }
 .testimonial_title {
 	font-size: 90%;
 }
 .copy_under_plans {
   padding-left: 18px;
   padding-right: 18px;
 }
 #bonus_description_text {
	width: 100%;
 }
}