/*################################################################
	1. GENERAL STRUCTURES
################################################################# */

/* Import fonts */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);
@font-face{
        font-family: "Roboto_regular";
        src: url("../fonts/Roboto-Regular.eot"); /* le ../ permet de revenir �
la racine et ensuite fonts/ pour rentrer dans le dossier des typos */
        src: local("@"),url("../fonts/Roboto-Regular.otf") format("opentype");
}

@font-face{
        font-family: "Roboto_Light";
        src: url("../fonts/Roboto-Light.eot"); /* le ../ permet de revenir �
la racine et ensuite fonts/ pour rentrer dans le dossier des typos */
        src: local("@"),url("../fonts/Roboto-Light.otf") format("opentype");
}
@font-face{
        font-family: "Roboto_Thin";
        src: url("../fonts/Roboto-Thin.eot"); /* le ../ permet de revenir �
la racine et ensuite fonts/ pour rentrer dans le dossier des typos */
        src: local("@"),url("../fonts/Roboto-Thin.otf") format("opentype");
        }
@font-face{
        font-family: "Roboto-Medium";
        src: url("../fonts/Roboto-Medium.eot"); /* le ../ permet de revenir �
la racine et ensuite fonts/ pour rentrer dans le dossier des typos */
        src: local("@"),url("../fonts/Roboto-Medium.otf") format("opentype");  }

* {
	margin: 0;
	padding: 0px;
    font-family: 'Roboto-Light', sans-serif;
}
body {
font-family: 'Roboto_regular', sans-serif;
	background-color: #f2f2f2;
	margin: 0;
	color: #5a5a5a;
}
/***********************************************botcard*******************************************************/
.resume_t > .bot_table{ margin:30px 0 20px;padding:20px;border-top: 2px solid #3ab54a;border-bottom: 2px solid #3ab54a;}
.botcards_resume{background-color: none;box-shadow: inset 0 -1px #bababa;color:#4f4e4e;border-bottom: 1px solid #3ab54a;padding:12px 2px 12px;}
.botcards_resume2{background-color: none;box-shadow: inset 0 -1px #bababa;color:#4f4e4e;padding:12px 2px 12px;border:none;}
 /*.btn-botcards {border-radius: 20px;font-size: 20px;padding: 9px 18px 5px 18px; border: 2px solid whit; margin-top:3%; margin-bottom:6px;background-color:#3ab54a;}*/
.text_left{font-weight:bold;font-size:18px;}
.text_left_light{font-size:18px;}
.text_right{float: right;clear:both;font-size:18px;}
/**************************************************************************************************************/

label {
  display: inline;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

.prefix {
  width:90%;
  margin:0 0 0 5%;
  padding:0;
  font-family: 'Roboto-Light', sans-serif;
  font-size:12px;
  line-height:16px;
  font-style:italic;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto_Light', sans-serif;
	font-weight: 300;
}

.screen-b {display:block;}
.screen-s{display:none;}
p {
	padding: 0;
	margin-bottom: 12px;
  font-family: 'Roboto_regular', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 1px;
  color:#4d626c;
	margin-top: 10px;
}

html,
body {
	height: 100%;
}

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
}
.centered {text-align: center}
.center_bloc{margin:0 auto;}
.mt {margin-top: 50px;}
.mb {margin-bottom: 30px;color:#4d626c;font-weight:normal;font-family: 'Roboto_Light', sans-serif;}
.mb_p {margin:0 0 50px;color:#4d626c;font-weight:normal;font-family: 'Roboto_Light', sans-serif;font-size:24px;}
.mb_title {margin-bottom: 50px;color:#4d626c;font-family: 'Roboto_Light', sans-serif;font-weight:600;}
.mb_pay {margin-bottom: 10px;color:#4d626c;font-family: 'Roboto_Light', sans-serif;font-weight:600;}
.mb_resume {margin-bottom: 10px;color:#4d626c;font-family: 'Roboto_Light', sans-serif;font-weight:600;}
.top_title {text-align:left;padding-left:12.5%;margin-left:-80px;margin-bottom: 20px;color:#4d626c;font-family: 'Roboto_Light', sans-serif;font-weight:600;}
.top_sub_title {text-align:left;padding-left:12.5%;margin-left:-80px;margin-bottom: 50px;color:#4d626c;font-size:24px;font-family: 'Roboto_Light', sans-serif;font-weight:900;}
.top_title_3 {text-align:left;padding-left:16.6%;margin-left:-80px;margin-bottom: 20px;color:#4d626c;font-family: 'Roboto_Light', sans-serif;font-weight:600;}
.top_sub_title_3 {text-align:left;padding-left:16.6%;margin-left:-80px;margin-bottom: 50px;color:#4d626c;font-size:24px;font-family: 'Roboto_Light', sans-serif;font-weight:900;}
.top_title_2 {text-align:left;padding-left:25%;margin-left:-80px;margin-bottom: 20px;color:#4d626c;font-family: 'Roboto_Light', sans-serif;font-weight:600;}
.top_sub_title_2 {text-align:left;padding-left:25%;margin-left:-80px;margin-bottom: 50px;color:#4d626c;font-size:24px;font-family: 'Roboto_Light', sans-serif;font-weight:900;}
.bw {margin:0;color:#2cbd5e;font-weight:600;}
.mtb {margin-top: 50px; margin-bottom:15%;}
.mtb-vaucher {margin-top: 20px; margin-bottom: 50px;}
.mtb2 { margin-top: 100px; margin-bottom: 100px;}
.ptb {padding-top: 50px; padding-bottom: 40px;}

.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width:100%;
}
::-moz-selection  {
	text-shadow:none;
	background:none;
}
::selection {
	text-shadow:none;
	background:transparent;
}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
a {
	padding: 0;
	margin: 0;
	text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: none;
  color:#696E74;
}

.nopadding {
	padding: 0px !important;
	margin: 0px;
}

/* FORM CONFIGURATION */
input {
 	border-radius: 25px;
	font-size: 20px;
  line-height: 22px;
	padding:15px 5px 13px 50px;
  border: 0px solid #fff;
  margin-bottom:6px;
  min-height: 15px;
  outline:none;
  }
#phone_number_error{font-family:'Roboto_Light';font-size: 14px;margin-bottom:10px;color:red;text-shadow: 0 0 0.2em black, 0 0 0.2em black,0 0 0.2em black;}
.subscribe-input {
	width: 40%;
	text-align: left;
	margin-right: 14px;
  color:#4d626c;
  font-family:'Roboto_Light';
  background-image: url('../img/terre.png');
  background-repeat: no-repeat;
  background-position: 1px center;
  background-size:50px;
}
.subscribe-submit {
	right: 0;
}
.btn-download {
	background: #FDE3A7;
}
/*Buttons Configuration */
.btn-conf {
	border-radius: 25px;
	font-size: 21px;
  line-height: 23px;
	padding:15px 28px 13px 28px;
  border: 0px solid #fff;
  margin-bottom:6px;
  font-family: 'Roboto_regular';
  min-height: 40px;
  margin-top:-4px;
}
.btn-conf-2 {
	border-radius: 50px;
	margin-right: 15px;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 12px 28px 11px 28px;
	margin-top: 20px;
	}
.btn-send {
	background-color: #2cbd5e;
	color: white;
}
.btn-send-2 {
	background: transparent;
	color: white;
  border:2px solid white;
  margin-top:2%;
}
.btn-green {
	background:#2cbd5e;
	color: white
}
.sep_green img{width:25%;height:3px;}
.btn-vaucher {
	border-radius: 8px;
	font-size: 21px;
  line-height:20px;
	padding: 12px 18px 10px 18px;
  border: 1px solid #2cbd5e;
  margin-bottom:10px;
  margin-top:2px;
}
.btn-add-name {
	border-radius: 8px;
	font-size: 21px;
  line-height:20px;
	padding: 12px 18px 10px 18px;
  border: 1px solid #2cbd5e;
  margin-top:3%;
  margin-bottom:6px;
}
.btn-pay {
	border-radius: 8px;
	font-size: 20px;
	padding: 9px 18px 5px 18px;
  border: 2px solid #2cbd5e;
  margin-top:3%;
  margin-bottom:6px;
}
.btn-details {
	border-radius: 8px;
	font-size: 22px;
	padding: 6px 18px 8px 18px;
  border: 2px solid #2cbd5e;;
  margin-top:3%;
  margin-bottom:6px;
  width:50%;
	}
.btn:hover,.btn:focus{color:white;outline: medium none;}

/* HEADER SECTION */
#h {
  position:relative;
	background: url(../img/header.jpg) no-repeat center top;
	padding-top: 180px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 80%;
	width: 100%;
	color: white;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#h .logo, #contact .logo {
	top: 10px;
	left: 9%;
	font-size: 18px;
	font-weight: 900;
	position:absolute;
  text-align:left;
}
#h .logo > a > img, #contact .logo > a > img, #contact .logo > img{
   width:90px;
}

.social {
	top: 15px;
	right: 10%;
	font-size: 16px;
	position: absolute;
  margin-top:25px;
}
.social a{font-family: "Roboto_Light";font-size: 16px;letter-spacing: 1px;}
.social_sift {
	top: 10px;
	left: 18%;
	font-size: 16px;
	position: absolute;
  margin-top:25px;
}
.social_sift a {font-family: "Roboto_Light";font-size: 16px;letter-spacing: 1px;}

.social i, .social_sift a {
	margin-left: 20px;
  margin-left:3px;
  margin-right:7px;
}

.social a, .social_sift a {
	color: white;
  margin-right:10px;
  margin-left:10px;
  text-shadow: 1px 1px 1px black;
}
#contact .social a, #contact .social_sift a {
	color: #4d626c;
  transition: none;
  text-shadow: none;
}
#contact > h2 {margin-top:100px;}
#h h1 {color: white; font: 300 46px/58px Roboto,sans-serif;}
#h h2 {
	 font-family: "Roboto_Light";
   color: #fff;
   font-size: 24px;
   font-weight: 300;
   line-height: 30px;
   opacity: 0.7;
   padding-top: 30px;
}

/* Store Links */
.store img {
	margin-right: 10px;
	margin-top: 20px;
}

/* SEP */
#sep {
	background: url(../../uploads/sep_en.jpg) no-repeat center top;
	padding-top: 50px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	height: 550px;
	width: 100%;
	color: white;
	-webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
}

#sep h4 {
	letter-spacing: 1px;
	line-height: 30px;
	margin-top: 10px;
}

#sep2 {
	background: url(../../uploads/admin/sep2.jpg) no-repeat center top;
	padding-top: 90px;
	text-align:center;
	background-attachment: relative;
	background-position: center top;
	min-height: 450px;
	width: 100%;
	color: white;
  position:relative;
	-webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#sep2 h4 {
	letter-spacing: 1px;
	line-height: 30px;
	margin-top: 30px;
}

/* Pricing Tables */
.price-table {
	border: 2px solid #5a5a5a;
	border-radius: 25px;
	padding-top: 15px;
	padding-bottom: 25px;
	margin: 5px;
}

.price-table .p-head {
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 80px;
	border-bottom: 2px solid #ccc;
}

.price-table .p-body .features li {
	color: #333333;
	border-bottom: 2px solid #ccc;
	padding: 24px 0px;
	margin: 0;
	letter-spacing: 1px;
}

.p-body .price .detail {
	font-weight: 700;
	font-size: 45px;
	margin-left: 10px;
	margin-right: 10px;
}

.p-body .price .sub {
	font-size: 18px;
	color: #ccc;
	position: relative;
	bottom: 10px;
	font-weight: 700;
}

ul {
	list-style-type: none;
}

/* SPONSORS */
#g {
	background: #121111;
	padding-top: 20px;
	padding-bottom:20px;
}

.footer-big{position:relative;}
.footer-big,.footer-big > div > a >  p {
  color:white;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.6;
  font-family:'Roboto_Thin';
  margin:0;
}
.footer-big h3{font-size:14px;margin:10px 0 5px;}
.footer-big > div > img{padding:0;margin-top:-10px;}

.footer-big img {
	max-width: 140px;
	max-height: 60px;
	vertical-align: middle;
  padding : 2px 0;
}

.footer-big .col-sm-2 {
	height: 80px;
	line-height: 80px;
}
.container_footer {width:80%;margin:0 auto;}
.footer-small{font-size:12px;color:white;margin:0;}
.text_right{text-align:right;}
.footer_vertical{margin-top:9px;}
/* GREEN SECTION - TESTIMONIAL */

#green {
	padding-top: 90px;
	padding-bottom: 60px;
	min-height: 300px;
	background: #03C9A9;
	color: white;
}

#green tgr {
	font-weight: 700;
	letter-spacing: 1px;
}

/* FOOTER */
#f {
	padding-top: 10px;
	padding-bottom: 5px;
	background: #000;
	color: white;
}

#f h5 {
	margin-top: 30px;
	letter-spacing: 1px;
}

#f i {
	font-size: 45px;
	margin: 15px;
}

#f a {
	color: #b9b9b9;
}

#f a:hover {
	color: #03C9A9;
}
.title > h2 {margin-top:0;}
.title > h1 {margin-bottom:0;}
.title > h3{font-family:'Roboto_Light';}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {left:10%;}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {left:75%;}
.row {
    margin-left: 0;
    margin-right: 0px;
}
#myCarousel {margin-top:5%}

.amount_info{
  width:220px;
  background: url(../img/amount_info.png) no-repeat top center;
  padding: 0px 12px;
  background-size:100%;
  height:150px;
 }
.amount_info > p{ margin-top:0px;}
.amount_info_less{
  width:220px;
  height: 150px;
  background: url(../img/amount_info_less.png) no-repeat top center;
  background-size:100%;
  padding:1px 12px;
  margin-left:-25px;
  display: inline-block; margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;vertical-align: middle;border: 1px solid transparent;border-radius: 4px;
 }
.amount_info > p, .amount_info_less > p{padding: 0 0px;}
.info_val{
 color:white;
 font-size:0.9em;
 width:192px;margin-left: auto;
 margin-right: auto;
 display: block;
 clear: both;
}
.info_left{float:left;}
.info_right{float:right;}
.info_total{
    width:192px;
    margin-left: auto;
	  margin-right: auto;
    padding-top:11px;
	  display: block;
	  clear: both;
    color:#4d626c;
    font-weight:bold;
    margin-bottom:40px;
}

.amount_c{background: url(../img/amount_grey.png) no-repeat top center;padding: 0px 12px;background-size:100%;height:120px;width:170px; outline: medium none;}
.amount_c:hover, .amount_c:focus {height: 120px;background: url(../img/amount_green.png) no-repeat top center; background-size:100%;width:170px;outline: medium none;}
.amount_i{color:#4d626c;font-size:1.5em;position:absolute;top:2%;left:50%;z-index:100;margin-left:80px;}
.a_arrow > .amount_i {color:#4d626c;font-size:1.5em;position:absolute;top:2%;left:50%;z-index:100;margin-left:65px;}
.account_annuler{color:#e67272;font-size:1.4em;position:absolute;top:-5px;left:50%;z-index:100;margin-left:70px;}
.amount_val{color:#4d626c;font-size:2.3em;font-weight:normal;margin:14px 0 16px;}
.amount_type{color:white;font-size:1.4em;font-weight:normal;text-align:center;bottom:0px;margin-top:18px;}
.amount_info_off {color:white;font-size:1.1em;position:absolute;top:2%;left:50%;z-index:100;margin-left:88px;}
.a_less{position:relative;margin-left:-25px;}
.new{
 background: none;
 padding: 15px 12px;
 margin:0;
 }
 .new_p{
 background: none;
 padding: 15px 12px;
 margin:0 0 50px;
 }
 .new_p img {width:170px;}
 .new_m1 {position:relative;width:500px;background: url(../img/mode1.png) no-repeat top center;height:300px;background-size:100%;margin:30px 0 50px;}
 .new_m2 {position:relative;width:500px;background: url(../img/mode2.png) no-repeat top center;height:300px;background-size:100%;margin:30px 0 50px;}
 .new_m2 > #paypal_checkout{padding-top:120px;}
 .new_m1 p, .new_m2 p{white-space:normal;color: #7f7f7f;}
 .new-top{position:absolute;top:15px;left:0;text-align:center;width:500px;padding:0 10px;font-size:26px;}
 .new-bottom{position:absolute;bottom:30px;left:0;text-align:center;width:500px;padding:0 10px;font-family:'Roboto_Light';}

.ae_used{width:170px; position:relative;height: 120px; background: url(../img/ae_used_off.png) no-repeat top center;background-size:100%;padding: 15px 12px;}
.discover_used{width:170px; position:relative;height: 120px; background: url(../img/cb_used_off.png) no-repeat top center;background-size:100%;padding: 15px 12px;}
.visa_used{width:170px; position:relative;height: 120px; background: url(../img/visa_used_off.png) no-repeat top center;background-size:100%;padding: 15px 12px;}
.master_used{width:170px; position:relative;height: 120px; background: url(../img/master_used_off.png) no-repeat top center;background-size:100%;padding: 15px 12px;}

.ae_used:hover, .ae_used:focus{width:170px; position:relative;height: 120px; background: url(../img/ae_used_on.png) no-repeat top center;background-size:100%;padding: 15px 12px;outline: medium none;}
.discover_used:hover, .discover_used:focus{width:170px; position:relative;height: 120px; background: url(../img/discover_used_on.png) no-repeat top center;background-size:100%;padding: 15px 12px;outline: medium none;}
.visa_used:hover, .visa_used:focus{width:170px; position:relative;height: 120px; background: url(../img/visa_used_on.png) no-repeat top center;background-size:100%;padding: 15px 12px;outline: medium none;}
.master_used:hover, .master_used:focus{width:170px; position:relative;height: 120px; background: url(../img/master_used_on.png) no-repeat top center;background-size:100%;padding: 15px 12px;outline: medium none;}

 .home-c{
 width:100%;
 height: 150px;
 background: url(../img/uk.png) no-repeat center center;
 padding-top:14%;
 position:relative;
 }

.a-off{
 background: url(../img/amount_grey_off.png) no-repeat top center;
 padding: 0px 12px;background-size:100%;height:120px;width:170px;
 cursor:default;
 position:relative;
 margin-left:14px;
  }
.a-off > .amount_i{
 color:#ababab;
 font-size:1.5em;
 position:absolute;top:0%;left:50%;margin-left:80px;margin-top:5px;
}

.a-off > p{color:#ababab;}
.a-off > .amount_val{font-size:2.3em;font-weight:normal;margin:0px 0 18px;}
.a-off > .amount_type{color:white;font-size:1.4em;font-weight:normal;text-align:center;bottom:0px;margin-top:1px; margin-bottom:0;}
.cercle{position:absolute;top:-10px;left:-15px;width:40px;height:40px;background:#2cbd5e;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;color:#fff;font-weight:bold;padding-top:10px;font-size:14px;}
.cvv_i{
 margin-top:145px;
 padding:0;
 color:#2cbd5e;
 font-size:1.5em;
text-align:left;
}
.cvv_i > a {color:#2cbd5e;}
.cvv_i > i {padding-left:5px;}
.info_card, .info_card3{position:absolute;left:50%; bottom:25px;}
.info_card > p {margin:0 0 0 -75px;color:white;text-align:left;font-size:0.75em; line-height: 16px;}
.info_card3 > p {margin:0 0 0 50px;color:white;text-align:left;font-size:0.8em; line-height: 16px;}
.info_less{color:grey;}
.home_val{
 color:white;
 font-size:2.5em;
 font-weight:bold;
}

input[type=checkbox].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=checkbox].css-checkbox + label.css-label {
							padding:2px 0 0 33px;
							height:20px;
							display:inline-block;
							line-height:20px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:22px;
							vertical-align:middle;
							cursor:pointer;
              color:#4d626c;

						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -20px;
						}
						label.css-label {
				background-image:url(../img/check1.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

.vaucher{margin-top:5%;}
.vaucher label{font-weight:normal;margin-left:17.5%;}
.vaucher_i input {
	font-size: 21px;
	min-height: 40px;
	border-radius: 8px;
	line-height: 20px;
	padding: 12px 15px 10px;
	border: 1px solid #b8c0c2;
	margin-bottom: 10px;
  background-color:white;
  font-family:'Roboto_Light';
  color:#b7b7b7;
}
.vaucher-input {
	width: 25%;
	text-align: left;
	margin-right: 14px;
  background:transparent;
 }
 .add-name {
	width: 65%;
	text-align: left;
	margin-right: 0;
  background:transparent;
 }

 .details-left {
	width: 47.7%;
	text-align: left;
	margin-right: 2%;
  background:transparent;
 }
 .details-right {
	width: 47.7%;
	text-align: left;
	margin-left: 2%;
  background:transparent;
 }

.arrow{
  font-size:6em;
  color:#2cbd5e;
}

.annuler{
  position:absolute;
  top:35%;
  left:50%;
  margin-left:100px;
  color:#e67272;
  font-size:20px;
}
.annuler_top{
  color:#e67272;
  font-size:16px;
  margin-left:30px;
}
.text_top{padding: 0 20px;font-family: "Roboto_Light";}
.help{margin-top:0}

.green{
  color:#2cbd5e;
  font-weight:bold;
  font-family: "Roboto_regular";
}
.left{text-align:left;}
.right{text-align:right;}
.lc{text-align:left;}
.cr {text-align:right;}
.carousel-control.left {background-image: none;}
.carousel-control.right {background-image: none;}
.icons{padding-top:10px;padding-bottom:10px;}
.sep{padding:20px 0;}
.icon_apps{margin-top:2px;}
.icon_apps img{width:90px;}
.icon_left{margin-right:3px;width:35px;}
.icon_right{margin-left:3px;width:35px;}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
      width: 70%;
      margin: auto;
  }
.tooltips {
    position: relative;
    display: inline-block;
}

.tooltips .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #2cbd5e;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding:7px 0;
    margin-left:10px;
    position: absolute;
    z-index: 1;
    font-size:0.6em;
}

.tooltips:hover .tooltiptext {
    visibility: visible;
}

/****** page contact-us ***************/
#contact {
  background-color: #f2f2f2;
	padding-top: 30px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 700px;
	width: 100%;
	color: #4d626c;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#contact h1 {
	font-weight: 700;
	color: white;
	font-size: 40px;
}

#contact .container{
margin-top:60px;
}

.contact_i{margin-bottom:40px;}
.contact_i input {
	width:50%;
  font-size: 20px;
	min-height: 40px;
	border-radius: 8px;
	line-height: 20px;
	padding: 12px 9px 12px;
	border: 1px solid #b8c0c2;
	margin-bottom: 10px;
  background-color:white;
  font-family:'Roboto_Light';
  color:#b7b7b7;
}
.contact_i textarea {
	font-size: 20px;
	min-height: 40px;
	border-radius: 8px;
	line-height: 20px;
	padding: 12px 9px 10px;
	border: 1px solid #b8c0c2;
	margin-bottom: 10px;
  background-color:white;
  font-family:'Roboto_Light';
  color:#b7b7b7;
  width:50%;
}

.contact_i > p {
	color: #4f4e4e;
	font-size:19px;
  font-family:'Roboto_Light';
  font-weight:600;
  text-align:left;
  margin:0 25% 5px;
  padding-left:3px;
 }
table {
  border-collapse: collapse;
  border-spacing: 0
}
.nav {margin:60px 0;}
.nav a, .nav label {
  display: block;
  padding: .85rem;
  color: #4d626c;
  background-color: none;
  box-shadow: inset 0 -1px #bababa;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
  font-weight:300;
  text-align:left;
  font-size:16px;
  font-family: "Roboto_Regular",sans-serif;
  margin:10px 0 15px;
}

.nav a:focus, .nav a:hover, .nav label:focus, .nav label:hover {
  color: rgba(0, 0, 0, 0.7);
  background: none;;
}

.nav label { cursor: pointer; }
.group-list, .group-list a, .group-list label {
  padding-left: 2rem;
  background: none;
  /*box-shadow: inset 0 -1px #373737;*/
  box-shadow:none;
   font-weight:30;
  text-align:left;
  font-size:14px;
  font-family: "Roboto_Light",sans-serif;
}
.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover { background: #131313; }
.sub-group-list a, .sub-group-list label {
  padding-left: 4rem;
  background: #353535;
  box-shadow: inset 0 -1px #474747;
}

.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover { background: #232323; }

.sub-sub-group-list a, .sub-sub-group-list label {
  padding-left: 6rem;
  background: #454545;
  box-shadow: inset 0 -1px #575757;
}
.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover { background: #333333; }

.group-list, .sub-group-list, .sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}

.group-list > li > span {color:#2cbd5e;font-family: "Roboto_Regular",sans-serif;}
.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
max-height: 1000px; }
label > span {
  float: right;
  -webkit-transition: -webkit-transform .65s ease;
  transition: transform .65s ease;
}

.nav__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.account-sep{margin:20px 0 30px;width:10%;}
.account {
  padding: .85rem 0;
  color: #4d626c;
  background-color: none;
  box-shadow: inset 0 -1px #bababa;
  text-align:center;
  font-size:16px;
  font-family: "Roboto_Light",sans-serif;
}
.account > div > img{width:27px;}
.account_element{margin:30px 0 20px;}
.resume_t > .resume_table{margin:30px 0 20px;border:solid 1px #bdc4c6;padding:20px;background-color:#fff;}
.resume_t{margin:0px 0 50px;}
/*********************** Cartes de paiements *****************/
.cartesP img {float:left;width:21%;margin-left:2%;margin-right:2%;margin-bottom:3em;margin-top:15px;}
.subscribe-inputP {
	width: 40%;
	text-align: left;
  margin-right: 14px;
  color:#4d626c;
  font-family:'Roboto_Light';
  background-image: url('../img/PCS.png');
  background-repeat: no-repeat;
  background-position: 6px center;
  background-size:40px;
}
.CP {margin:2em 0 2em;}

/************************ page Login *************************/

.oModal {position: fixed;z-index: 99999;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.8);opacity:0;-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;color:#4d626c;}
.oModal:target {opacity:1;pointer-events: auto;}
.oModal:target > div {margin: 5% auto;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
.oModal > div {max-width: 385px;position: relative;margin: 1% auto;padding: 8px 8px 8px 8px;border-radius: 5px;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
.oModal > div h2 {margin:0;}

.oModal1 {position: fixed;z-index: 99999;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.8);opacity:0;-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;color:#4d626c;}
.oModal1:target {opacity:1;pointer-events: auto;}
.oModal1:target > div {margin:3% auto;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
.oModal1 > div {max-width: 60%;position: relative;margin: 0 auto;padding: 8px 8px 8px 8px;border-radius: 15px;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;height:90%;}
.oModal1 > div h2 {margin:0;}

.oModal2 {position: fixed;z-index: 99999;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.8);opacity:0;-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;color:#4d626c;}
.oModal2:target {opacity:1;pointer-events: auto;}
.oModal2:target > div {margin:3% auto;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
.oModal2 > div {max-width: 60%;position: relative;margin: 0 auto;padding: 8px 8px 8px 8px;border-radius: 15px;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;height:90%;}
.oModal2 > div h2 {margin:0;}

.close_f {background-color:#fff;margin: 0;width: 100%;padding-top:0;}
.close_f a {font-size:20px;}
.close_f:before,
.close_f:after {content:"";display:table;}
.close_f:after {clear:both;}
.corps {background: #fff none repeat scroll 0 0;margin: 0 auto;padding: 8px;position: relative;width: 100%;}
.corps h2 {text-align: center;padding-top:10px;font-size:30px;color:#323232;font-weight:bold;}
 .mentions {height:70%;font-size:1.5em;text-align:justify;padding: 0 2em 10px;overflow: auto;font-family: 'Roboto_Light', sans-serif;font-weight:bold;}

.head_login, .head_register{background: linear-gradient(to bottom, #a0a0a0, #a0a0a0, #fff, #fff);background-color:#a0a0a0;border-radius: 15px 15px 0 0;width: 100%;}
.l1 {background-color:#a0a0a0;border-radius: 15px 15px 15px 0;width: 50%;border:none;}
.l2 {background-color:#fff;border-radius: 15px 15px 0 15px;width: 50%;border:none;}
.l3 {background-color:#fff;border-radius: 15px 15px 15px 0;width: 50%;border:none;}
.l4 {background-color:#a0a0a0;;border-radius: 15px 15px 0 15px;width: 50%;border:none;}

.corps_login {background: #fff none repeat scroll 0 0;margin: 0 auto;padding: 8px;position: relative;width: 100%;}
.corps_login > .btn_fb > row {margin:0}

.btn_fb{border-radius: 8px;font-size: 26px;padding: 0px 10px;border: none;margin-top:15px;margin-bottom:15px;width:90%;background-color:#4862a3;color:white;}
.btn_fb_off{border-radius: 8px;font-size: 24px;padding: 0px 10px;border: none;margin-top:15px;margin-bottom:15px;width:90%;background-color:#c5c5c5;color:#9c9c9c;}
.btn_fb > div > div > p{font-size: 20px;color:#fff;}
.btn_fb_off > div > div > p{font-size: 20px;color:#9c9c9c;}
.login .off{background-color:#c5c5c5;border:2px solid #9c9c9c;}

.btn_fb > div > .col-md-1,.btn_fb_off > div > .col-md-1 {padding:0;margin-top:5px;}

.login {margin-top:15px;}
.login input {font-size: 16px;min-height: 40px;border-radius: 8px;line-height: 20px;padding: 12px 10px 10px; border: 1px solid #b8c0c2;margin-bottom: 10px;width:90%;}
.login > .fp_input {width: 55%;text-align: left;margin-right: 1%;background:transparent;}

.fp{color:#2cbd5e;margin:15px 0;}
.btn-fp {border-radius: 8px;font-size: 20px;padding: 7px 0px 8px 0px;margin-bottom:5px;width:33%;}
.btn_login{border-radius: 8px;font-size: 20px;padding: 9px 10px;border: none;margin-top:15px;margin-bottom:0;width:90%;background-color:#2cbd5e;color:white;}
.btn_reset{border-radius: 8px;font-size: 20px;padding: 9px 10px;border: none;margin-top:15px;margin-bottom:0;width:90%;background-color:#2cbd5e;color:white;}

.cf {background-color:#fff;border-radius: 0 0 15px 15px;margin: 0;width: 100%;}
.cf:before,
.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.droite {float:right;color:#2cbd5e;}
.social .oModal .cf a {color: #4d626c;text-shadow:none;margin-right:2px;margin-bottom:2px;}
.br_top{display:none;}
.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: 0px;
  padding-left: 0px;
}

.languages-list {
  z-index:9999;
  background: #fff none repeat scroll 0 0;
  border-radius: 5px 0 5px 5px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4);
  cursor: default;left: 55%;
  min-width: 80%;
  position: absolute;top: 35px;
  padding:3px 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);}
.social li a {text-transform: uppercase;line-height: 35px;text-decoration: none;color:#4d626c;text-shadow:none;margin:0;font-size:13px;}
.social li {border:none;padding-top:3px;}
.social > .languages-list > ul > .last  {border-style:none;}
.social > .languages-list > ul{margin-bottom:2px;}
.languages-arrow {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent transparent #fff;
  border-image: none;
  border-style: solid;border-width: 11px;right:1px;position: absolute;top: -22px;width: 1px;}
.error{color:red;}

#contact > .social > a{text-shadow:none;}
.t_cap{font-family: "Roboto_Regular",sans-serif;}
.message_ok{text-align:center;color:grey;font-weight:100;}
.message_nok{text-align:center;color:red;font-weight:100;}
.forgot_password{margin:10px 8px;}
.fp2{color:#2cbd5e;margin:10px 20px;font-size:14px;text-align:left}
#sep2 > div {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width:100%;}
#sep > h1{color:#4d626c;font-weight:600;width:84%;margin-left:8%;}
#sep > h4{color:#4d626c;}
#sep > h4{width:70%;margin-left:15%;}
.resume {padding: 1.40rem 0;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:12px;color:#4f4e4e;}
.resume1 {padding: 1.40rem 0 0;background-color: none;box-shadow: none;font-weight:normal;font-size:12px;color:#4f4e4e;}
.resume2 {padding: 1.40rem 0;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:11px;color:#bbb4b4;}
.resume3 {padding: 1.0rem 0 1.40rem;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:13px;color:#4f4e4e;}
.resume4 {padding: 1.40rem 0 0;background-color: none;box-shadow: none;font-weight:normal;font-size:13px;color:#4f4e4e;}
.resume_title{padding: .85rem 0 1.85rem;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:bold;font-size:13px;color:#4f4e4e;}
.mtb > form{position:relative;}
.mtb > form > img{position:absolute;width:50px;top:7px;left:9.3%;}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=100);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
}
.number{font-weight:bold;font-size:14px;color:#4f4e4e;margin-top:-2px;}
.container_footer p{font-family: "Roboto_Light",sans-serif;}
.bg_loader{width:80px;position:relative;left:50%;margin-left:-40px;top:70px;}
.bg_loader img{width:80px;position:absolute;top:15px;left:0;}
.loader {
    position:absolute;top:15px;left:0;
    border: 8px solid #ffffff; /* Light grey */
    border-top: 8px solid transparent; /* Blue */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.success img{width:20%;}
.success h3{margin-top:50px;font-family: "Roboto_Light",sans-serif;}

@media screen and (min-width: 1191px) and (max-width: 1300px) {
 #sep{padding:25px 0;height:450px;}
 #sep2{height:350px;}
 .new_m1 {position:relative;width:450px;background: url(../img/mode1.png) no-repeat top center;height:275px;background-size:100%;margin:30px 0 50px;}
 .new_m2 {position:relative;width:450px;background: url(../img/mode2.png) no-repeat top center;height:275px;background-size:100%;margin:30px 0 50px;}
  .new_m2 > #paypal_checkout{padding-top:105px;}
 .new_m1 p, .new_m2 p{white-space:normal;color: #7f7f7f;}
 .new-top{position:absolute;top:15px;left:0;text-align:center;width:450px;padding:0 10px;font-size:26px;}
 .new-bottom{position:absolute;bottom:30px;left:0;text-align:center;width:450px;padding:0 10px;}
 .social_sift a {font-family: "Roboto_Light";font-size: 16px;}
 .social a {font-family: "Roboto_Light";font-size: 16px;}
 .bg_loader{width:70px;position:relative;left:50%;margin-left:-35px;top:70px;}
 .bg_loader img{width:70px;position:absolute;top:15px;left:0;}
 .loader {position:absolute;top:15px;left:0; border: 8px solid #ffffff;border-top: 8px solid transparent;border-radius: 50%;width: 70px;height: 70px;animation: spin 2s linear infinite;}

 }

@media screen and (min-width: 991px) and (max-width: 1190px) {
 .social_sift a {font-family: "Roboto_Light";font-size: 16px;}
 .social a {font-family: "Roboto_Light";font-size: 16px;}
 .ptb {padding-bottom: 30px;padding-top: 30px;}
 #sep{padding:25px 0;height:450px;}
 #sep2{height:350px;}
 .contact_i input {font-size: 20px;min-height: 40px;border-radius: 8px;line-height: 20px;padding: 12px 9px 10px;border: 1px solid #b8c0c2;margin-bottom: 10px;width:55%;}
 .contact_i textarea {font-size: 20px;	min-height: 40px;	border-radius: 8px;	line-height: 20px;	padding: 12px 9px 10px;	border: 1px solid #b8c0c2;	margin-bottom: 10px; width:55%;}
 .btn-details {border-radius: 8px;font-size: 22px;padding: 6px 18px 8px 18px;border: 2px solid #2cbd5e;margin-top:3%;margin-bottom:6px;width:55%;}
 .new_m1 {position:relative;width:450px;background: url(../img/mode1.png) no-repeat top center;height:275px;background-size:100%;margin:30px 0 50px;}
 .new_m2 {position:relative;width:450px;background: url(../img/mode2.png) no-repeat top center;height:275px;background-size:100%;margin:30px 0 50px;}
  .new_m2 > #paypal_checkout{padding-top:105px;}
 .new_m1 p, .new_m2 p{white-space:normal;color: #7f7f7f;}
 .new-top{position:absolute;top:15px;left:0;text-align:center;width:450px;padding:0 10px;font-size:26px;}
 .new-bottom{position:absolute;bottom:30px;left:0;text-align:center;width:450px;padding:0 10px;}
  .oModal1 > div {max-width: 65%;}
  .oModal2 > div {max-width: 65%;}
  .bg_loader{width:70px;position:relative;left:50%;margin-left:-35px;top:70px;}
 .bg_loader img{width:70px;position:absolute;top:15px;left:0;}
 .loader {position:absolute;top:15px;left:0; border: 8px solid #ffffff;border-top: 8px solid transparent;border-radius: 50%;width: 70px;height: 70px;animation: spin 2s linear infinite;}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
 .social_sift a {font-family: "Roboto_Light";font-size: 14px;}
 .social a {font-family: "Roboto_Light";font-size: 14px;}
 .ptb {padding-bottom: 30px;padding-top: 30px;}
 #h .logo, #contact .logo {left: 5%;top: 10px;}
 .social {right: 5.5%;top: 10px;}
 #sep{padding:25px 0;height:450px;}
 #sep2{height:350px;}
 .contact_i input {font-size: 20px;min-height: 40px;border-radius: 8px;line-height: 20px;padding: 12px 9px 10px;border: 1px solid #b8c0c2;margin-bottom: 10px;width:70%;}
 .contact_i textarea {font-size: 20px;	min-height: 40px;	border-radius: 8px;	line-height: 20px;	padding: 12px 9px 10px;	border: 1px solid #b8c0c2;	margin-bottom: 10px;width:70%;}
 .btn-details {border-radius: 8px;font-size: 22px;padding: 6px 18px 8px 18px;border: 2px solid #2cbd5e;margin-top:3%;margin-bottom:6px;width:70%;}
 #g > .container{width:90%;}
 .new_m1 {position:relative;width:350px;background: url(../img/mode1.png) no-repeat top center;height:220px;background-size:100%;margin:30px 0 50px;}
 .new_m2 {position:relative;width:350px;background: url(../img/mode2.png) no-repeat top center;height:220px;background-size:100%;margin:30px 0 50px;}
  .new_m2 > #paypal_checkout{padding-top:75px;}
 .new_m1 p, .new_m2 p{white-space:normal;color: #7f7f7f;}
 #sep h1 {font-size: 33px;line-height: 38px;}
 .new-top{position:absolute;top:5px;left:0;text-align:center;width:350px;padding:0 10px;font-size:20px;}
 .new-bottom{position:absolute;bottom:15px;left:0;text-align:center;width:350px;padding:0 20px;font-size:14px;line-height:20px;}
 .top_title, .top_title_3 , .top_title_2 {color: #4d626c;font-family: "Roboto_Light",sans-serif;font-weight: 600;margin-bottom: 20px;margin-left: -80px;padding-left: 25%; text-align: left;}
 .top_sub_title, .top_sub_title_3, .top_sub_title_2{color: #4d626c;font-family: "Roboto_Light",sans-serif;font-weight: 300;margin-bottom: 50px;margin-left: -80px;padding-left: 25%; text-align: left;}
  .oModal1 > div {max-width: 70%;}
  .oModal2 > div {max-width: 70%;}
 .corps h2 {text-align: center;padding-top:10px;font-size:26px;}
 .mentions {height:70%;font-size:1.5em;text-align:justify;padding: 0 2em 10px;overflow: auto;font-family: 'Roboto_Light', sans-serif;font-weight:bold;}
 .bg_loader{width:70px;position:relative;left:50%;margin-left:-35px;top:70px;}
 .bg_loader img{width:70px;position:absolute;top:15px;left:0;}
 .loader {position:absolute;top:15px;left:0; border: 8px solid #ffffff;border-top: 8px solid transparent;border-radius: 50%;width: 70px;height: 70px;animation: spin 2s linear infinite;}
}

@media screen and (min-width: 751px) and (max-width: 767px) {
.social_sift a {font-family: "Roboto_Light";font-size: 14px;}
.social a {font-family: "Roboto_Light";font-size: 14px;}
.ptb {padding-bottom: 30px;padding-top: 30px;}
#sep{padding:25px 0;height:450px;}
#sep2{height:350px;}
.screen-s{display:block;}
.screen-b {display:none;}
.annuler_top{color:#e67272;font-size:16px;margin-left:30px;position:absolute;top:15px;right:10px;}
.text_top{position:relative;padding: 0 25px;}
.br_top{display:block;}
 #h .logo, #contact .logo {left: 5%;top: 10px;}
.social {right: 5.5%;top: 10px;}
.social_sift {left: 18%;top: 10px;}
#h .logo > a > img, #contact .logo > a > img, #contact .logo > img {width: 75px;}
.subscribe-input {width: 40%;text-align: left;margin-right: 14px;}
#phone_number_error{font-family:'Roboto_Light';font-size: 14px;margin-bottom:10px;color:red;}
#sep h1 {font-size: 33px;line-height: 38px;}
#h h1, #sep2 h1{font-size:40px;line-height: 50px;}
.bw {margin:0;color:#2cbd5e;font-weight:bold;font-size:30px;}
#sep h4 {font-size:18px;}
#h h2, #contact h2{font-size:25px;}
.icons {padding-bottom: 10px;padding-top: 25px;}
.vaucher-input {width: 25%;text-align: left;margin-right: 14px; background:transparent;}
.vaucher_i input {color: #b7b7b7;font-family: "Roboto_Light";font-size: 18px;min-height: 40px;border-radius: 8px;line-height: 20px;padding: 12px 10px 10px; background-color: white;border: 1px solid #b8c0c2;margin-bottom: 10px;}
.add-name {background: transparent none repeat scroll 0 0;margin-right: 0; text-align: left; width: 75%;}
.vaucher label {font-weight: normal;margin-left: 12.5%;}
.btn-add-name {border: 2px solid #2cbd5e; border-radius: 8px; font-size: 21px; margin-bottom: 6px; margin-top: 3%;padding: 6px 18px 8px;}
.details-left {width: 47.5%;text-align: left;margin-right: 2%; background:transparent;}
.details-right {width: 47.5%;text-align: left;margin-left: 2%; background:transparent;}
.btn-details {border-radius: 8px;font-size: 22px;padding: 6px 18px 8px 18px;border: 2px solid #2cbd5e;margin-top:3%;margin-bottom:6px;width:75%;}
#g > .container{width:65%;}
.tooltips .tooltiptext {visibility: hidden;width: 120px;background-color: #2cbd5e;color: #fff;text-align: center;border-radius: 6px;padding:7px 0;margin-left:-150px;position: absolute;z-index: 1;font-size:0.6em;}
.icon_left{margin-right:3px;width:35%;}
.icon_right{margin-left:3px;width:35%;}
.container_footer {width:80%;margin:0 auto;}
.footer-small{font-size:12px;color:white;margin:0;}
.social li a {text-transform: uppercase;line-height: 25px;text-decoration: none;color:#4d626c;text-shadow:none;margin:0;font-size:12px;}
.contact_i input {font-size: 18px;min-height: 40px;border-radius: 8px;line-height: 20px;padding: 12px 9px 12px;border: 1px solid #b8c0c2;margin-bottom: 10px;width:75%;}
.contact_i textarea {font-size: 18px;min-height: 40px;border-radius: 8px;line-height: 20px;padding: 12px 9px 12px;border: 1px solid #b8c0c2;margin-bottom: 10px;width:75%;}
.t_left{text-align:left;}
input {
  outline:none;
  border-radius: 25px;
	font-size: 19px;
	padding:16px 5px 14px 50px;
  border: 0px solid #fff;
  margin-bottom:6px;
  font-family: "Roboto_Light";
  line-height: 20px;
  min-height: 40px;
  }
.btn-conf {
	border-radius: 25px;
	font-size: 19px;
	padding:16px 28px 14px 28px;
  border: 0px solid #fff;
  margin-bottom:6px;
  font-family: "Roboto_Light";
  line-height: 21px;
  min-height: 40px;
	}
.btn-send-2 {background: transparent;color: white;border:2px solid white;}
.new_m1 {position:relative;width:350px;background: url(../img/mode1.png) no-repeat top center;height:220px;background-size:100%;margin:30px 0 50px;}
 .new_m2 {position:relative;width:350px;background: url(../img/mode2.png) no-repeat top center;height:220px;background-size:100%;margin:30px 0 50px;}
  .new_m2 > #paypal_checkout{padding-top:75px;}
 .new_m1 p, .new_m2 p{white-space:normal;color: #7f7f7f;}
 .new-top{position:absolute;top:5px;left:0;text-align:center;width:350px;padding:0 10px;font-size:20px;}
 .new-bottom{position:absolute;bottom:15px;left:0;text-align:center;width:350px;padding:0 20px;font-size:14px;line-height:20px;}
 .top_title,.top_title_3,.top_title_2 {color: #4d626c;font-family: "Roboto_Light",sans-serif;font-weight: 600;margin-bottom: 2px;margin-left:-80px;padding-left: 25%;text-align: left;}
 .top_sub_title, .top_sub_title_3, .top_sub_title_2{color: #4d626c;font-family: "Roboto_Light",sans-serif;font-weight: 300;margin-bottom: 50px;margin-left:-80px;padding-left: 25%;text-align: left;}
  .oModal1 > div {max-width: 70%;}
  .oModal2 > div {max-width: 70%;}
 .corps h2 {text-align: center;padding-top:10px;font-size:26px;}
 .mentions {height:70%;font-size:1.5em;text-align:justify;padding: 0 1.5em 10px;overflow: auto;font-family: 'Roboto_Light', sans-serif;font-weight:bold;}
 .bg_loader{width:70px;position:relative;left:50%;margin-left:-35px;top:70px;}
 .bg_loader img{width:70px;position:absolute;top:15px;left:0;}
 .loader {position:absolute;top:15px;left:0; border: 8px solid #ffffff;border-top: 8px solid transparent;border-radius: 50%;width: 70px;height: 70px;animation: spin 2s linear infinite;}
}
@media screen and (min-width: 571px) and (max-width:750px) {
.social_sift a {font-family: "Roboto_Light";font-size: 14px;  margin-left: 5px;
    margin-right: 5px;}
.social a {font-family: "Roboto_Light";font-size: 14px;margin-left: 5px;
    margin-right: 5px;}
.success img{width:25%;}
.ptb {padding-bottom: 30px;padding-top: 30px;}
#sep{padding-top:10%;max-height:450px;}
  #sep2{height:350px;}
#controls {display:none;}
.screen-s{display:block;}
.screen-b {display:none;}
.annuler_top{color:#e67272;font-size:16px;margin-left:30px;position:absolute;top:15px;right:10px;}
.text_top{position:relative;padding: 0 25px;}
.br_top{display:block;}
.icons {padding-bottom: 10px;padding-top: 25px;}
#h .logo , #contact .logo{left: 7px;top: 10px;}
.social {right: 18px;top: 10px;}
.social_sift {left: 16%;top: 10px;}
#h .logo > a > img, #contact .logo > a > img, #contact .logo > img {width: 75px;}
.subscribe-input {width: 45%;text-align: left;margin-right: 14px;}
#phone_number_error{font-family:'Roboto_Light';font-size: 12px;margin-bottom:9px;color:red;}

#h h1,#sep h1,#sep2 h1{font-size:32px;line-height: 38px;}
.resume {padding: 1.40rem 0;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:12px;color:#8f8080;}
.resume1 {padding: 1.40rem 0 0;background-color: none;box-shadow: none;font-weight:normal;font-size:12px;color:#4f4e4e;;}
.resume2 {padding: 1.40rem 0;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:11px;color:#bbb4b4;}
.resume3 {padding: 1.0rem 0 1.40rem;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:13px;color:#4f4e4e;}
.resume4 {padding: 1.40rem 0 0;color: black;background-color: none;box-shadow: none;font-weight:normal;font-size:13px;color:#4f4e4e;;}
.resume_title{padding: .85rem 0 1.85rem;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:bold;font-size:13px;color:#4f4e4e;}
.help {font-size:22px;}
.help > img {width:90px;}
.bw {margin:0;color:#2cbd5e;font-weight:bold;font-size:29px;}
#h h2, #contact h2{font-size:24px;}
#g > .container{width:65%;}
.vaucher-input {width: 40%;text-align: left;margin-right: 14px; background:transparent;}
.vaucher_i input {font-size: 17px;min-height: 40px;border-radius: 8px;line-height: 20px;padding: 12px 10px 10px;margin-bottom: 10px;color: #b7b7b7;font-family: "Roboto_Light";color: #b7b7b7;font-family: "Roboto_Light";}
.add-name {background: transparent none repeat scroll 0 0;margin-right: 0; text-align: left; width: 85%;}
.vaucher label {font-weight: normal;margin-left: 8.5%;}
.btn-add-name {border: 2px solid #2cbd5e; border-radius: 8px; font-size: 22px; margin-bottom: 6px; margin-top: 3%;padding: 7px 18px 7px;}
.details-left {width: 47.5%;text-align: left;margin-right: 2%; background:transparent;}
.details-right {width: 47.5%;text-align: left;margin-left: 2%; background:transparent;}
.btn-details {border-radius: 8px;font-size: 21px;padding: 6px 18px 6px 18px;border: 2px solid #2cbd5e;margin-top:3%;margin-bottom:6px;width:80%;}

.tooltips .tooltiptext {visibility: hidden;width: 120px;background-color: #2cbd5e;color: #fff;text-align: center;border-radius: 6px;padding:7px 0;margin-left:-150px;position: absolute;z-index: 1;font-size:0.6em;}
.footer-big,.footer-big > div > a >  p {color:white;font-size:12px;margin-top:0;}
.icon_left{margin-right:3px;width:35%;}
.icon_right{margin-left:3px;width:35%;}
/*.info_card {bottom: 25px;left: 22%;position: absolute;}*/
.container_footer {width:95%;margin:0 auto;}
.footer-small{font-size:12px;color:white;margin:0;}
.social li a {text-transform: uppercase;line-height: 25px;text-decoration: none;color:#4d626c;text-shadow:none;margin:0;font-size:12px;}
.contact_i input {font-size: 18px;min-height: 40px;border-radius: 8px;line-height: 20px;padding: 11px 9px 11px;border: 1px solid #b8c0c2;margin-bottom: 10px;width:80%;}
.contact_i textarea {font-size: 18px;min-height: 40px;border-radius: 8px;line-height: 20px;padding: 12px 9px 12px;border: 1px solid #b8c0c2;margin-bottom: 10px;width:80%;}

.account {padding: .85rem 0;color: #4d626c;background-color: none;box-shadow: inset 0 -1px #bababa;text-align:center;font-size:14px;}

.account > div > img{width:27px;}
.t_left{text-align:left;}
input {
  border-radius: 25px;
	font-size: 17px;
  line-height: 19px;
	padding:16px 5px 14px 50px;
  border: 0px solid #fff;
  margin-bottom:6px;
  font-family: 'Roboto_Light';
  min-height: 40px;
  outline:none;
  }
.mtb > form > img{position:absolute;width:50px;top:6px;left:3.5%;}
.btn-conf {
	border-radius: 25px;
	font-size: 18px;
  line-height: 20px;
	padding:16px 18px 13px 18px;
  border: 0px solid #fff;
  margin-bottom:6px;
  font-family: 'Roboto_regular';
  min-height: 40px;
  margin-top:0px;
	}
  input[type=checkbox].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}
						input[type=checkbox].css-checkbox + label.css-label {
							padding:2px 0 0 28px;
							height:18px;
							display:inline-block;
							line-height:16px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:20px;
							vertical-align:middle;
							cursor:pointer;
              color:#4d626c;

						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -18px;

						}
						label.css-label {
				background-image:url(../img/check1.png);
        background-size:18px;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

 .btn-send-2 {background: transparent;color: white;border:2px solid white;}
 .new_m1 {position:relative;width:320px;background: url(../img/mode1.png) no-repeat top center;height:190px;background-size:100%;margin:30px 0 50px;}
 .new_m2 {position:relative;width:320px;background: url(../img/mode2.png) no-repeat top center;height:190px;background-size:100%;margin:30px 0 50px;}
 .new_m2 > #paypal_checkout{padding-top:68px;}
 .new_m1 p, .new_m2 p{white-space:normal;color: #7f7f7f;}

 .new-top{position:absolute;top:5px;left:0;text-align:center;width:320px;padding:0 10px;font-size:19px;margin-top:7px;}
 .new-bottom{position:absolute;bottom:17px;left:0;text-align:center;width:320px;padding:0 10px;font-size:14px;line-height:14px;}

 .top_title, .top_title_3,.top_title_2 {color: #4d626c;font-family: "Roboto_Light",sans-serif;font-weight: 600;font-size:24px;margin-bottom: 15px;margin-left: -80px;padding-left: 25%;text-align: left;}
 .top_sub_title, .top_sub_title_3, .top_sub_title_2 {color: #4d626c;font-family: "Roboto_Light",sans-serif;font-weight:300;font-size:20px;margin-bottom: 50px;margin-left: -80px;padding-left: 25%;text-align: left;}
 .mb_resume,.mb_pay, .mb_title {font-size:24px;}
 .mb_p {font-size: 20px;}
 .oModal1 > div {max-width: 75%;}
 .oModal2 > div {max-width: 75%;}
  .corps h2 {text-align: center;padding-top:10px;font-size:26px;}
 .mentions {height:70%;font-size:1.5em;text-align:justify;padding: 0 1.5em 10px;overflow: auto;font-family: 'Roboto_Light', sans-serif;font-weight:bold;}
 .bg_loader{width:60px;position:relative;left:50%;margin-left:-30px;top:60px;}
 .bg_loader img{width:60px;position:absolute;top:7px;left:0;}
 .loader {position:absolute;top:7px;left:0; border: 8px solid #ffffff;border-top: 8px solid transparent;border-radius: 50%;width: 60px;height: 60px;animation: spin 2s linear infinite;}
 /***********************************************botcard*******************************************************/
.resume_t > .bot_table{ margin:30px 0 20px;padding:20px;border-top: 2px solid #3ab54a;border-bottom: 2px solid #3ab54a;}
.botcards_resume{background-color: none;box-shadow: inset 0 -1px #bababa;color:#4f4e4e;border-bottom: 1px solid #3ab54a;padding:8px 2px 10px;}
.botcards_resume2{background-color: none;box-shadow: inset 0 -1px #bababa;color:#4f4e4e;padding:8px 2px 10px;border:none;}
 /*.btn-botcards {border-radius: 20px;font-size: 20px;padding: 9px 18px 5px 18px; border: 2px solid whit; margin-top:3%; margin-bottom:6px;background-color:#3ab54a;}*/
.text_left{font-weight:bold;font-size:17px;}
.text_left_light{font-size:17px;}
.text_right{float: right;clear:both;font-size:17px;}
/**************************************************************************************************************/
}
@media screen and (min-width: 471px) and (max-width: 570px) {
.social_sift a {font-family: "Roboto_Light";font-size: 13px;margin-left:2px; margin-right: 2px;}
.social a {font-family: "Roboto_Light";font-size:14px;margin-left:2px;margin-right:2px;}
.success img{width:30%;}
.ptb {padding-bottom: 30px;padding-top: 30px;}
#sep{padding-top:10%;max-height:400px;}
#sep2{height:300px;}
#controls {display:none;}
.screen-small{display:block;}
.screen-big {display:none;}
.annuler_top{color:#e67272;font-size:16px;margin-left:30px;position:absolute;top:15px;right:10px;}
.text_top{position:relative;padding: 0 25px;}
.br_top{display:block;}
#g > .container{width:75%;}
.icons {padding-bottom: 10px;padding-top: 25px;}
#h .logo, #contact .logo {left: 3px;top: 10px;}
.social {right: 10px;top: 10px;}
.social_sift {left: 14%;top: 10px;}
#h .logo > a > img, #contact .logo > a > img, #contact .logo > img {width: 70px;}
.subscribe-input {width: 47%;text-align: left;margin-right: 14px;background-position: 2px center;background-size: 40px;}
#h h1,#sep h1,#sep2 h1{font-size:32px;line-height: 38px;}
.mb_title, .mb_resume, .mb_pay {font-size:22px;}
.mb_p{font-size:18px;}
.mb {font-size:22px;}
.bw {margin:0;color:#2cbd5e;font-weight:bold;font-size:26px;}
#sep h4{font-size:17px;}
.help {font-size:20px;}
.btn-send {
    background-color: #2cbd5e;
    color: white;
}
.help > img {width:88px;}
#h h2, #contact h2{font-size:21px;}
#h h3, #contact h3{font-size:20px;}
input {
border-radius: 25px;font-size: 15px;padding: 12px 3px 12px 42px;border: 0px solid #fff;margin-bottom:0px;line-height: 19px;
outline:none;
}
#phone_number_error{font-family:'Roboto_Light';font-size: 12px;margin-bottom:8px;color:red;}
input[type=checkbox].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=checkbox].css-checkbox + label.css-label {
							padding:2px 0 0 22px;
							height:16px;
							display:inline-block;
							line-height:12px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:18px;
							vertical-align:middle;
							cursor:pointer;
              color:#4d626c;

						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -16px;

						}
						label.css-label {
				background-image:url(../img/check1.png);
        background-size:16px;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
.mtb > form > img{position:absolute;width:40px;top:7px;left:1.8%;}
.btn-conf {border-radius: 25px;font-size: 15px;padding: 12px 14px 12px 14px;border: 0px solid #fff;margin-bottom:0px;line-height: 19px;min-height: 40px;margin-top:-3px;}
.btn-send-2 {background: transparent;color: white;border:2px solid white;}
.home-c {background: rgba(0, 0, 0, 0) url("../img/uk.png") no-repeat scroll center center;height: 140px;padding-top:30px;position: relative;width: 100%;background-size:190px;}
.amount_info{background: url(../img/amount_info.png) no-repeat top center; padding: 4px 12px; background-size:90%; height:140px;}
.amount_info > p{ margin-top:0px;}                                               -
.amount_info_less{height: 140px;background: url(../img/amount_info_less.png) no-repeat top center;background-size:95%;padding: 10px 0px;}
.amount_i {color: #4d626c;font-size: 1.3em;left:50%;top:2%;margin-left:72px;}
.a_arrow > .amount_i {color: #4d626c;font-size: 1.3em;left:50%;top:2%;margin-left:55px;}
.info_val{color:white;font-size:0.8em; width:180px;margin-left: auto;margin-right: auto;clear: both;}
.info_total {clear: both; color: #4d626c;font-weight: bold;margin-left: auto; margin-right: auto; padding-top: 8px;margin-bottom:55px;width: 180px;}
.amount_info_less{height: 130px;background: url(../img/amount_info_less.png) no-repeat top center;background-size:100%;padding: 3px 0px;width:190px;display: inline-block; margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;vertical-align: middle;border: 1px solid transparent;border-radius: 4px;}
.amount_info_less > .info_val{line-height: 25px;color:white;font-size:0.75em; width:170px;margin-left: auto;margin-right: auto;clear: both;font-weight:normal;}
.amount_info_less > .info_total {clear: both; color: #4d626c;font-size:0.8em;font-weight: bold;margin-left: auto; margin-right: auto; padding-top: 0px;margin-bottom:15px;width: 170px;}
.amount_info_less > p {margin:0;}
.vaucher-input {width: 50%;text-align: left;margin-right: 14px; background:transparent;}
.vaucher_i input {font-size: 16px;min-height: 40px;border-radius: 8px;line-height: 20px;padding: 12px 10px 10px;margin-bottom: 10px;color: #b7b7b7;font-family: "Roboto_Light";color: #b7b7b7;font-family: "Roboto_Light";}
.a-off > .amount_i{left:50%;top:2%;margin-left:68px;margin-top:2px;color:#ababab; font-size:1.3em;line-height: 10px;}
.a-off >  p {margin:0;}
.arrow {color: #2cbd5e;font-size: 3.0em;text-align:middle;margin-top:20px;padding-left:6px;}
.add-name {background: transparent none repeat scroll 0 0;margin-right: 0; text-align: left; width: 95%;}
.vaucher label {font-weight: normal;margin-left: 3.5%;}
.btn-add-name {border: 2px solid #2cbd5e; border-radius: 8px; font-size: 22px; margin-bottom: 6px; margin-top: 3%;padding: 6px 0px 8px;}
.details-left {width: 47.5%;text-align: left;margin-right: 2%; background:transparent;}
.details-right {width: 47.5%;text-align: left;margin-left: 2%; background:transparent;}
.btn-details {border-radius: 8px;font-size: 20px;padding: 5px 18px 5px 18px;border: 2px solid #2cbd5e;margin-top:3%;margin-bottom:6px;width:90%;}
.tooltips .tooltiptext {visibility: hidden;width: 120px;background-color: #2cbd5e;color: #fff;text-align: center;border-radius: 6px;padding:7px 0;margin-left:-150px;position: absolute;z-index: 1;font-size:0.6em;}
.footer-big,.footer-big > div > a >  p {color:white;font-size:11px;margin-top:0;}
.icon_left{margin-right:3px;width:35%;}
.icon_right{margin-left:3px;width:35%;}
.head_login{background: linear-gradient(to bottom, #a0a0a0, #a0a0a0, #fff, #fff);background-color:#a0a0a0;border-radius: 15px 15px 0 0;width: 100%;}
.btn-fp {	border-radius: 8px;font-size: 18px;padding: 6px 0px 7px 0px;margin-bottom:6px;width:33%;}
.btn_fb{font-size:24px;}
.btn_fb_off{border-radius: 8px;font-size: 24px;padding: 0px 10px;border: none;margin-top:15px;margin-bottom:15px;width:90%;background-color:#c5c5c5;color:#9c9c9c;}
.btn_fb > div > div > p{font-size: 18px;color:#fff;margin:8px 0;}
.btn_fb_off > div > div > p{font-size: 18px;color:#9c9c9c;margin:8px 0;}
.login .off{background-color:#c5c5c5;border:2px solid #9c9c9c;}
.login input {border: 2px solid black;border-radius: 8px;font-size: 16px;line-height: 20px;margin-bottom: 10px;min-height: 40px;padding: 8px 10px 6px;width: 90%;}
.btn_login {background-color: #2cbd5e;border: medium none;border-radius: 8px;color: white;font-size: 20px;margin-bottom: 0;margin-top: 15px;padding: 7px 10px;width: 90%;}
.btn_reset{border-radius: 8px;font-size: 20px;padding: 7px 10px;border: none;margin-top:15px;margin-bottom:0;width:90%;background-color:#2cbd5e;color:white;}
.container_footer {width:95%;margin:0 auto;}
.footer-small{font-size:11px;color:white;margin:0;}
.social li a {text-transform: uppercase;line-height: 25px;text-decoration: none;color:#4d626c;text-shadow:none;margin:0;font-size:12px;}
.contact_i input {font-size: 18px;min-height: 40px;border-radius: 8px;line-height: 20px;padding: 10px 9px 10px;border: 1px solid #b8c0c2;margin-bottom: 10px;width:90%;}
.contact_i textarea {font-size: 18px;min-height: 40px;border-radius: 8px;line-height: 20px;padding: 10px 9px 10px;border: 1px solid #b8c0c2;margin-bottom: 10px;width:90%;}
.account_annuler {color: #e67272;font-size: 1.6em;left: 50%;margin-left: 70px;position: absolute;top: -8px; z-index: 100;}
.account {padding: .85rem 0;color: #4d626c;background-color: none;box-shadow: inset 0 -1px #bababa;text-align:center;font-size:13px;}
.resume {padding: 1.40rem 0;color: black;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:11px;color:#8f8080;}
.resume1 {padding: 1.40rem 0 0;background-color: none;box-shadow: none;font-weight:normal;font-size:11px;color:#4f4e4e;}
.resume2 {padding: 1.40rem 0;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:10px;color:#bbb4b4;}
.resume3 {padding: 1.0rem 0 1.40rem;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:12px;color:#4f4e4e;}
.resume4 {padding: 1.40rem 0 0;background-color: none;box-shadow: none;font-weight:normal;font-size:12px;color:#4f4e4e;}
.resume_title{padding: .85rem 0 1.85rem;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:bold;font-size:12px;color:#4f4e4e;}
.number{font-weight:bold;font-size:13px;color:#4f4e4e;margin-top:-2px;}
.account > div > img{width:23px;}
.t_left{text-align:left;}
.annuler{position:absolute;top:25%;left:50%;color:#e67272;font-size:20px;margin-left:85px;}
.new_m1 {position:relative;width:320px;background: url(../img/mode1.png) no-repeat top center;height:190px;background-size:100%;margin:30px 0 50px;}
 .new_m2 {position:relative;width:320px;background: url(../img/mode2.png) no-repeat top center;height:190px;background-size:100%;margin:30px 0 50px;}
 .new_m2 > #paypal_checkout{padding-top:62px;}
 .new_m1 p, .new_m2 p{white-space:normal;color: #7f7f7f;}

 .new-top{position:absolute;top:5px;left:0;text-align:center;width:320px;padding:0 10px;font-size:19px;margin-top:7px;}
 .new-bottom{position:absolute;bottom:17px;left:0;text-align:center;width:320px;padding:0 10px;font-size:14px;line-height:14px;}
 .top_title, .top_title_3, .top_title_2 {color: #4d626c;font-family: "Roboto_Light",sans-serif;font-weight: 600;font-size:22px;margin-bottom: 15px;margin-left: -80px;padding-left: 25%;text-align: left;}
 .top_sub_title, .top_sub_title_3, .top_sub_title_2 {color: #4d626c;font-family: "Roboto_Light",sans-serif;font-weight: 300;font-size:18px;margin-bottom: 50px;margin-left: -80px;padding-left: 25%;text-align: left;}
 .oModal1 > div {max-width: 75%;}
 .oModal2 > div {max-width: 75%;}
  .corps h2 {text-align: center;padding-top:10px;font-size:24px;}
 .mentions {height:70%;font-size:1.5em;text-align:justify;padding: 0 1em 10px;overflow: auto;font-family: 'Roboto_Light', sans-serif;font-weight:bold;}
 .bg_loader{width:50px;position:relative;left:50%;margin-left:-25px;top:50px;}
 .bg_loader img{width:50px;position:absolute;top:0px;left:0;}
 .loader {position:absolute;top:0px;left:0; border: 5px solid #ffffff;border-top: 5px solid transparent;border-radius: 50%;width: 50px;height: 50px;animation: spin 2s linear infinite;}
 /***********************************************botcard*******************************************************/
.resume_t > .bot_table{ margin:30px 0 20px;padding:20px;border-top: 2px solid #3ab54a;border-bottom: 2px solid #3ab54a;}
.botcards_resume{background-color: none;box-shadow: inset 0 -1px #bababa;color:#4f4e4e;border-bottom: 1px solid #3ab54a;padding:7px 2px 9px;}
.botcards_resume2{background-color: none;box-shadow: inset 0 -1px #bababa;color:#4f4e4e;padding:7px 2px 9px;border:none;}
 /*.btn-botcards {border-radius: 20px;font-size: 20px;padding: 9px 18px 5px 18px; border: 2px solid whit; margin-top:3%; margin-bottom:6px;background-color:#3ab54a;}*/
.text_left{font-weight:bold;font-size:17px;}
.text_left_light{font-size:17px;}
.text_right{float: right;clear:both;font-size:17px;}
/**************************************************************************************************************/
}

@media screen and (min-width: 425px) and (max-width: 470px) {
.social_sift a {font-family: "Roboto_Light";font-size: 13px;margin-left: 2px;
    margin-right: 2px;}
.social a {font-family: "Roboto_Light";font-size: 13px;margin-left: 2px;
    margin-right: 2px;}
.ptb {padding-bottom: 30px;padding-top: 30px;}
.success img{width:30%;}
#sep{padding-top:10%;max-height:400px;}
#sep2{height:300px;}
#controls {display:none;}
.screen-s{display:block;}
.screen-b {display:none;}
.annuler_top{color:#e67272;font-size:16px;margin-left:30px;position:absolute;top:25px;right:10px;}
.text_top{position:relative;padding: 0 25px;}
.br_top{display:block;}
.icons {padding-bottom: 10px;padding-top: 25px;}
#h h1,#sep h1,#sep2 h1{font-size:30px;line-height: 36px;}
.mb_title, .mb_resume, .mb_pay {font-size:20px;}
.mb_p{font-size:17px;}
.bw {margin:0;color:#2cbd5e;font-weight:bold;font-size:24px;}
#sep h4{font-size:16px;}
.help {font-size:19px;}
.help > img {width:87px;}
#h h2, #contact h2{font-size:19px;}
#h h3, #contact h3{font-size:16px;}
.title h3{margin-bottom:0px;}
.mb{font-size:20px;}
input[type=checkbox].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}
            input[type=checkbox].css-checkbox + label.css-label {
							padding:2px 0 0 22px;
							height:16px;
							display:inline-block;
							line-height:12px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:18px;
							vertical-align:middle;
							cursor:pointer;
              color:#4d626c;
            }
            input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -16px;
            }
						label.css-label {
				    background-image:url(../img/check1.png);
            background-size:16px;
				    -webkit-touch-callout: none;
				    -webkit-user-select: none;
				    -khtml-user-select: none;
				    -moz-user-select: none;
				    -ms-user-select: none;
				    user-select: none;
			}

#h .logo > a > img, #contact .logo > a > img, #contact .logo > img {width: 70px;}
#contact .logo{font-size: 18px;font-weight: 900;left: 10px;position: absolute;text-align: left;top: 20px; }
#h .logo, #contact .logo {top: 10px;left:3px;}
.social {top: 10px;right: 10px;font-size:12px;}
.social_sift {left: 14%;top: 10px;font-size:12px;}
.subscribe-input {width: 46%;text-align: left;margin-right: 14px;background-position: 2px center;background-size: 35px;}
.vaucher_i input {padding: 5px 5px 5px;margin-bottom: 10px; font-size: 15px;color: #b7b7b7;font-family: "Roboto_Light";color: #b7b7b7;font-family: "Roboto_Light";}
.btn-vaucher {font-size: 18px;margin-bottom: 3px; padding:10px 18px 8px;margin-top:-2px;}
.btn-pay {border: 2px solid #2cbd5e;border-radius: 8px;font-size: 18px;margin-bottom: 6px;margin-top: 2%;padding:10px 18px 8px;line-height:20px;}
input {border-radius: 25px;font-size: 14px;padding: 5px 10px 5px 35px;border: 0px solid #fff;margin-bottom:0px;line-height: 18px;
outline:none;}
#phone_number_error{font-family:'Roboto_Light';font-size: 11px;margin-bottom:7px;color:red;}
.mtb > form > img {left: 2.3%;position: absolute;top: 7px;width: 35px;}
.btn-conf {border-radius: 25px;font-size: 14px;padding: 5px 10px 5px 10px;border: 0px solid #fff;margin-bottom:0px;line-height: 18px;min-height: 40px;margin-top:-3px;}
.btn-send {background-color: #2cbd5e;color:white;/*width: 46%;*/}
.btn-send-2 {background: transparent;color: white;border:2px solid white;}
#g > .container{width:85%;}
.home-c {background: rgba(0, 0, 0, 0) url("../img/uk.png") no-repeat scroll center center;height: 140px;padding-top:30px;position: relative;width: 100%;background-size:170px;}
.home_val {color: white;font-size: 2.4em;font-weight: bold;}
.home-c > .amount_type{color:white;font-size:1.4em;font-weight:normal;text-align:center;bottom:20px}
.a_arrow > .amount_c{background: url(../img/amount_grey.png) no-repeat top center;padding: 0px 12px;background-size:100%;height:120px;width:160px;}
.a_arrow > .amount_c:hover, .amount_c:focus {height: 120px;background: url(../img/amount_green.png) no-repeat top center; background-size:100%;width:160px;}
.amount_info{background: url(../img/amount_info.png) no-repeat top center; padding: 0px 0px; background-size:100%; height:120px;width:170px;}
.amount_info > p{ margin-top:0px;}
.amount_info_less{height: 120px;background: url(../img/amount_info_less.png) no-repeat top center;background-size:100%;padding: 3px 0px;width:160px;display: inline-block; margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;vertical-align: middle;border: 1px solid transparent;border-radius: 4px;}
.amount_info_less > .info_val{line-height: 20px;color:white;font-size:0.6em; width:140px;margin-left: auto;margin-right: auto;clear: both;font-weight:normal;margin-top:0;}
.amount_i {color: #4d626c;font-size: 1.2em;left:50%;top:4%;margin-left:62px;}
.a_arrow > .amount_i {color: #4d626c;font-size: 1.2em;left:50%;top:4%;margin-left:39px;}
.a_less{margin-left:-25px;}
.a_less > .amount_type{color:white;font-size:1.4em;font-weight:normal;text-align:center;bottom:16px;margin-top:12px;}
.a_less > .amount_val{font-size:2.2em;font-weight:normal;margin:10px 0 0px;}
.info_val{line-height: 20px;color:white;font-size:0.65em; width:150px;margin-left: auto;margin-right: auto;clear: both;font-weight:normal;}
.info_total {clear: both; color: #4d626c;font-size:0.8em;font-weight: bold;margin-left: auto; margin-right: auto; padding-top: 6px;margin-bottom:30px;width: 150px;}
.amount_info_less > .info_total {clear: both; color: #4d626c;font-size:0.8em;font-weight: bold;margin-left: auto; margin-right: auto; padding-top: 3px;margin-bottom:25px;width: 140px;}
.vaucher-input {width: 50%;text-align: left;margin-right: 14px; background:transparent;}
.a-off{height: 120px; background: url(../img/amount_grey_off.png) no-repeat top center; padding:0px 12px; cursor:default;background-size:100%;width:160px;margin-left:12px;}
.a-off > .amount_i{left:47%;top:3%;margin-left:60px;margin-top:2px;color:#ababab; font-size:1.2em;line-height: 10px;}
.a-off > .amount_val{font-size:2.2em;font-weight:normal;margin:0px;}
.a-off > .amount_type {color:white;font-size:1.4em;font-weight:normal;text-align:center;bottom:16px;margin-top:12px;}
.cercle{position:absolute; top:-5px; left:-5px;width:30px;height:30px;background:#2cbd5e;-moz-border-radius:50px;-webkit-border-radius:50px; border-radius:50px; color:#fff; font-weight:bold; padding-top:7px;font-size:11px;}
.arrow {color: #2cbd5e;font-size: 3em;margin-top:20px;}
.add-name {background: transparent none repeat scroll 0 0;margin-right: 0; text-align: left; width: 95%;}
.vaucher label {font-weight: normal;margin-left: 3.5%;}
.btn-add-name {border: 2px solid #2cbd5e; border-radius: 8px; font-size: 20px; margin-bottom: 6px; margin-top: 3%;padding: 5px 18px 4px;}
.details-left {width: 48%;text-align: left;margin-right: 1.4%; background:transparent;}
.details-right {width: 48%;text-align: left;margin-left:1.4%; background:transparent;}
.btn-details {border-radius: 8px;font-size: 19px;padding: 5px 18px 4px 18px;border: 2px solid #2cbd5e;margin-top:3%;margin-bottom:6px;width:95%;}
.tooltips .tooltiptext {visibility: hidden;width: 120px;background-color: #2cbd5e;color: #fff;text-align: center;border-radius: 6px;padding:7px 0;margin-left:-420%;position: absolute;z-index: 1;font-size:0.6em;}
.cvv_i{margin-top:125px;padding:0;color:#2cbd5e;font-size:1.5em;text-align:left;}
.footer-big{color:white;font-size:14px;margin-top:0;}
.icon_left{margin-right:2px;width:30%;}
.icon_right{margin-left:2px;width:30%;}
.ae_used{position:relative;background: url(../img/ae_used_off.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:120px;width:170px;}
.discover_used{position:relative;background: url(../img/discover_used_off.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:120px;width:170px;}
.visa_used{position:relative;background: url(../img/visa_used_off.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:120px;width:170px;}
.master_used{position:relative;background: url(../img/master_used_off.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:120px;width:170px;}
.ae_used:hover, .ae_used:focus{background: url(../img/ae_used_on.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:120px;width:170px;}
.discover_used:hover, .discover_used:focus{background: url(../img/discover_used_on.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:120px;width:170px;}
.visa_used:hover, .visa_used:focus{background: url(../img/visa_used_on.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:120px;width:170px;}
.master_used:hover, .master_used:focus{background: url(../img/master_used_on.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:120px;width:170px;}
.info_card {bottom:27px;left: 6%;position: absolute;}
.info_card > p {margin:0;color:white;text-align:left;font-size:0.75em; line-height: 12px;}
.new{ background: none; padding: 0;}
.new_p { background: none; padding: 0;}
.new > img {width:170px;}
.new_p > img {width:170px;}
.icon_apps > a > img {width:90px;}
.oModal > div { max-width:80%;position: relative;margin: 1% auto;padding: 8px 8px 8px 8px;border-radius: 5px;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
#h .oModal .head_login .l1 > h3, #h .oModal .head_login .l2 > h3 {font-size:18px;} {font-size:18px;}
.forgot_password{margin:10px 8px;font-size:15px;line-height:22px; }
.fp2{font-size:12px;line-height:15px;}
.head_login{background: linear-gradient(to bottom, #a0a0a0, #a0a0a0, #fff, #fff);background-color:#a0a0a0;border-radius: 15px 15px 0 0;width: 100%;}
.btn-fp {	border-radius: 8px;font-size: 17px;padding: 5px 0px 7px 0px;margin-bottom:6px;width:33%;}
.btn_fb{font-size:22px;}
.btn_fb_off{border-radius: 8px;font-size: 22px;padding: 0px 10px;border: none;margin-top:15px;margin-bottom:15px;width:90%;background-color:#c5c5c5;color:#9c9c9c;}
.btn_fb > div > div > p{font-size: 17px;color:#fff;margin:6px 0;}
.btn_fb_off > div > div > p{font-size: 17px;color:#9c9c9c;margin:6px 0;}
.login .off{background-color:#c5c5c5;border:2px solid #9c9c9c;}
.login input {border: 2px solid black;border-radius: 8px;font-size: 15px;line-height: 20px;margin-bottom: 10px;min-height: 38px;padding: 5px 10px 3px;width: 90%;}
.btn_login {background-color: #2cbd5e;border: medium none;border-radius: 8px;color: white;font-size: 17px;margin-bottom: 0;margin-top: 15px;padding: 7px 10px;width: 90%;}
.btn_reset{border-radius: 8px;font-size: 17px;padding: 7px 10px;border: none;margin-top:15px;margin-bottom:0;width:90%;background-color:#2cbd5e;color:white;}
.corps_login {width: 100%;position: relative;margin:0 auto;padding: 8px 8px 8px 8px; border-radius:none;background:#fff;}
.container_footer {width:95%;margin:0 auto;}
.footer-small{font-size:10px;color:white;margin:0;}
.social li a {text-transform: uppercase;line-height: 25px;text-decoration: none;color:#4d626c;text-shadow:none;margin:0;font-size:12px;}
.contact_i input {font-size: 17px;min-height: 40px;border-radius: 8px;line-height: 20px;padding: 9px 9px 9px;border: 1px solid #b8c0c2;margin-bottom: 10px;width:95%;}
.contact_i textarea {font-size: 17px;min-height: 40px;border-radius: 8px;line-height: 20px;padding: 9px 9px 9px;border: 1px solid #b8c0c2;margin-bottom: 10px;width:95%;}
.account_annuler {color: #e67272;font-size: 1.5em;left: 50%;margin-left: 68px;position: absolute;top: -5px; z-index: 100;}
.account {padding: .85rem 0;color: #4d626c;background-color: none;box-shadow: inset 0 -1px #bababa;text-align:center;font-size:11px;}
.resume {padding: 1.40rem 0;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:10px;color:#4f4e4e;}
.resume1 {padding: 1.40rem 0 0;background-color: none;box-shadow: none;font-weight:normal;font-size:10px;color:#4f4e4e;}
.resume2 {padding: 1.40rem 0;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:9px;color:#bbb4b4;}
.resume3 {padding: 1.0rem 0 1.40rem;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:11px;color:#4f4e4e;}
.resume4 {padding: 1.40rem 0 0;background-color: none;box-shadow: none;font-weight:normal;font-size:11px;color:#4f4e4e;}
.resume_title{padding: .85rem 0 1.85rem;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:bold;font-size:11px;color:#4f4e4e;}
.number{font-weight:bold;font-size:12px;color:#4f4e4e;margin-top:-2px;}
.account > div > img{width:19px;}
.t_left{text-align:left;}
.annuler{position:absolute;top:25%;left:50%;color:#e67272;font-size:20px;margin-left:70px;}
.new_m1 {position:relative;width:300px;background: url(../img/mode1.png) no-repeat top center;height:180px;background-size:100%;margin:30px 0 50px;}
.new_m2 {position:relative;width:300px;background: url(../img/mode2.png) no-repeat top center;height:180px;background-size:100%;margin:30px 0 50px;}
.new_m2 > #paypal_checkout{padding-top:60px;}
.new_m1 p, .new_m2 p{white-space:normal;color: #7f7f7f;}
.new-top{position:absolute;top:4px;left:0;text-align:center;width:300px;padding:0 10px;font-size:18px;margin-top:5px;}
.new-bottom{position:absolute;bottom:14px;left:0;text-align:center;width:300px;padding:0 10px;font-size:13px;line-height:14px;}
.top_title, .top_title_3, .top_title_2 {color: #4d626c;font-family: "Roboto_Light",sans-serif;font-weight: 600;font-size:20px;margin-bottom: 15px;margin-left: -80px;padding-left: 25%;text-align: left;}
.top_sub_title, .top_sub_title_3, .top_sub_title_2 {color: #4d626c;font-family: "Roboto_Light",sans-serif;font-weight: 300;font-size:17px;margin-bottom: 50px;margin-left: -80px;padding-left: 25%;text-align: left;}
.bg_loader{width:60px;position:relative;left:50%;margin-left:-30px;top:50px;}
.bg_loader img{width:60px;position:absolute;top:0;left:0;}
.loader {position:absolute;top:0;left:0;border: 6px solid #ffffff;border-top: 6px solid transparent;border-radius: 50%;width: 60px;height: 60px;animation: spin 2s linear infinite;}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.oModal1 > div {max-width: 85%;}
.oModal2 > div {max-width: 85%;}
  .corps h2 {text-align: center;padding-top:10px;font-size:24px;}
 .mentions {height:70%;font-size:1.5em;text-align:justify;padding: 0 1em 10px;overflow: auto;font-family: 'Roboto_Light', sans-serif;font-weight:bold;}
 .bg_loader{width:50px;position:relative;left:50%;margin-left:-25px;top:50px;}
 .bg_loader img{width:50px;position:absolute;top:0px;left:0;}
 .loader {position:absolute;top:0px;left:0; border: 5px solid #ffffff;border-top: 5px solid transparent;border-radius: 50%;width: 50px;height: 50px;animation: spin 2s linear infinite;}
 /***********************************************botcard*******************************************************/
.resume_t > .bot_table{ margin:30px 0 20px;padding:20px;border-top: 2px solid #3ab54a;border-bottom: 2px solid #3ab54a;}
.botcards_resume{background-color: none;box-shadow: inset 0 -1px #bababa;color:#4f4e4e;border-bottom: 1px solid #3ab54a;padding:7px 2px 9px;}
.botcards_resume2{background-color: none;box-shadow: inset 0 -1px #bababa;color:#4f4e4e;padding:7px 2px 9px;border:none;}
 /*.btn-botcards {border-radius: 20px;font-size: 20px;padding: 9px 18px 5px 18px; border: 2px solid whit; margin-top:3%; margin-bottom:6px;background-color:#3ab54a;}*/
.text_left{font-weight:bold;font-size:17px;}
.text_left_light{font-size:17px;}
.text_right{float: right;clear:both;font-size:17px;}
/**************************************************************************************************************/
}

@media screen and (min-width: 371px) and (max-width: 424px) {
 .social_sift a {font-family: "Roboto_Light";font-size: 11px;margin-left: 1px;
    margin-right: 1px;}
 .social a {font-family: "Roboto_Light";font-size: 11px;margin-left: 1px;
    margin-right: 1px;}
.success img{width:30%;}
 .ptb {padding-bottom: 25px;padding-top: 25px;}
 #sep{padding-top:10%;max-height:400px;}
 #sep2{height:300px;}
 #controls {display:none;}
.screen-s{display:block;}
.screen-b {display:none;}
.annuler_top{color:#e67272;font-size:16px;margin-left:30px;position:absolute;top:25px;right:10px;}
.text_top{position:relative;padding: 0 25px;}
.br_top{display:block;}
.icons {padding-bottom: 10px;padding-top: 25px;}
#h h1,#sep h1,#sep2 h1{font-size:26px;line-height: 32px;}
.title h3{margin-bottom:0px;}
.bw {margin:0;color:#2cbd5e;font-weight:bold;font-size:24px;}
#sep h4{font-size:14px;}
.help {font-size:17px;}
.help > img {width:86px;}
#h h2, #contact h2{font-size:19px;}
#h h3, #contact h3{font-size:16px;}
.mb_title,.mb_resume,.mb_pay {font-size:20px;}
.mb_p{font-size:17px;}
.mb{font-size:18px;}
input[type=checkbox].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=checkbox].css-checkbox + label.css-label {
							padding:2px 0 0 22px;
							height:15px;
							display:inline-block;
							line-height:11px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:17px;
							vertical-align:middle;
							cursor:pointer;
              color:#4d626c;

						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -15px;

						}
						label.css-label {
				background-image:url(../img/check1.png);
        background-size:15px;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

#h .logo > a > img, #contact .logo > a > img, #contact .logo > img {width: 70px;}

#h .logo, #contact .logo {top: 10px;left:3px;}
.social {top: 10px;right: 10px;font-size:12px;}
.social_sift {left: 15%;top: 10px;font-size:12px;}
.social_sift a{margin:0 0 0 10px;}
.subscribe-input {width: 46%;text-align: left;margin-right: 14px;background-position: 2px center;background-size: 35px;}
.vaucher_i input {padding: 5px 5px 5px;margin-bottom: 10px; font-size: 14px;color: #b7b7b7;font-family: "Roboto_Light";color: #b7b7b7;font-family: "Roboto_Light";}
.btn-vaucher {font-size: 18px;margin-bottom: 3px; padding:9px 18px 9px;margin-top:0px;}
.btn-pay {border: 2px solid #2cbd5e;border-radius: 8px;font-size: 18px;margin-bottom: 6px;margin-top: 2%;padding:9px 18px 9px;line-height:20px;}
input {border-radius: 25px;font-size: 13px;padding: 5px 8px 5px 35px;border: 0px solid #fff;margin-bottom:0px;line-height: 18px;outline:none;}
#phone_number_error{font-family:'Roboto_Light';font-size: 10px;margin-bottom:7px;color:red;}
.mtb > form > img {left: 2%;position: absolute;top: 7px;width: 35px;}
.btn-conf {border-radius: 25px;font-size: 13px;padding: 5px 8px 5px 8px;border: 0px solid #fff;margin-bottom:0px;line-height: 18px;min-height: 40px;margin-top:-3px;}
.btn-send-2 {background: transparent;color: white;border:2px solid white;}

.amount_c{background: url(../img/amount_grey.png) no-repeat top center;padding: 0px 12px;background-size:100%;height:120px;width:150px;}
.home-c {background: rgba(0, 0, 0, 0) url("../img/uk.png") no-repeat scroll center center;height: 140px;padding-top:38px;position: relative;width: 100%;background-size:150px;}
.home_val {color: white;font-size: 2.0em;font-weight: bold;}
.home-c > .amount_type{color:white;font-size:1.0em;font-weight:normal;text-align:center;bottom:20px}
.amount_c:hover, .amount_c:focus {height: 120px;background: url(../img/amount_green.png) no-repeat top center; background-size:100%;width:150px;}
.a_arrow > .amount_c{background: url(../img/amount_grey.png) no-repeat top center;padding: 0px 12px;background-size:100%;height:120px;width:140px;}
.a_arrow > .amount_c:hover, .amount_c:focus {height: 120px;background: url(../img/amount_green.png) no-repeat top center; background-size:100%;width:140px;}
.amount_info{background: url(../img/amount_info.png) no-repeat top center; padding: 0px 0px; background-size:100%; height:120px;width:150px;}
.amount_info > p{ margin-top:0px;}
.amount_info_less{height: 120px;background: url(../img/amount_info_less.png) no-repeat top center;background-size:100%;padding: 3px 0px;width:140px;display: inline-block; margin-bottom: 0;font-size: 11px;font-weight: normal;line-height: 1.42857143;text-align: center;vertical-align: middle;border: 1px solid transparent;border-radius: 4px;}
.amount_info_less > .info_val{line-height: 17px;color:white;font-size:0.6em; width:120px;margin-left: auto;margin-right: auto;clear: both;font-weight:normal;margin-top:0px;}
.amount_info_less > .info_total {clear: both; color: #4d626c;font-size:0.75em;font-weight: bold;margin-left: auto; margin-right: auto; padding-top: 8px;margin-bottom:40px;width: 120px;}
.amount_i {color: #4d626c;font-size: 1.0em;left:50%;top:4%;margin-left:55px;}
.amount_val{color:#4d626c;font-size:1.9em;font-weight:normal;margin:0px 0 12px;}
.amount_type{color:white;font-size:1.3em;font-weight:normal;text-align:center;margin-top:9px;}
.info_val{line-height: 17px;color:white;font-size:0.6em; width:135px;margin-left: auto;margin-right: auto;clear: both;font-weight:normal;}
.info_total {clear: both; color: #4d626c;font-size:0.75em;font-weight: bold;margin-left: auto; margin-right: auto; padding-top: 8px;margin-bottom:40px;width: 135px;}
.a_arrow > .amount_i{left:44%;top:2%;margin-left:45px;margin-top:3px;color:#4d626c; font-size:1.0em;line-height: 10px;}
.a_less > .amount_val{font-size:2.1em;font-weight:normal;margin:0 0 10px;}
.a_less > .amount_type {color:white;font-size:1.0em;font-weight:normal;text-align:center;margin-bottom:20px;}
.vaucher-input {width: 50%;text-align: left;margin-right: 14px; background:transparent;}
.a-off{height: 120px; background: url(../img/amount_grey_off.png) no-repeat top center; padding:0px 12px; cursor:default;background-size:100%;width:140px;}
.a-off > .amount_i{left:44%;top:2%;margin-left:55px;margin-top:3px;color:#ababab; font-size:1.0em;line-height: 10px;}
.a-off > .amount_val{font-size:2.1em;font-weight:normal;margin:0 0 10px;}
.a-off > .amount_type {color:white;font-size:1.0em;font-weight:normal;text-align:center;margin-bottom:20px;}
.cercle{position:absolute; top:-5px; left:-5px;width:30px;height:30px;background:#2cbd5e;-moz-border-radius:50px;-webkit-border-radius:50px; border-radius:50px; color:#fff; font-weight:bold; padding-top:7px;font-size:11px;}
.arrow {color: #2cbd5e;font-size: 2.7em;padding-left:3px;margin-top:10px;}
#g > .container{width:90%;}
.add-name {background: transparent none repeat scroll 0 0;margin-right: 0; text-align: left; width: 95%;}
.btn-add-name {border: 2px solid #2cbd5e; border-radius: 8px; font-size: 20px; margin-bottom: 6px; margin-top: 3%;padding: 5px 18px 4px;}
.vaucher label {font-weight: normal;margin-left: 3.5%;}

.details-left {width: 48%;text-align: left;margin-right: 1.4%; background:transparent;}
.details-right {width: 48%;text-align: left;margin-left:1.4%; background:transparent;}
.btn-details {border-radius: 8px;font-size: 20px;padding: 5px 18px 4px 18px;border: 2px solid #2cbd5e;;margin-top:3%;margin-bottom:6px;width:100%;}
.tooltips .tooltiptext {visibility: hidden;width: 120px;background-color: #2cbd5e;color: #fff;text-align: center;border-radius: 6px;padding:7px 0;margin-left:-500%;position: absolute;z-index: 1;font-size:0.6em;}
.cvv_i{margin-top:125px;padding:0;color:#2cbd5e;font-size:1.5em;text-align:left;}
.footer-big {color:white;font-size:13px;margin-top:0;}
.icon_left{margin-right:2px;width:30%;}
.icon_right{margin-left:2px;width:30%;}

.ae_used{position:relative;background: url(../img/ae_used_off.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:150px;}
.discover_used{position:relative;background: url(../img/discover_used_off.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:150px;}
.visa_used{position:relative;background: url(../img/visa_used_off.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:150px;}
.master_used{position:relative;background: url(../img/master_used_off.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:150px;}

.ae_used:hover, .ae_used:focus{background: url(../img/ae_used_on.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:150px;}
.discover_used:hover, .discover_used:focus{background: url(../img/discover_used_on.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:150px;}
.visa_used:hover, .visa_used:focus{background: url(../img/visa_used_on.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:150px;}
.master_used:hover, .master_used:focus{background: url(../img/master_used_on.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:150px;}
.info_card {bottom: 17px;left: 6%;position: absolute;}
.info_card > p {margin:0;color:white;text-align:left;font-size:0.65em; line-height: 12px;}
.new{ background: none; padding: 0;}
.new_p { background: none; padding: 0;}
.new > img {width:150px;}
.new_p > img {width:150px;}
.icon_apps > a > img {width:90px;}

.oModal > div { max-width:80%;position: relative;margin: 1% auto;padding: 8px 8px 8px 8px;border-radius: 5px;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
#h .oModal .head_login .l1 > h3, #h .oModal .head_login .l2 > h3 {font-size:18px;} {font-size:18px;}
.forgot_password{margin:10px 8px;font-size:14px;line-height:21px; }
.fp2{font-size:11px;line-height:14px;margin:10px 16px;}
.head_login{background: linear-gradient(to bottom, #a0a0a0, #a0a0a0, #fff, #fff);background-color:#a0a0a0;border-radius: 15px 15px 0 0;width: 100%;}
.btn-fp {	border-radius: 8px;font-size: 15.5px;padding: 7px 0px 7px 0px;margin-bottom:6px;width:34%;}
.btn_fb{font-size:22px;}

.btn_fb_off{border-radius: 8px;font-size: 22px;padding: 0px 10px;border: none;margin-top:15px;margin-bottom:15px;width:90%;background-color:#c5c5c5;color:#9c9c9c;}
.btn_fb > div > div > p{font-size: 17px;color:#fff;margin:6px 0;}
.btn_fb_off > div > div > p{font-size: 17px;color:#9c9c9c;margin:6px 0;}
.login .off{background-color:#c5c5c5;border:2px solid #9c9c9c;}
.login input {border: 2px solid black;border-radius: 8px;font-size: 15px;line-height: 20px;margin-bottom: 10px;min-height: 38px;padding: 5px 10px 3px;width: 90%;}
.btn_login {background-color: #2cbd5e;border: medium none;border-radius: 8px;color: white;font-size: 17px;margin-bottom: 0;margin-top: 15px;padding: 7px 10px;width: 90%;}
.btn_reset{border-radius: 8px;font-size: 17px;padding: 7px 10px;border: none;margin-top:15px;margin-bottom:0;width:90%;background-color:#2cbd5e;color:white;}
.corps_login {width: 100%;position: relative;margin:0 auto;padding: 8px 8px 8px 8px; border-radius:none;background:#fff;}
.container_footer {width:95%;margin:0 auto;}
.footer-small{font-size:8px;color:white;margin:0;}

.social li a {text-transform: uppercase;line-height: 25px;text-decoration: none;color:#4d626c;text-shadow:none;margin:0;font-size:12px;}
.contact_i input {font-size: 17px;min-height: 40px;border-radius: 8px;line-height: 20px;padding: 9px 9px 9px;border: 1px solid #b8c0c2;margin-bottom: 10px;width:100%;}
.contact_i textarea {font-size: 17px;min-height: 40px;border-radius: 8px;line-height: 20px;padding: 9px 9px 9px;border: 1px solid #b8c0c2;margin-bottom: 10px;width:100%;}

.account_annuler {color: #e67272;font-size: 1.3em;left: 50%;margin-left: 60px;position: absolute;top: -5px; z-index: 100;}
.account {padding: .85rem 0;color: #4d626c;background-color: none;box-shadow: inset 0 -1px #bababa;text-align:center;font-size:10px;}
.resume_t > .resume_table{margin:30px 0 20px;border:solid 1px #bdc4c6;padding:10px;}
.resume {padding: 1.40rem 0;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:9px;color:#4f4e4e;}
.resume1 {padding: 1.40rem 0 0;background-color: none;box-shadow: none;font-weight:normal;font-size:9px;color:#4f4e4e;}
.resume2 {padding: 1.40rem 0;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:8px;color:#bbb4b4;}
.resume3 {padding: 1.0rem 0 1.40rem;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:10px;color:#4f4e4e;}
.resume4 {padding: 1.40rem 0 0;background-color: none;box-shadow: none;font-weight:normal;font-size:10px;color:#4f4e4e;}
.resume_title{padding: .85rem 0 1.85rem;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:bold;font-size:10px;color:#4f4e4e;}
.number{font-weight:bold;font-size:11px;color:#4f4e4e;margin-top:-2px;}
.account > div > img{width:17px}
.t_left{text-align:left;}
.annuler{
  position:absolute;
  top:25%;
  left:50%;
  color:#e67272;
  font-size:18px;
  margin-left:60px;
}
.new_m1 {position:relative;width:300px;background: url(../img/mode1.png) no-repeat top center;height:180px;background-size:100%;margin:30px 0 50px;}
 .new_m2 {position:relative;width:300px;background: url(../img/mode2.png) no-repeat top center;height:180px;background-size:100%;margin:30px 0 50px;}
.new_m2 > #paypal_checkout{padding-top:60px;}
 .new_m1 p, .new_m2 p{white-space:normal;color: #7f7f7f;}
 .new-top{position:absolute;top:4px;left:0;text-align:center;width:300px;padding:0 10px;font-size:18px;margin-top:5px;}
 .new-bottom{position:absolute;bottom:5px;left:0;text-align:center;width:300px;padding:0 10px;font-size:13px;line-height:13px;}
 .top_title, .top_title_3, .top_title_2 {color: #4d626c;font-family: "Roboto_Light",sans-serif;font-weight: 600;font-size:20px;margin-bottom: 15px;margin-left: -70px;padding-left: 25%;text-align: left;}
 .top_sub_title, .top_sub_title_3, .top_sub_title_2 {color: #4d626c;font-family: "Roboto_Light",sans-serif;font-weight: 300;font-size:17px;margin-bottom: 50px;margin-left: -70px;padding-left: 25%;text-align: left;}
  .bg_loader{width:50px;position:relative;left:50%;margin-left:-25px;top:30px;}
.bg_loader img{width:50px;position:absolute;top:0;left:0;}
.loader {
    position:absolute;top:0;left:0;
    border: 6px solid #ffffff; /* Light grey */
    border-top: 6px solid transparent; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
}
.oModal1 > div {max-width: 85%;}
.oModal2 > div {max-width: 85%;}
  .corps h2 {text-align: center;padding-top:10px;font-size:20px;}
 .mentions {height:70%;font-size:1.5em;text-align:justify;padding: 0 1em 10px;overflow: auto;font-family: 'Roboto_Light', sans-serif;font-weight:bold;}
 .success img{width:30%;}
 .bg_loader{width:40px;position:relative;left:50%;margin-left:-20px;top:40px;}
 .bg_loader img{width:40px;position:absolute;top:10px;left:0;}
 .loader {position:absolute;top:10px;left:0; border: 4px solid #ffffff;border-top: 4px solid transparent;border-radius: 50%;width: 40px;height: 40px;animation: spin 2s linear infinite;}
 /***********************************************botcard*******************************************************/
.resume_t > .bot_table{ margin:30px 0 20px;padding:20px;border-top: 2px solid #3ab54a;border-bottom: 2px solid #3ab54a;}
.botcards_resume{background-color: none;box-shadow: inset 0 -1px #bababa;color:#4f4e4e;border-bottom: 1px solid #3ab54a;padding:7px 2px 9px;}
.botcards_resume2{background-color: none;box-shadow: inset 0 -1px #bababa;color:#4f4e4e;padding:7px 2px 9px;border:none;}
 /*.btn-botcards {border-radius: 20px;font-size: 20px;padding: 9px 18px 5px 18px; border: 2px solid whit; margin-top:3%; margin-bottom:6px;background-color:#3ab54a;}*/
.text_left{font-weight:bold;font-size:17px;}
.text_left_light{font-size:17px;}
.text_right{float: right;clear:both;font-size:17px;}
/**************************************************************************************************************/
}

@media screen and (min-width: 321px) and (max-width: 370px) {
 .social_sift a {font-family: "Roboto_Light";font-size: 11px;letter-spacing: 0px;margin-left: 1px;
    margin-right: 1px;}
 .social a {font-family: "Roboto_Light";font-size: 11px;letter-spacing: 0px;margin-left: 1px;
    margin-right: 1px;}
 .ptb {padding-bottom: 25px;padding-top: 25px;}
 #sep{padding-top:10%;max-height:400px;}
 #sep2{height:300px;}
 #controls {display:none;}
.screen-s{display:block;}
.screen-b {display:none;}
.annuler_top{color:#e67272;font-size:16px;margin-left:30px;position:absolute;top:25px;right:10px;}
.text_top{position:relative;padding: 0 25px;}
.br_top{display:block;}
.icons {padding-bottom: 10px;padding-top: 25px;}
#h h1, #sep h1,#sep2 h1{font-size:24px;line-height: 30px;}
.title h3{margin-bottom:0px;}
.bw {margin:0;color:#2cbd5e;font-weight:bold;font-size:20px;}
#sep h4 {font-size:14px;}
.help{font-size:17px;}
.help > img {width:82px;}
#h h2, #contact h2{font-size:18px;}
#h h3, #contact h3{font-size:16px;}
.mb_title,.mb_resume,.mb_pay {font-size:18px;}
.mb_p{font-size:16px;}
.mb{font-size:17px;}
#h .logo > a > img, #contact .logo > a > img, #contact .logo > img {width: 50px;}
#h .logo, #contact .logo {top: 10px;left:3px;}
.social {top: 5px;right: 10px;font-size:11px;}
.social_sift {left: 15%;top: 5px;font-size:11px;}
.social_sift a{margin:0 0 0 10px;}
.subscribe-input {width: 48%;text-align: left;margin-right: 5px;background-position: 0px center;background-size: 35px;}
.vaucher_i input {padding: 5px 5px 5px;margin-bottom: 10px; font-size: 13px;color: #b7b7b7;font-family: "Roboto_Light";color: #b7b7b7;font-family: "Roboto_Light";}
.btn-vaucher {font-size: 17px;margin-bottom: 3px; padding:9px 18px 9px;margin-top:0px;}
.btn-pay {border: 2px solid #2cbd5e;border-radius: 8px;font-size: 17px;line-height: 20px;margin-bottom: 6px;margin-top: 2%;padding: 9px 18px;}
input {border-radius: 25px;font-size: 12px;padding: 5px 8px 5px 33px;border: 0px solid #fff;margin-bottom:0px;line-height: 17px;outline:none;}
#phone_number_error{font-family:'Roboto_Light';font-size: 9px;margin-bottom:6px;color:red;}
.mtb > form > img {left: 1.6%;position: absolute;top: 9px;width: 30px;}
.btn-conf {border-radius: 25px;font-size: 12px;padding: 5px 8px 5px 8px;border: 0px solid #fff;margin-bottom:0px;line-height: 17px;min-height: 40px;margin-top:-3px;}
 input[type=checkbox].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=checkbox].css-checkbox + label.css-label {
							padding:2px 0 0 22px;
							height:15px;
							display:inline-block;
							line-height:11px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:17px;
							vertical-align:middle;
							cursor:pointer;
              color:black;
						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -15px;
						}
						label.css-label {
				background-image:url(../img/check1.png);
        background-size:15px;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
.amount_c{background: url(../img/amount_grey.png) no-repeat top center;padding: 0px 12px;background-size:100%;height:110px;width:140px;}
.home-c {background: rgba(0, 0, 0, 0) url("../img/uk.png") no-repeat scroll center center;height: 140px;padding-top:38px;position: relative;width: 100%;background-size:150px;}
.home_val {color: white;font-size: 2.0em;font-weight: bold;}
.home-c > .amount_type{color:white;font-size:1.0em;font-weight:normal;text-align:center;bottom:20px}
.amount_c:hover, .amount_c:focus {height: 110px;background: url(../img/amount_green.png) no-repeat top center; background-size:100%;width:140px;}
.amount_info{background: url(../img/amount_info.png) no-repeat top center; padding: 0px 0px; background-size:100%; height:110px;width:100%;width:140px;}
.amount_info > p{ margin-top:0px;}
.amount_info_less{margin-left:-15px;height: 110px;background: url(../img/amount_info_less.png) no-repeat top center;background-size:100%;padding: 0px 0px;width:125px;display: inline-block; margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;vertical-align: middle;border: 1px solid transparent;border-radius: 4px;}
.a-off{margin-left:5px;height: 110px; background: url(../img/amount_grey_off.png) no-repeat top center; padding:0px 12px; cursor:default;background-size:100%;width:125px;}
.a_less {width:125px;margin-left:-20px;}
.a_less:hover, .a_less:focus {height: 110px;background: url(../img/amount_green.png) no-repeat top center; background-size:100%;width:125px;}
.amount_info_less > .info_val{line-height: 15px;color:white;font-size:0.45em; width:110px;margin-left: auto;margin-right: auto;clear: both;padding-top:1px;margin-top:5px;}
.amount_info_less > .info_total {clear: both; color: black;font-size:0.7em;font-weight: bold;margin-left: auto; margin-right: auto; padding-top: 2px;margin-bottom:40px;width: 110px;}
.amount_i {color: black;font-size: 1.0em;left:50%;margin-left:51px;}
.col-xs-5 .amount_i {color: black;font-size: 1.0em;left:50%;margin-left:30px;}
.a_less > .amount_i {color: black;font-size: 1.0em;}
.amount_val{color:black;font-size:1.8em;font-weight:normal;margin:2px 0 10px;}
.amount_type{color:white;font-size:1.2em;font-weight:normal;text-align:center;margin-top:9px;}
.a_less > .amount_val{color:black;font-size:1.8em;font-weight:normal;margin:0px 0 3px;}
.a_less > .amount_type{color:white;font-size:1.0em;font-weight:normal;text-align:center;margin: 0 0 16px;}
.info_val{line-height: 17px;color:white;font-size:0.55em; width:125px;margin-left: auto;margin-right: auto;clear: both;}
.info_total {clear: both; color: black;font-size:0.7em;font-weight: bold;margin-left: auto; margin-right: auto; padding-top: 6px;margin-bottom:40px;width: 125px;}
.vaucher-input {width: 50%;text-align: left;margin-right: 14px; background:transparent;}
.a-off > .amount_i{left:50%;margin-left:42px;top:2%;color:#ababab; font-size:1.0em;line-height: 10px;margin-top:0;}
.a-off > .amount_val{font-size:1.8em;font-weight:normal;margin:0px 0 3px;}
.a-off > .amount_type {color:white;font-size:1.0em;font-weight:normal;text-align:center;margin: 0 0 16px;}
.cercle{position:absolute; top:-5px; left:-5px;width:25px;height:25px;background:#2cbd5e;-moz-border-radius:25px;-webkit-border-radius:25px; border-radius:25px; color:#fff; font-weight:bold; padding-top:7px;font-size:8px;}
.arrow {color: #2cbd5e;font-size: 2.0em;margin-top:10px;}
.add-name {background: transparent none repeat scroll 0 0;margin-right: 0; text-align: left; width: 95%;}
.vaucher label {font-weight: normal;margin-left: 3.5%;}
.btn-add-name {border: 2px solid #2cbd5e; border-radius: 8px; font-size: 20px; margin-bottom: 6px; margin-top: 3%;padding: 6px 18px 3px;}
.details-left {width: 47.5%;text-align: left;margin-right: 1%; background:transparent;}
.details-right {width: 47.5%;text-align: left;margin-left:1%; background:transparent;}
.btn-details {border-radius: 8px;font-size: 20px;padding: 5px 18px 4px 18px;border: 2px solid #2cbd5e;;margin-top:3%;margin-bottom:6px;width:100%;}
.tooltips .tooltiptext {visibility: hidden;width: 120px;background-color: #2cbd5e;color: #fff;text-align: center;border-radius: 6px;padding:7px 0;margin-left:-500%;position: absolute;z-index: 1;font-size:0.6em;}
.cvv_i{margin-top:125px;padding:0;color:#2cbd5e;font-size:1.5em;text-align:left;}
.footer-big,.footer-big > div > a >  p {color:white;font-size:12px;margin-top:0;}
.icon_left{margin-right:1px;width:25%;}
.icon_right{margin-left:1px;width:25%;}

.ae_used{position:relative;background: url(../img/ae_used_off.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:140px;}
.discover_used{position:relative;background: url(../img/discover_used_off.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:140px;}
.visa_used{position:relative;background: url(../img/visa_used_off.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:140px;}
.master_used{position:relative;background: url(../img/master_used_off.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:140px;}

.ae_used:hover, .ae_used:focus{background: url(../img/ae_used_on.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:140px;}
.discover_used:hover, .discover_used:focus{background: url(../img/discover_used_on.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:140px;}
.visa_used:hover, .visa_used:focus{background: url(../img/visa_used_on.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:140px;}
.master_used:hover, .master_used:focus{background: url(../img/master_used_on.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:140px;}
.info_card {bottom: 22px;left: 6%;position: absolute;}
.info_card > p {margin:0;color:white;text-align:left;font-size:0.65em; line-height: 12px;}

.new{ background: none; padding: 0 0 10px;}
.new_p { background: none; padding: 0;}
.new > img {width:140px;}
.new_p > img {width:140px;}
.icon_apps > a > img {width:90px;}
 #g > .container{width:90%;}
.oModal > div { max-width:90%;position: relative;margin: 1% auto;padding: 8px 8px 8px 8px;border-radius: 5px;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
#h .oModal .head_login .l1 > h3, #h .oModal .head_login .l2 > h3 {font-size:16px;} {font-size:18px;}
.forgot_password{margin:10px 8px;font-size:14px;line-height:21px; }
.fp2{font-size:11px;line-height:14px;margin:10px 8px;}
.head_login{background: linear-gradient(to bottom, #a0a0a0, #a0a0a0, #fff, #fff);background-color:#a0a0a0;border-radius: 15px 15px 0 0;width: 100%;}
.login > .fp_input { background: transparent none repeat scroll 0 0; margin-right: 3.8%;text-align: left;width: 58%;}
.btn-fp {	border-radius: 8px;font-size: 15px;padding: 5px 0px 5px 0px;margin-bottom:4px;width:33%;}
.btn_fb{font-size:19px;width:95%;margin:5px 0;}
.btn_fb > div > div > p{font-size: 15px;color:white;margin:4px 0;}
.btn_fb_off{border-radius: 8px;font-size: 18px;padding: 0px 10px;border: none;margin-top:15px;margin-bottom:15px;width:95%;background-color:#c5c5c5;color:#9c9c9c;}
.btn_fb_off > div > div > p{font-size: 15px;color:#9c9c9c;margin:4px 0;}
.login .off{background-color:#c5c5c5;border:2px solid #9c9c9c;}
.login input {border: 2px solid black;border-radius: 8px;font-size: 14px;line-height: 20px;margin-bottom: 10px;min-height: 34px;padding: 5px 10px 3px;width: 95%;}
.btn_login {background-color: #2cbd5e;border: medium none;border-radius: 8px;color: white;font-size: 15px;margin-bottom: 0;margin-top: 8px;padding: 7px 10px 6px;width: 95%;}
.btn_reset{border-radius: 8px;font-size: 15px;padding: 7px 10px;border: none;margin-top:15px;margin-bottom:0;width:95%;background-color:#2cbd5e;color:white;}
.fp {font-size:15px;margin:8px;}
.login {margin-top: 5px;}
.container_footer {width:95%;margin:0 auto;}
.footer-small{font-size:7px;color:white;margin:0;}
.social li a {text-transform: uppercase;line-height: 25px;text-decoration: none;color:black;text-shadow:none;margin:0;font-size:12px;}
.contact_i input {font-size: 16px;min-height: 40px;border-radius: 8px;line-height: 20px;padding: 8px 7px 8px;border: 1px solid #b8c0c2;margin-bottom: 10px;width:100%;}
.contact_i textarea {font-size: 16px;min-height: 40px;border-radius: 8px;line-height: 20px;padding: 8px 7px 8px;border: 1px solid #b8c0c2;margin-bottom: 10px;width:100%;}
.account_annuler {color: #e67272;font-size: 1.3em;left: 50%;margin-left: 55px;position: absolute;top: -5px; z-index: 100;}
.account {padding: .85rem 0;color: black;background-color: none;box-shadow: inset 0 -1px #bababa;text-align:center;font-size:8px;}
.resume_t > .resume_table{margin:30px 0 20px;border:solid 1px #bdc4c6;padding:5px;}
.resume {padding: 1.40rem 0;color: black;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:8px;color:#4f4e4e;}
.resume1 {padding: 1.40rem 0 0;color: black;background-color: none;box-shadow: none;font-weight:normal;font-size:8px;color:#4f4e4e;}
.resume2 {padding: 1.40rem 0;color: black;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:7px;color:#bbb4b4;}
.resume3 {padding: 1.0rem 0 1.40rem;color: black;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:9px;color:#4f4e4e;}
.resume4 {padding: 1.40rem 0 0;color: black;background-color: none;box-shadow: none;font-weight:normal;font-size:9px;color:#4f4e4e;}
.resume_title{padding: .85rem 0 1.85rem;color: black;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:bold;font-size:9px;color:#4f4e4e;}
.number{font-weight:bold;font-size:9px;color:#4f4e4e;margin-top:-1px;}
.account > div > img{width:14px}
.t_left{text-align:left;}
.annuler{position:absolute;top:25%;left:50%;color:#e67272;font-size:16px;margin-left:55px;}
.btn-send-2 {background: transparent;color: white;border:2px solid white;}
.new_m1 {position:relative;width:280px;background: url(../img/mode1.png) no-repeat top center;height:165px;background-size:100%;margin:30px 0 50px;}
 .new_m2 {position:relative;width:280px;background: url(../img/mode2.png) no-repeat top center;height:165px;background-size:100%;margin:30px 0 50px;}
.new_m2 > #paypal_checkout{padding-top:55px;}
 .new_m1 p, .new_m2 p{white-space:normal;color: #7f7f7f;}
 .new-top{position:absolute;top:3px;left:0;text-align:center;width:280px;padding:0 10px;font-size:17px;margin-top:3px;}
 .new-bottom{position:absolute;bottom:0px;left:0;text-align:center;width:280px;padding:0 10px;font-size:12px;line-height:12px;}
 .top_title, .top_title_3, .top_title_2 {color: black;font-family: "Roboto_Light",sans-serif;font-weight: 600;font-size:18px;margin-bottom: 15px;margin-left: -65px;padding-left: 25%;text-align: left;}
 .top_sub_title, .top_sub_title_3, .top_sub_title_2 {color: black;font-family: "Roboto_Light",sans-serif;font-weight: 300;font-size:16px;margin-bottom: 50px;margin-left: -65px;padding-left: 25%;text-align: left;}
.oModal1 > div {max-width: 85%;}
.oModal2 > div {max-width: 85%;}
  .corps h2 {text-align: center;padding-top:10px;font-size:18px;}
 .mentions {height:70%;font-size:1.5em;text-align:justify;padding: 0 1em 10px;overflow: auto;font-family: 'Roboto_Light', sans-serif;font-weight:bold;}
 .success img{width:30%;}
 .bg_loader{width:30px;position:relative;left:50%;margin-left:-15px;top:30px;}
 .bg_loader img{width:30px;position:absolute;top:19px;left:0;}
 .loader {position:absolute;top:19px;left:0; border: 3px solid #ffffff;border-top: 3px solid transparent;border-radius: 50%;width: 30px;height: 30px;animation: spin 2s linear infinite;}
 /***********************************************botcard*******************************************************/
.resume_t > .bot_table{ margin:30px 0 20px;padding:20px;border-top: 2px solid #3ab54a;border-bottom: 2px solid #3ab54a;}
.botcards_resume{background-color: none;box-shadow: inset 0 -1px #bababa;color:#4f4e4e;border-bottom: 1px solid #3ab54a;padding:5px 2px 7px;}
.botcards_resume2{background-color: none;box-shadow: inset 0 -1px #bababa;color:#4f4e4e;padding:5px 2px 7px;border:none;}
 /*.btn-botcards {border-radius: 20px;font-size: 20px;padding: 9px 18px 5px 18px; border: 2px solid whit; margin-top:3%; margin-bottom:6px;background-color:#3ab54a;}*/
.text_left{font-weight:bold;font-size:16px;}
.text_left_light{font-size:16px;}
.text_right{float: right;clear:both;font-size:16px;}
/**************************************************************************************************************/
 }

 @media screen and (max-width: 320px) {
 .social_sift a {font-family: "Roboto_Light";font-size: 10px;letter-spacing: 0px;margin-left: 1px;
    margin-right: 1px;}
 .social a {font-family: "Roboto_Light";font-size: 10px;letter-spacing: 0px;margin-left: 1px;
    margin-right: 1px;}
 .ptb {padding-bottom: 20px;padding-top: 20px;}
 #sep{padding-top:10%;max-height:400px;}
   #sep2{height:300px;}
 #controls {display:none;}
.screen-s{display:block;}
.screen-b {display:none;}
.annuler_top{color:#e67272;font-size:16px;margin-left:30px;position:absolute;top:25px;right:10px;}
.text_top{position:relative;padding: 0 25px;}
.br_top{display:block;}
.icons {padding-bottom: 10px;padding-top: 25px;}
#h h1,#sep h1,#sep2 h1{font-size:24px;line-height: 30px;}
.title h3{margin-bottom:0px;}
.bw {margin:0;color:#2cbd5e;font-weight:bold;font-size:18px;}
#sep h4 {font-size:14px;}
.help{font-size:17px;}
.help > img {width:78px;}
#h h2, #contact h2{font-size:18px;}
#h h3, #contact h3{font-size:16px;}
.mb_title,.mb_resume, .mb_pay {font-size:18px;}
.mb_p{font-size:16px;}
.mb{font-size:17px;}
#h .logo > a > img, #contact .logo > a > img, #contact .logo > img {width: 45px;}
#h .logo, #contact .logo {top: 10px;left:3px;}
.social {top: 5px;right: 10px;font-size:10px;}
.social_sift {left: 15%;top: 5px;font-size:10px;}
.social_sift a{margin:0 0 0 5px;}

.subscribe-input {width: 48%;text-align: left;margin-right: 5px;background-position: 0px center;background-size: 35px;}
.vaucher_i input {padding: 5px 5px 5px;margin-bottom: 10px; font-size: 12px;color: #b7b7b7;font-family: "Roboto_Light";color: #b7b7b7;font-family: "Roboto_Light";}
.btn-vaucher {font-size: 16px;margin-bottom: 3px; padding:9px 18px 9px;margin-top:0px;}
.btn-pay {border: 2px solid #2cbd5e;border-radius: 8px;font-size: 16px;margin-bottom: 6px;margin-top: 2%;padding:9px 18px 9px;line-height:20px;}
input {border-radius: 25px;font-size: 11px;padding: 5px 5px 5px 32px;border: 0px solid #fff;margin-bottom:0px;line-height: 14px;outline:none;}
#phone_number_error{font-family:'Roboto_Light';font-size: 9px;margin-bottom:6px;color:red;}
.mtb > form > img {left: 1.2%;position: absolute;top: 9px;width: 30px;}
.btn-conf {border-radius: 25px;font-size: 11px;padding: 5px 5px 5px 5px;border: 0px solid #fff;margin-bottom:0px;line-height: 14px;min-height: 40px;margin-top:0;}

 input[type=checkbox].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=checkbox].css-checkbox + label.css-label {
							padding:2px 0 0 20px;
							height:14px;
							display:inline-block;
							line-height:10px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:16px;
							vertical-align:middle;
							cursor:pointer;
              color:black;

						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -14px;

						}
						label.css-label {
				background-image:url(../img/check1.png);
        background-size:14px;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
.amount_c{background: url(../img/amount_grey.png) no-repeat top center;padding: 0px 12px;background-size:100%;height:110px;width:130px;}
.amount_c:hover, .amount_c:focus {height: 110px;background: url(../img/amount_green.png) no-repeat top center; background-size:100%;width:130px;}
.home-c {background: rgba(0, 0, 0, 0) url("../img/uk.png") no-repeat scroll center center;height: 140px;padding-top:38px;position: relative;width: 100%;background-size:150px;}
.home_val {color: white;font-size: 2.0em;font-weight: bold;}
.home-c > .amount_type{color:white;font-size:1.0em;font-weight:normal;text-align:center;bottom:20px}
.amount_info{background: url(../img/amount_info.png) no-repeat top center; padding: 0px 0px; background-size:100%; height:110px;width:100%;width:130px;}
.amount_info > p{ margin-top:0px;}
.a_less {width:120px; margin-left: -15px;}
.a_less:hover, .a_less:focus {height: 110px;background: url(../img/amount_green.png) no-repeat top center; background-size:100%;width:120px;}
.amount_info_less{margin-left:-12px;height: 110px;background: url(../img/amount_info_less.png) no-repeat top center;background-size:100%;padding: 0px 0px;width:120px;display: inline-block; margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;vertical-align: middle;border: 1px solid transparent;border-radius: 4px;}
.a-off{margin-left:0px;height:110px; background: url(../img/amount_grey_off.png) no-repeat top center; padding:0px 12px; cursor:default;background-size:100%;width:120px;}
.amount_info_less > .info_val{line-height: 15px;color:white;font-size:0.45em; width:110px;margin-left: auto;margin-right: auto;clear: both;padding-top:1px;margin-top:2px;}
.amount_info_less > .info_total {clear: both; color: black;font-size:0.7em;font-weight: bold;margin-left: auto; margin-right: auto; padding-top: 2px;margin-bottom:40px;width: 110px;}
.amount_i {color: black;font-size: 1.0em;left:50%;margin-left:46px;}
.amount_val{color:black;font-size:1.6em;font-weight:normal;margin:0px 0 5px;}
.amount_type{color:white;font-size:1.1em;font-weight:normal;text-align:center;margin-top:0px;margin-bottom:14px;}
.info_val{line-height: 15px;color:white;font-size:0.5em; width:115px;margin-left: auto;margin-right: auto;clear: both;}
.info_total {clear: both; color: black;font-size:0.7em;font-weight: bold;margin-left: auto; margin-right: auto; padding-top: 6px;margin-bottom:45px;width: 115px;}

.vaucher-input {width: 50%;text-align: left;margin-right: 14px; background:transparent;}
.a_less > .amount_i, .a-off > .amount_i{left:50%;margin-left:40px;top:2%;color:#ababab; font-size:1.0em;line-height: 10px;margin-top:2px;}
.a_arrow > .amount_i{left:50%;margin-left:32px;top:2%;color:black; font-size:1.0em;line-height: 10px;margin-top:2px;}
.a_less > .amount_val,.a-off > .amount_val{font-size:1.8em;font-weight:normal;margin:0px 0 3px;}
.a_less > .amount_type,.a-off > .amount_type {color:white;font-size:1.0em;font-weight:normal;text-align:center;margin-bottom:24px;;}
.cercle{position:absolute; top:-5px; left:-5px;width:25px;height:25px;background:#2cbd5e;-moz-border-radius:50px;-webkit-border-radius:50px; border-radius:50px; color:#fff; font-weight:bold; padding-top:7px;font-size:9px;}
.arrow {color: #2cbd5e;font-size: 1.4em;text-align:center;margin-top:25px;}

.add-name {background: transparent none repeat scroll 0 0;margin-right: 0; text-align: left; width: 95%;}
.vaucher label {font-weight: normal;margin-left: 3.5%;}
.btn-add-name {border: 2px solid #2cbd5e; border-radius: 8px; font-size: 20px; margin-bottom: 6px; margin-top: 3%;padding: 6px 18px 3px;}

.details-left {width: 47.5%;text-align: left;margin-right: 1%; background:transparent;}
.details-right {width: 47.5%;text-align: left;margin-left:1%; background:transparent;}
.btn-details {border-radius: 8px;font-size: 20px;padding: 5px 18px 4px 18px;border: 2px solid #2cbd5e;;margin-top:3%;margin-bottom:6px;width:100%;}
.tooltips .tooltiptext {visibility: hidden;width: 120px;background-color: #2cbd5e;color: #fff;text-align: center;border-radius: 6px;padding:7px 0;margin-left:-500%;position: absolute;z-index: 1;font-size:0.6em;}
.cvv_i{margin-top:125px;padding:0;color:#2cbd5e;font-size:1.5em;text-align:left;}
.footer-big,.footer-big > div > a >  p {color:white;font-size:11px;margin-top:0;}
.icon_left{margin-right:1px;width:25%;}
.icon_right{margin-left:1px;width:25%;}

.ae_used{position:relative;background: url(../img/ae_used_off.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:130px;}
.discover_used{position:relative;background: url(../img/discover_used_off.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:130px;}
.visa_used{position:relative;background: url(../img/visa_used_off.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:130px;}
.master_used{position:relative;background: url(../img/master_used_off.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:130px;}

.ae_used:hover, .ae_used:focus{background: url(../img/ae_used_on.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:130px;}
.discover_used:hover, .discover_used:focus{background: url(../img/discover_used_on.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:130px;}
.visa_used:hover, .visa_used:focus{background: url(../img/visa_used_on.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:130px;}
.master_used:hover, .master_used:focus{background: url(../img/master_used_on.png) no-repeat top center;padding: 0px 0px;background-size:100%;height:100px;width:130px;}
.info_card {bottom: 26px;left: 6%;position: absolute;}
.info_card > p {margin:0;color:white;text-align:left;font-size:0.55em; line-height: 12px;}

.new{ background: none; padding: 0 0 10px;}
.new_p { background: none; padding: 0;}
.new > img {width:130px;}
.new_p > img {width:130px;}
.icon_apps > a > img {width:90px;}
#g > .container{width:90%;}

.oModal > div { max-width:90%;position: relative;margin: 1% auto;padding: 8px 8px 8px 8px;border-radius: 5px;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
#h .oModal .head_login .l1 > h3, #h .oModal .head_login .l2 > h3 {font-size:16px;} {font-size:18px;}
.forgot_password{margin:10px 8px;font-size:13px;line-height:18px; }
.fp2{font-size:10px;line-height:13px;margin:10px 8px;}
.head_login{background: linear-gradient(to bottom, #a0a0a0, #a0a0a0, #fff, #fff);background-color:#a0a0a0;border-radius: 15px 15px 0 0;width: 100%;}
.login > .fp_input { background: transparent none repeat scroll 0 0; margin-right: 0%;text-align: left;width: 57%;}
.btn-fp {	border-radius: 8px;font-size: 14px;padding: 6px 0px 6px 0px;margin-bottom:4px;width:37%;}
.btn_fb{font-size:19px;width:95%;margin:5px 0;}
.btn_fb > div > div > p{font-size: 15px;color:white;margin:4px 0;}
.btn_fb_off{border-radius: 8px;font-size: 18px;padding: 0px 10px;border: none;margin-top:15px;margin-bottom:15px;width:95%;background-color:#c5c5c5;color:#9c9c9c;}
.btn_fb_off > div > div > p{font-size: 15px;color:#9c9c9c;margin:4px 0;}
.login .off{background-color:#c5c5c5;border:2px solid #9c9c9c;}
.login input {border: 2px solid black;border-radius: 8px;font-size: 14px;line-height: 20px;margin-bottom: 10px;min-height: 34px;padding: 5px 10px 3px;width: 95%;}
.btn_login {background-color: #2cbd5e;border: medium none;border-radius: 8px;color: white;font-size: 15px;margin-bottom: 0;margin-top: 8px;padding: 7px 10px 6px;width: 95%;}
.btn_reset{border-radius: 8px;font-size: 15px;padding: 7px 10px;border: none;margin-top:15px;margin-bottom:0;width:95%;background-color:#2cbd5e;color:white;}
.fp {font-size:15px;margin:8px;}
.login {margin-top: 5px;}
.container_footer {width:95%;margin:0 auto;}
.footer-small{font-size:6px;color:white;margin:0;}

.social li a {text-transform: uppercase;line-height: 25px;text-decoration: none;color:black;text-shadow:none;margin:0;font-size:12px;}
.contact_i input {font-size: 15px;min-height: 40px;border-radius: 8px;line-height: 20px;padding: 8px 7px 8px;border: 1px solid #b8c0c2;margin-bottom: 10px;width:100%;}
.contact_i textarea {font-size: 15px;min-height: 40px;border-radius: 8px;line-height: 20px;padding: 8px 7px 8px;border: 1px solid #b8c0c2;margin-bottom: 10px;width:100%;}

.account_annuler {color: #e67272;font-size: 1.2em;left: 50%;margin-left: 51px;position: absolute;top: -5px; z-index: 100;}
.account {padding: .85rem 0;color: black;background-color: none;box-shadow: inset 0 -1px #bababa;text-align:center;font-size:8px;}
.resume_t > .resume_table{margin:30px 0 20px;border:solid 1px #bdc4c6;padding:5px;}
.resume {padding: 1.40rem 0;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:8px;color:#4f4e4e;}
.resume1 {padding: 1.40rem 0 0;background-color: none;box-shadow: none;font-weight:normal;font-size:8px;color:#4f4e4e;}
.resume2 {padding: 1.40rem 0;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:7px;color:#bbb4b4;}
.resume3 {padding: 1.0rem 0 1.40rem;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:normal;font-size:8px;color:#4f4e4e;}
.resume4 {padding: 1.40rem 0 0;background-color: none;box-shadow: none;font-weight:normal;font-size:8px;color:#4f4e4e;}
.resume_title{padding: .85rem 0 1.85rem;background-color: none;box-shadow: inset 0 -1px #bababa;font-weight:bold;font-size:8px;color:#4f4e4e;}
.number{font-weight:bold;font-size:8px;color:#4f4e4e;}
.account > div > img{width:12px}
.t_left{text-align:left;}
.annuler {
    color: #e67272;
    font-size: 16px;
    left: 50%;
    position: absolute;
    top: 25%;
    margin-left:53px;
}
.btn-send-2 {background: transparent;color: white;border:2px solid white;padding:0px 15px}
.new_m1 {position:relative;width:270px;background: url(../img/mode1.png) no-repeat top center;height:155px;background-size:100%;margin:30px 0 50px;}
 .new_m2 {position:relative;width:270px;background: url(../img/mode2.png) no-repeat top center;height:155px;background-size:100%;margin:30px 0 50px;}
.new_m2 > #paypal_checkout{padding-top:50px;}
 .new_m1 p, .new_m2 p{white-space:normal;color: #444343;}
 .new-top{position:absolute;top:3px;left:0;text-align:center;width:270px;padding:0 10px;font-size:16px;margin-top:0px;}
 .new-bottom{position:absolute;bottom:4px;left:0;text-align:center;width:270px;padding:0 10px;font-size:11px;line-height:11px;}
 .top_title, .top_title_3, .top_title_2 {color: black;font-family: "Roboto_Light",sans-serif;font-weight: 600;font-size:18px;margin-bottom: 15px;margin-left: -60px;padding-left: 25%;text-align: left;}
 .top_sub_title, .top_sub_title_3, .top_sub_title_2 {color: black;font-family: "Roboto_Light",sans-serif;font-weight: 300;font-size:16px;margin-bottom: 50px;margin-left: -60px;padding-left: 25%;text-align: left;}

.oModal1 > div {max-width: 90%;}
.oModal2 > div {max-width: 90%;}
  .corps h2 {text-align: center;padding-top:10px;font-size:18px;}
 .mentions {height:70%;font-size:1.5em;text-align:justify;padding: 0 0.5em 10px;overflow: auto;font-family: 'Roboto_Light', sans-serif;font-weight:bold;}
 .success img{width:35%;}
 .bg_loader{width:30px;position:relative;left:50%;margin-left:-15px;top:30px;}
 .bg_loader img{width:30px;position:absolute;top:17px;left:0;}
 .loader {position:absolute;top:17px;left:0; border: 3px solid #ffffff;border-top: 3px solid transparent;border-radius: 50%;width: 30px;height: 30px;animation: spin 2s linear infinite;}
 .resume_t > .bot_table{ margin:30px 0 20px;padding:20px;border-top: 2px solid #3ab54a;border-bottom: 2px solid #3ab54a;}
.botcards_resume{background-color: none;box-shadow: inset 0 -1px #bababa;color:#4f4e4e;border-bottom: 1px solid #3ab54a;padding:5px 2px 7px;}
.botcards_resume2{background-color: none;box-shadow: inset 0 -1px #bababa;color:#4f4e4e;padding:5px 2px 7px;border:none;}
 /*.btn-botcards {border-radius: 20px;font-size: 20px;padding: 9px 18px 5px 18px; border: 2px solid whit; margin-top:3%; margin-bottom:6px;background-color:#3ab54a;}*/
.text_left{font-weight:bold;font-size:16px;}
.text_left_light{font-size:16px;}
.text_right{float: right;clear:both;font-size:16px;}
 }