/* EFFECTS */
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1) rotate(0deg); 
	}
	50% {
		-webkit-transform: scale(1.1) rotate(-5deg); 
	}
	100% {
		-webkit-transform: scale(1) rotate(0deg); 
	}
}
@-o-keyframes pulse {
	0% {
		-o-transform: scale(1) rotate(0deg); 
	}
	50% {
		-o-transform: scale(1.1) rotate(-5deg); 
	}
	100% {
		-o-transform: scale(1) rotate(0deg); 
	}
}
@-moz-keyframes pulse {
	0% {
		-moz-transform: scale(1) rotate(0deg); 
	}
	50% {
		-moz-transform: scale(1.1) rotate(-5deg); 
	}
	100% {
		-moz-transform: scale(1) rotate(0deg); 
	}
}
@keyframes pulse {
	0% {
		transform: scale(1) rotate(0deg); 
	}
	50% {
		transform: scale(1.1) rotate(-5deg); 
	}
	100% {
		transform: scale(1) rotate(0deg); 
	}
}

@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(1); 
	}
	50% {
		-webkit-transform: scale(1.1); 
	}
	100% {
		-webkit-transform: scale(1); 
	}
}
@-o-keyframes scale {
	0% {
		-o-transform: scale(1); 
	}
	50% {
		-o-transform: scale(1.1); 
	}
	100% {
		-o-transform: scale(1); 
	}
}
@-moz-keyframes scale {
	0% {
		-moz-transform: scale(1); 
	}
	50% {
		-moz-transform: scale(1.1); 
	}
	100% {
		-moz-transform: scale(1); 
	}
}
@keyframes scale {
	0% {
		transform: scale(1); 
	}
	50% {
		transform: scale(1.1); 
	}
	100% {
		transform: scale(1); 
	}
}

/* GLOBAL */
body{
	/*padding-top: 54px;*/
	
	font-family: "Roboto", "Helvetica Neue", Helvetica, "Trebuchet MS", sans-serif;
	font-size: 14px;
	
	color: #666666;
	background-color: #F8F8F8;
}

a{
	color: #37B2DA;
	text-decoration: none;
}

p{
	text-align: justify;
}

h1{
	font-size: 22px;
	color: #333333;
	margin-bottom: 20px;
}

h2{
	font-size: 20px;
	color: #666666;
	
	margin-top: 10px;
	margin-bottom: 30px;
}

h1.main{
	padding: 30px 20px;
	margin: 0;
}
h2.main{
	padding: 30px 20px;
	margin: 0;
}
.anchor::before{
	display: block;
	content: " ";
	/* 54px = header height */
	margin-top: -60px;
	height: 60px;
	visibility: hidden;
	pointer-events: none;
}

.avatar-custom-img{
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

/* ICONS */
.icons12{
	display: inline-block;
	height: 12px;
	width: 12px;
	background-image: url("../gfx/common/template/icons_16.png?5");
	background-size: 24px 672px;
	background-repeat: no-repeat;
}
.icons16{
	display: inline-block;
	height: 16px;
	width: 16px;
	background-image: url("../gfx/common/template/icons_16.png?5");
	background-repeat: no-repeat;
}
.icons18{
	display: inline-block;
	height: 18px;
	width: 18px;
	background-image: url("../gfx/common/template/icons_18.png?3");
	background-repeat: no-repeat;
}
.icons24{
	display: inline-block;
	height: 24px;
	width: 24px;
	background-image: url("../gfx/common/template/icons_24.png?5");
	background-repeat: no-repeat;
}
.icons32{
	display: inline-block;
	height: 32px;
	width: 32px;
	background-image: url("../gfx/common/template/icons_32.png?3");
	background-repeat: no-repeat;
}
.icons36{
	display: inline-block;
	height: 36px;
	width: 36px;
	background-image: url("../gfx/common/template/icons_72.png?3");
	background-repeat: no-repeat;
	background-size: 36px 396px;
}
.icons48{
	display: inline-block;
	height: 48px;
	width: 48px;
	background-image: url("../gfx/common/template/icons_72.png?3");
	background-repeat: no-repeat;
	background-size: 48px 528px;
}
.icons72{
	display: inline-block;
	height: 72px;
	width: 72px;
	background-image: url("../gfx/common/template/icons_72.png?3");
	background-repeat: no-repeat;
}

	.icons12.ic_closeWhite{background-position: 0 -483px;}
	.icons12.ic_checkWhite{background-position: 0 -118px;}
	.icons12.ic_alertWhite{background-position: -12px -614px;}
	.icons12.ic_risingStar{background-position: -12px -638px;}

    .icons16.ic_trashBinWhite{background-position: -16px -176px;}

    .icons16.ic_dropDown{background-position: 0 -16px;}
	.icons16.ic_starBlue{background-position: 0 -32px;}
	.icons16.ic_starDark{background-position: 0 -48px;}
	.icons16.ic_starYellow{background-position: 0 -752px;}
	.icons16.ic_favOff{background-position: -16px -48px;}
	.icons16.ic_favOn{background-position: -16px -752px;}
	.icons16.ic_play{background-position: 0 -64px;}
	.icons16.ic_mail{background-position: 0 -80px;}
	.icons16.ic_info{background-position: 0 -96px;}
	.icons16.ic_search{background-position: 0 -112px;}
	.icons16.ic_book{background-position: 0 -448px;}
	.icons16.ic_chat{background-position: 0 -464px;}
	.icons16.ic_arrowDown{background-position: 0 -208px;}
	.icons16.ic_arrowUp{background-position: 0 -224px;}
	.icons16.ic_arrowDownBlue{background-position: 0 -896px;}
	.icons16.ic_arrowDownDark{background-position: -16px -896px;}

	.icons16.ic_infoMini{background-position: 0 -480px;}
	
	.icons16.ic_starMini{
		height: 12px;
		width: 12px;
		background-position: 0 -736px;
	}
	
	.icons16.ic_cartWhite{background-position: 0 -240px;}
	.icons16.ic_memberWhite{background-position: 0 -256px;}
	.icons16.ic_cardWhite{background-position: 0 -272px;}
	.icons16.ic_phoneWhite{background-position: 0 -288px;}
	.icons16.ic_favWhite{background-position: -16px -320px;}
	.icons16.ic_favOn{background-position: -16px -752px;}
	.icons16.ic_paperWhite{background-position: 0 -784px;}
	.icons16.ic_giftWhite{background-position: 0 -304px;}
	.icons16.ic_supportWhite{background-position: 0 -336px;}
	.icons16.ic_writtenWhite{background-position: 0 -352px;}
	.icons16.ic_chatWhite{background-position: 0 -368px;}
	.icons16.ic_mailWhite{background-position: 0 -768px;}
	
	.icons16.ic_phoneDark{background-position: 0 -496px;}
	.icons16.ic_chatDark{background-position: 0 -512px;}
	.icons16.ic_penDark{background-position: 0 -528px;}
	.icons16.ic_phoneBlue{background-position: 0 -576px;}
	.icons16.ic_chatBlue{background-position: 0 -592px;}
	.icons16.ic_penBlue{background-position: 0 -608px;}
	
	.icons16.ic_checkGreen{background-position: 0 -544px;}
	.icons16.ic_uncheckRed{background-position: 0 -560px;}
	.icons16.ic_refreshBlue{background-position: 0 -832px;}
	.icons16.ic_resend{background-position: -16px -448px;}
	
	.icons16.ic_photoDark{background-position: 0 -624px;}
	
	.icons16.ic_closeWhite{background-position: 0 -656px;}
	.icons16.ic_photoWhite{background-position: 0 -704px;}
	.icons16.ic_penGrey{background-position: 0 -720px;}
	
	.icons16.ic_notificationWhite{background-position: 0 -848px;}
	.icons16.ic_alertDark{background-position: -16px -848px;}
	.icons16.ic_risingStar{background-position: -16px -864px;}
	.icons16.ic_new{background-position: 0 -864px;}
	.icons16.ic_askDark{background-position: -16px -96px;}


	.icons24.ic_uncheckGrey{background-position: 0 -24px;}
	.icons24.ic_checkGrey{background-position: 0 -48px;}
	.icons24.ic_uncheckBlue{background-position: 0 -72px;}
	.icons24.ic_checkBlue{background-position: 0 -96px;}
	
	.icons24.ic_close{background-position: 0 -168px;}
	.icons24.ic_forget{background-position: 0 -192px;}
	.icons24.ic_blackPhone{background-position: 0 -216px;}
	.icons24.ic_blackCheck{background-position: 0 -240px;}
	.icons24.ic_blackEye{background-position: 0 -264px;}
	
	.icons24.ic_moreBlue{background-position: 0 -288px;}
	.icons24.ic_viewBlue{background-position: 0 -312px;}
	
	.icons24.ic_arrowDown{background-position: 0 -336px;}
	.icons24.ic_arrowUp{background-position: 0 -360px;}

	.icons24.ic_starYellow{background-position: 0 -384px;}
	.icons24.ic_favOn{background-position: 0 -552px;}

	.icons24.ic_whiteMobile{background-position: 0 -408px;}
	.icons24.ic_whiteMail{background-position: 0 -432px;}
	
	.icons24.ic_play{background-position: 0 -456px;}
	.icons24.ic_pause{background-position: 0 -480px;}

	.icons24.ic_cartWhite{background-position: 0 -504px;}
	.icons24.ic_lockBlack{background-position: 0 -528px;}

	.icons24.ic_risingStar{background-position: 0 -576px;}

	.icons32.ic_phoneWhite{background-position: 0 0;}
	.icons32.ic_chatWhite{background-position: 0 -32px;}
	.icons32.ic_penWhite{background-position: 0 -64px;}
	.icons32.ic_clockWhite{background-position: 0 -96px;}
	.icons32.ic_starWhite{background-position: 0 -192px;}
	.icons32.ic_favWhite{background-position: 0 -320px;}
	.icons32.ic_mailWhite{background-position: 0 -224px;}
	.icons32.ic_paperWhite{background-position: 0 -288px;}
	
	.icons32.ic_arrowLeftWhite{background-position: 0 -128px;}
	.icons32.ic_arrowRightWhite{background-position: 0 -160px;}
	
	.icons32.ic_starYellow{background-position: 0 -256px;}
	.icons32.ic_favOn{background-position: 0 -352px;}

	.icons36.ic_phone{background-position: 0 -216px;}
	.icons36.ic_chat{background-position: 0 -252px;}
	.icons36.ic_pen{background-position: 0 -288px;}
	.icons36.ic_new{background-position: 0 -324px;}
	
	.icons48.ic_new{background-position: 0 -432px;}
	
	.icons72.ic_memberGreen{background-position: 0 0;}
	.icons72.ic_cardOrange{background-position: 0 -72px;}
	.icons72.ic_certificateBlue{background-position: 0 -216px;}
	.icons72.ic_chatBlue{background-position: 0 -144px;}
	.icons72.ic_phoneBlue{background-position: 0 -288px;}
	.icons72.ic_new{background-position: 0 -648px;}

/* Smiley */
.smiley18{
	display: inline-block;
	height: 18px;
	width: 18px;
	background-image: url("../gfx/common/template/icons_smiley.png?1");
	background-repeat: no-repeat;
}
	.smiley18.sm_s1{background-position: 0 0;}
	.smiley18.sm_s2{background-position: -18px 0;}
	.smiley18.sm_s3{background-position: -36px 0;}
	.smiley18.sm_s4{background-position: -54px 0;}
	.smiley18.sm_s5{background-position: -72px 0;}
	.smiley18.sm_s6{background-position: -90px 0;}
	.smiley18.sm_s7{background-position: -108px 0;}
	.smiley18.sm_s8{background-position: -126px 0;}
	.smiley18.sm_s9{background-position: -144px 0;}
	.smiley18.sm_s10{background-position: -162px 0;}
	.smiley18.sm_s11{background-position: 0 -18px;}
	.smiley18.sm_s12{background-position: -18px -18px;}
	.smiley18.sm_s13{background-position: -36px -18px;}
	.smiley18.sm_s14{background-position: -54px -18px;}
	.smiley18.sm_s15{background-position: -72px -18px;}
	.smiley18.sm_s16{background-position: -90px -18px;}
	.smiley18.sm_s17{background-position: -108px -18px;}
	.smiley18.sm_s18{background-position: -126px -18px;}
	.smiley18.sm_s19{background-position: -144px -18px;}
	.smiley18.sm_s20{background-position: -162px -18px;}
	.smiley18.sm_s21{background-position: 0 -36px;}
	.smiley18.sm_s22{background-position: -18px -36px;}
	.smiley18.sm_s23{background-position: -36px -36px;}
	.smiley18.sm_s24{background-position: -54px -36px;}
	.smiley18.sm_s25{background-position: -72px -36px;}
	.smiley18.sm_s26{background-position: -90px -36px;}

/* FORMS */

.form .row{
	margin: 10px 0;
}
	.form .row .label{
		color: #333333;
		margin: 5px 10px;
	}
	.form .row .label.fleft{
		width: 30%;
	}
	.form .row .value{
		margin: 5px 10px;
	}
		.form .row .value span{
			font-weight: 500;
			color: #333333;
		}
		.form .row .value span.red{
			color: #ff8989;
		}
		/*.form .row img{
			display: inline-block;
			margin: -10px 10px;
		}*/
	.form .row .tools{
		margin: 10px;
	}
		.form .row .tools .icons16{
			margin-left: 10px;
		}
	
	.form .textarea-limiter-info span{
		color: #37B2DA;
	}
.form .values{
	padding: 7px 10px;
}

/* Alias */
.fleft{float: left;}
.fright{float: right;}
.clear{clear: both;}
.relative{position: relative;}

.none{display:none;}
.hide{visibility: hidden;}
.cursor{cursor: pointer;}
.aright{text-align: right;}
.acenter{text-align: center;}

.blue{color: #37B2DA;}
.red{color: #ff8989;}

/* LOGO TEXT */
.logo-text{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 3em;
	line-height: 3em;
	font-weight: 500;
	color: #90A4AE;
	-webkit-text-stroke-width: 0.01em;
	-webkit-text-stroke-color: #fff;
}
	.logo-text span{
		color: #263238;
	}
/* END */

/* HEADER */
header{
	position: sticky;
	top: 0px;
	
	width: 100%;
	min-width: 980px;

	z-index: 10;
}
	header .container{
		width: 980px;
		margin:auto;
	}
	#header-backdrop-container{
		width:100%;
		/*height: 100%;*/
		height: 70px;
		position:absolute;
		top:0;
		overflow: hidden;
		z-index: -5;
	}
	.backdrop {
		/*background: linear-gradient(to bottom, #B2EBF2, #E0F7FA);*/
		width:100%;
		position:relative;
		top: 0px;
		/*z-index: -5;*/
		overflow: hidden;
	}
	.backdrop:after{
		content:"";
		position: absolute;
		top: 0; left: 0;
		background: linear-gradient(to bottom, #B2EBF2, #E0F7FA);
		width: 100%;
		height: 100%;
		/*min-height: 400px;*/
		z-index: -1;
	}
	.banner-backdrop li {
		width:100%;
		color: #464646;
		font-family: 'Palanquin Dark', sans-serif;
		font-size:20px;
		line-height:25px;
	}

	header .backdrop{
		position: absolute;
		height: 400px;
	}

	#header-main{
		 /*background-color: rgba(255, 255, 255, 0.6);*/
		 background-color: white;
		 box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
		 height: 70px;
		 z-index: 1;
	}
	#header-main .header-group{
		position: relative;
		height: 70px;
	}
	#header-main .header-group:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 100%;
	}
	#header-main .ic_arrowDownDark {
		zoom:0.8;
		margin-top: 7px;
		margin-right: 15px;
	}

	#header-secondary{
		height: 53px;
		width: 980px;
		margin: auto;
	}

	#account-infos{
		display:inline-block;
		vertical-align: middle;
		margin: auto;
		padding-left: 15px;
	}
			#account-infos .infos{
				display: block;
				padding-right: 15px;
				/*font-family: "Arvo";*/
			}
			#account-infos .infos .labels{
				padding-top: 2px;
				display:block;
				font-size: 11px;
				color: #222222;
				text-transform: uppercase;
			}
			#account-infos .infos .labels.none{
				display:none !important;
			}
			#account-infos .infos .values{
				display:block;
				font-size: 15px;
				color: #AACF3C;
			}
			#account-infos .infos .values.none{
				display:none !important;
			}
			#account-infos .infos .values.trial {
				color: #FF3D73;
			}

	#header-actions .header-button{
		display:inline-block;
		vertical-align: middle;
		min-width: 150px;
		font-family: 'Helvetica', cursive;
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		color:white;
		/*text-align: center;*/
		padding: 8px 12px;
		background-color: #97DB33;
		text-transform: uppercase;
		margin-left:8px;
		border-radius: 2px;
	}
	#header-actions .header-button.blue{
		background-color: #33B3DB;
	}
	
			#logo{
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				text-align: center;
				line-height: 1;
				font-size: 32px;
				white-space: nowrap;
				display: inline-block;
				position: relative;
				vertical-align: middle;
			}
				#logo .first{
					color: #90A4AE;
				}
				#logo .second{
					color: #263238;
					margin-left: -6px;
				}

				.flag-flat-header{
					width: 24px; height: 24px;
				}
				
				.dropdown-container{
					display: inline-block;
					vertical-align: middle;
					position: relative;
					background-color: white;
					
					white-space: nowrap;
					
					padding: 7px 3px 0 0;
					margin-left: 10px;
				}
					/*.dropdown-container img{*/
						/*margin: 0;*/
						/*padding: 0;*/
						/*line-height: 0;*/
					/*}*/
					
					.dropdown-icon{
						margin-top: 3px;
					}
					.dropdown-current{
						padding: 0 8px;
						/*margin-bottom: 5px;*/
					}
					.dropdown-selection{
						position: absolute;
						left: 0;
						
						background-color: white;

						padding: 0px 15px;
						height: 0px;
						width: 150px;
						overflow: hidden;
						
						-webkit-transition: all 0.5s; /* Safari */
						transition: all 0.5s;
						z-index: 5;
						
						box-shadow: 0 0 1px 0 rgba(0,0,0,0.2);
					}
					.dropdown-container:hover .dropdown-selection{
						/*border: 1px solid #dddddd;*/

						border-bottom-left-radius: 2px;
						border-bottom-right-radius: 2px;
						border-top-right-radius: 2px;
					}
					.dropdown-container:hover .dropdown-selection{
						padding-top: 10px;
						padding-bottom: 5px;
						height: auto;
					}
						.dropdown-container .country{
							color: #333333;
							padding-top: 4px;
							padding-left: 10px;
						}

	#header-actions{
		font-size: 11px;
	}


	.menu-dropdown-item.toggleable .none{
		display: block;
	}

	.menu-container{
		display: inline-block;
		vertical-align: middle;
		background-color: white;

		white-space: nowrap;
		border-right: 1px solid #dddddd;
		height: 45px;
		max-width: 220px;
	}
	.menu-dropdown-container{
		display: inline-block;
		position: relative;
		height: 100%;
		padding:3px 40px 3px 3px;
		max-width: 175px;
		cursor: default;
	}
	.menu-dropdown-container .menu-dropdown-current{
		max-width: 145px;
		margin-top: 3px;
		color: #333333;
		overflow:hidden;
	}
	.menu-dropdown-container .ic_arrowDownDark{
		position:absolute;
		top:13px;
		right: 3px;
	}
	.menu-dropdown-icon{
		position:relative;
		display:inline-block;
		margin-top: 4px;
		background-color: black;
		border-radius: 24px;
		width:26px;
		height:26px;
		padding:5px 5px;
	}
	.menu-dropdown-item .menu-dropdown-icon{margin-top: 0;}

	.menu-dropdown-item.menu-account .menu-dropdown-icon{background-color: #C2E362;}
	.menu-dropdown-item.menu-payments .menu-dropdown-icon{background-color: #FD8A09;}
	.menu-dropdown-item.menu-consultations .menu-dropdown-icon{background-color: #71D6EB;}
	.menu-dropdown-item.menu-favorites .menu-dropdown-icon{background-color: #FFE500;}
	.menu-dropdown-item.menu-pms .menu-dropdown-icon{background-color: #4AA811;}
	.menu-dropdown-item.menu-newsletters .menu-dropdown-icon{background-color: #3297E0;}
	.menu-dropdown-item.menu-offers .menu-dropdown-icon{background-color: #FF3D73;}
	.menu-dropdown-item.menu-help .menu-dropdown-icon{background-color: #D290FF;}

	.menu-dropdown-item{
		display:block;
		margin: 15px 30px;
		cursor: pointer;
	}

	.menu-dropdown-item.fidelity{
		margin: 0;
		padding: 15px;
		display:block;
		background-color: #F8F8F8;
		text-align: center;
		cursor: initial;
	}
		.menu-account-fidelity{
			display: inline-block;
			text-align: center;
			width: 120px;
		}
		.menu-account-fidelity .infos{
			display: block;
			margin: auto;
			margin-bottom: 8px;
			/*font-family: "Arvo";*/
		}
		.menu-account-fidelity .infos .labels{
			padding-top: 2px;
			display:block;
			font-size: 11px;
			color: #222222;
			text-transform: uppercase;
		}
		.menu-account-fidelity .infos .values{
			display:block;
			font-size: 16px;
			color: #AACF3C;
		}
		.menu-account-fidelity.vip .infos .values {
			color: #FF3D73;
		}
		.menu-fidelity{
			position: relative;
			/*margin-top: 7px;*/
			height: 80px;
		}
		.menu-fidelity .label{
			position: absolute;

			top: 30px;
			left: 40px;

			font-size: 10px;
			color: #222222;
			line-height: 11px;

			text-transform: uppercase;
		}
		.menu-fidelity .label span{
			font-size: 14px;
			font-weight: 500;
		}
		.menu-fidelity .label a{
			color: #222222;
		}

		.menu-account-fidelity.vip .db-values{
			color: #FF3D73;
		}
		.menu-account-fidelity.vip .label{
			left: 35px;
		}

	.menu-dropdown-item.disconnect{
		margin: 0;
		padding: 13px;
		font-size: 14px;
		text-align: center;
		background-color: #EBEBEB;
		color: #333333;
	}

	.menu-dropdown-item.toggleable.off .menu-dropdown-submenu{
		height: 0 !important;
		/*padding: 0;*/
	}

	.menu-dropdown-item .menu-dropdown-title{
		color: #666666;
		display:inline-block;
		/*font-family: "Arvo";*/
		font-size: 14px;
		line-height: 26px;
		vertical-align: top;
		margin-left:15px;
	}
	.menu-dropdown-item:hover .menu-dropdown-title, .menu-dropdown-item.toggleable:not(.off) .menu-dropdown-title{
		color: #333333;
	}

	.menu-dropdown-submenu{
		display:block;
		margin-left: 42px;
		overflow: hidden;
		max-height: 120px;
		transition: height 600ms;
	}
	.menu-dropdown-submenu.e2{height: 57px;}
	.menu-dropdown-submenu.e3{height: 83px;}
	.menu-dropdown-submenu.e4{height: 109px;}
	.menu-dropdown-submenu.e5{height: 135px;}

	.menu-dropdown-submenu .submenu-padding{
		height: 5px;
		display:block;
	}
	.menu-dropdown-submenu .submenu-item{
		/*font-family: "Arvo";*/
		font-size: 13px;
		color: #666666;
		padding: 5px 3px;
	}
	.menu-dropdown-submenu .submenu-item:hover{
		color: #333333;
	}

	.menu-welcome{
		display: inline-block;
		/*font-family: "Arvo";*/
		font-size: 12px;
		text-transform: uppercase;
	}
	.menu-welcome span{
		color: #37B2DA;
		font-size: 15px;
	}
	.menu-dropdown-selection{
		display:none;
		position: absolute;
		left: 3px;
		top: 42px;

		/*overflow: hidden;*/

		z-index: 5;
	}
	.menu-dropdown-selection-inner{
		display: inline-block;
		margin-top: 9px;
		padding-top: 5px;

		background-color: white;

		/*padding: 7px 0;*/
		-webkit-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.30);
		box-shadow: 0 2px 5px 0px rgba(0,0,0,0.30);
	}
	.menu-dropdown-container:hover:after{
		content:"";
		position:absolute;

		/* reduce the damage in FF3.0 */
		display:block;
		width:0;

		bottom: -8px; /* value = - border-top-width - border-bottom-width */
		left: 45%; /* controls horizontal position */

		border-width: 0 7px 7px; /* vary these values to change the angle of the vertex */
		border-style:solid;
		border-color: #FFFFFF transparent;
		z-index: 6;
	}
	.menu-dropdown-container:hover .menu-dropdown-selection-inner{
		/*border: 1px solid #dddddd;*/

		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
		border-top-right-radius: 2px;
	}
	.menu-dropdown-container:hover .menu-dropdown-selection{
		display:block;
	}

			#buy-action{
				display:inline-block;
				vertical-align: middle;
				position: relative;
				background-color: #FD8A09;
				height: 40px;
				width: 120px;
				border-radius: 2px;
			}
				#buy-action .icons24{
					margin: 7px 0 0 8px;
					display:inline-block;
				}
				#buy-action div{
					position:absolute;
					top: 6px;
					right:8px;
					vertical-align: top;
					text-align: right;
					color: white;
					text-transform: uppercase;
				}
				#buy-action .buy-label-top{
					display:block;
					margin-left: 3px;
					/*font-family: 'Arvo';*/
					font-size: 16px;
				}
				#buy-action .buy-label-bottom{
					display:block;
					margin-top: -2px;
					/*font-family: 'Arvo';*/
					font-size: 9px;
				}
		
			#login-action{color: #FFFFFF;}
			#login-action:hover{text-decoration: underline;}
			
			#register-action{color: #AACF3C;}
			#register-action:hover{text-decoration: underline;}
			
		#header-menu{
			position:relative;
			left: -10px;
			padding-top: 25px;
			padding-bottom: 12px;
		}
		
			#header-menu a{
				/*font-family: 'Arvo';*/
				font-size: 14px;
				text-transform: uppercase;
				color: #333333;
				line-height: 16px;
				text-align: center;
				
				padding: 0 10px;
				
				border-right: 1px solid #666666;
				overflow: hidden;
			}
			#header-menu a:hover{
				color: #FFFFFF;
				
				-webkit-transition: color 0.5s; /* Safari */
				transition: color 0.5s;
			}
			#header-menu a.last{
				border-right: none;
				padding-right: 0;
			}
			
		#notifications{
			position:relative;
			vertical-align: top;
			margin: 9px 5px 9px 9px;
			cursor: pointer;
		}
			/*#notifications .icons16{*/
				/*opacity: 0.4;*/
			/*}*/

		#notifications:hover{
			background-color: #333333;
		}
			#notifications:hover .icons16{
				opacity: 1;
			}
			
		#notifications-menu{
			position: absolute;
			z-index: 4;
			
			top: 42px;
			right: -5px;
			
			width: 300px;
			
			-webkit-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.30);
			box-shadow: 0 2px 5px 0px rgba(0,0,0,0.30);
		}
		
			#notifications-table{
				max-width: 300px;
				width: 100% !important;
				white-space: normal;
			}
				#notifications-table .items{
					background-color: #FFFFFF;
				}
				#notifications-table .items:hover{
					background-color: #EFFCFF;
				}
					#notifications-table .avatar{
						width: 20%;
						
						padding: 10px 15px 10px 15px;
						border-bottom: 1px solid #F2F2F2;
					}
						#notifications-table .avatar .avatar-custom-img{
							display: block;
							margin: auto;
							
							box-sizing: content-box;
							
							width: 48px;
							height: 48px;
							border: 2px solid #F2F2F2;
							background-color: #E5E5E5;
							
							border-radius: 100%;
						}
					#notifications-table .text {
						width: 80%;
						
						padding-right: 20px;
						border-bottom: 1px solid #F2F2F2;
					}
						#notifications-table .text a{
							color: #666666;
						}
						#notifications-table .text span{
							color: #37B2DA;
						}
						
		#notifications-menu:after {
			content:"";
			position:absolute;
			
			/* reduce the damage in FF3.0 */
			display:block;
			width:0;

			top: -7px; /* value = - border-top-width - border-bottom-width */
			right: 11px; /* controls horizontal position */
			
			bottom: auto;
			left: auto;
			
			border-width: 0 7px 7px; /* vary these values to change the angle of the vertex */
			border-style:solid;
			border-color: #FFFFFF transparent;
		}

/* BANNER */
#banner{
	min-width: 980px;
	width: 980px;
	margin:auto;
	position: relative;
	overflow: hidden;

	/*height: 300px;*/

	background-image: url("../gfx/common/banners/banner.jpg");
	background-repeat: no-repeat;
	/*background-position: center top;*/
	background-position: center top;
	/*background-size: cover;*/
	background-size: 0px !important;

	text-align: center;
	
	/*-webkit-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.15);*/
	/*box-shadow: 0 2px 5px 0px rgba(0,0,0,0.15);*/

	z-index: 1;
}
#banner:after{
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-size: cover !important;
	background: inherit;

    z-index: -2;
	/*animation: none;*/
	animation: shrink 10s forwards;
}

@keyframes shrink {
	0% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}

	#banner h3, #banner h2{
		text-shadow: 2px 2px 2px #000000;
		font-family: 'Merienda One', cursive;
		font-size: 30px;
		line-height: 40px;
		color: #ffffff;
		
		text-align: center;
		
		padding-top: 45px;
		padding-bottom: 90px;
	}
	
	#banner p{
		/*font-family: 'Arvo', cursive;*/
		font-size: 16px;
		color: black;
		line-height: 18px;
		
		text-align: center;
		
		padding: 0;
	}
	#banner p a{
		color: #FFFFFF;
	}
	#banner .banner-button{
		display:inline-block;
		font-family: 'Helvetica', cursive;
		font-size: 18px;
		font-weight: bold;
		color:white;
		/*text-align: center;*/
		padding: 8px 12px;
		background-color: #97DB33;
		text-transform: uppercase;
		border-radius: 2px;

		margin-top: 15px;
		margin-bottom: 35px;
	}
	#banner .banner_backdrop{
		width:500px;
		height:250px;
		opacity: 0.6;
		position:absolute;
		bottom: 0px;
		left:50%;
		z-index: -1;
		transform: translateX(-50%);
	}
	#banner .wrapper{
		margin: 50px;
		margin-top: 0px;
		/*width: 980px;*/

		padding-bottom: 60px;

		border-radius: 50px;
		background-color: rgba(255, 255, 255, 0.6)
	}
	
	#banner .row .label{
		margin: 0px;
	}
	#banner .row .value{
		margin: 0px;
	}
	
	/* Macaroon button */
	.macaroon-button {
		position: relative;
		width: 100px;
		height: 100px;
		display: inline-block;

		margin-top: 10px;

		-moz-border-radius: 50%;
	    -webkit-border-radius: 50%;
	    -o-border-radius: 50%;
	    border-radius: 50%;

		background: #f95f00;
		border: 2px solid #b39e6b;
	}
	.macaroon-button.macaroon-green {
		background: #AACF3C;
		border: 2px solid #AACF3C;
	}
	.macaroon-button:hover {
	    -webkit-animation: pulse 1s ease 0s infinite normal;
	    -o-animation: pulse 1s ease 0s infinite normal;
	    -moz-animation: pulse 1s ease 0s infinite normal;
	    animation: pulse 1s ease 0s infinite normal;
	}
	
		.macaroon-button .macaroon-container {
		    position:absolute;
		    left: 0;
		    top: 0;

		    width:100%;
		    height:100%;

		    -moz-border-radius: 50%;
			-webkit-border-radius: 50%;
	    	-o-border-radius: 50%;
	    	border-radius: 50%;

		    border: 1px solid #FFFFFF;
		}
	
		.macaroon-button .macaroon-text {
		    /*font-family: 'Petit Formal Script', cursive;*/
		    position: relative;
		    top: 35%;

		    vertical-align: middle;
		    text-align: center;

		    font-size: 12px;
			color: #FFFFFF;
			line-height: 16px;
			text-transform: uppercase;
		}

    #banner .promo_countdown {
        width:250px;
        text-align:center;
        margin: 0px auto;
        padding:1px;
        font-weight: bold;
        font-size: 17pt;
    }

        /*#banner .promo_countdown:not(.expired)::before {*/
            /*content: "Offre valable pendant:";*/
            /*display:block;*/
        /*}*/

        /*#banner .promo_countdown.expired {*/
            /*display:none;*/
        /*}*/
            /*#banner .promo_countdown.expired::before {*/
                /*display:block;*/
                /*color: red;*/
                /*content: 'Offre expirée';*/
            /*}*/

	/* Toutes les bannières promo (popup des écrits, chats, page sélection de pack) */
	.info_banner{
		/*width: 980px;*/
		/*margin: auto;*/
		padding: 10px;
		font-size: 110%;
		text-align: center;
		line-height: 22px;
		color: white;
	}
		.info_banner .info_banner_btn{
			padding: 4px 6px;
			background-color: #97DB33;
			border-radius: 2px;
			font-weight: 500;
			margin: 0px 5px;
			white-space: nowrap;
		}
			.info_banner .info_banner_btn.orange{
				background-color: #FF8905;
			}
	.welcome_offer_banner{
		background-color: #6674b7;
	}
	.promo_banner{
		background-color: #ffb316;
	}
		/* Compte a rebours des bannières */
		.promo_banner .promo_countdown{
			display:inline-block;
			font-weight: bold;
			color: white;
		}

		/* Bannière de la page de sélection de pack uniquement */
		#pack_recharge_step .promo_banner{

		}

		/* Bannière de la page des popup écrits (.written) et chats (.chat) uniquement */
		#modal-form .promo_banner{
			margin: -22px -25px 10px -25px;
			width: available;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}

	.promo_ongoing{
		font-weight: bold;
	}
		#pack_list_form .promo_ongoing{
			color: var(--pack-box-color);/*variable css définie dans pack_selection.tpl, dans le style de l'élément pack_box*/
		}
		#pack_cart_form .promo_ongoing{

		}

	.promo_disclaimer{
		width:100%;
		text-align: center;
	}
		.promo_disclaimer .promo_countdown{
			display:inline-block;
			font-weight: bold;
		}

	#pack_cart_form .promo_disclaimer{
		margin-bottom: 10px;
	}
		
/* Banner register form */
#banner.register{
	padding-top: 50px;
}
	#banner.register .register_welcome_offer_disclaimer{
		width: 50%;
		margin: -50px auto 40px auto;
	}
		#banner.register .register_welcome_offer_disclaimer div p{
			color: #333333;
			font-size: 18px;
			font-weight: 500;
		}
	#banner.register .form{
		width: 50%;
		margin: 20px auto;

		text-align: left;
	}
	#banner.register .form label/*,
	#banner.register .form .label,
	#banner.register .form .value*/{
		color: #333333;
		font-weight: 500;
		font-size: 16px;
		
		margin-left: 0px;
		margin-right: 0px;
	}
	#banner.register .form label{
		margin-left: 5px;
	}
	#banner.register .form input[type="submit"].green{
		height: auto;
		padding: 10px 20px;
		font-size: 20px;
	}
	
/* MEMBER DASHBOARD */
/* Dashboard account */
#db-account-area{
	height: 50px;
}
#db-account{
	position: fixed;
	width: 980px;
	z-index: 6;
	
	-webkit-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0 1px 5px 0px rgba(0,0,0,0.15);
}
	.db-account-wrapper{
		background-color: #FCFCFC;
	}
	
	#db-account-swap {
		cursor: pointer;
		
		margin-top: 12px;
		margin-right: 15px;
	}
		#db-account-swap .icon{
			background-position: 0 -336px;
		}
		#db-account-swap.displayed .icon{
			background-position: 0 -360px;
		}

	.db-labels{
		font-size: 13px;
		color: #222222;
	}
	.db-values{
		font-size: 16px;
		color: #AACF3C;
	}
	.db-values.trial {
		color: #FF3D73;
	}
	
	#db-account-title{
		width: 270px;
		padding: 10px 20px 10px 20px;
		
		background-color: #FCFCFC;
		border-right: 1px solid rgba(0,0,0,0.04);
		
		white-space: nowrap;
		overflow: hidden;
	}
	
		#db-account-pseudo a{
			font-size: 14px;
			color: #222222;
		}
			#db-account-pseudo span{
				color: #AACF3C;
			}
		
		#db-account-logout{
			padding-top: 4px;
			padding-left: 5px;
		}
			#db-account-logout a{
				font-size: 9px;
				color: #666666;
				text-transform: uppercase;
			}
			#db-account-logout a:hover{
				text-decoration: underline;
			}
			
	#db-account-info{
		padding: 15px 20px 0 20px;
	}
		#db-account-info .db-infos{
			padding-right: 15px;
		}
	
	#db-account-more{
		/*background-color: #F2F2F2;*/
		border-top: 2px solid #F8F8F8;
		background: rgba(250, 250, 250, 0.90);
	}
		#db-account-time{
			width: 270px;
			padding: 25px 20px 25px 20px;
		}
			.db-account-fidelity{
				text-align: center;
			}
				.db-fidelity{
					position: relative;
					/*margin-top: 7px;*/
					height: 80px;
				}
					.db-fidelity .label{
						position: absolute;
						
						top: 30px;
						left: 20px;
						
						font-size: 10px;
						color: #222222;
						line-height: 11px;
						
						text-transform: uppercase;
					}
					.db-fidelity .label span{
						font-size: 14px;
						font-weight: 500;
					}
					.db-fidelity .label a{
						color: #222222;
					}
					
				.db-account-fidelity.vip .db-values{
					color: #FF3D73;
				}
					.db-account-fidelity.vip .label{
						left: 14px;
					}

/* Dashboard - Account menu */
#db-account-menu{
	border-left: 1px solid rgba(0,0,0,0.04);
	padding: 15px 20px 15px 20px;
}
	#db-account-menu ul{
		width: 220px;
	}
		#db-account-menu ul li{
			margin-bottom: 5px;
		}
		
			#db-account-menu .db-menu-icon{
				display: inline-block;
				position: relative;
					
				width: 28px;
				height: 28px;
				
				background-color: #999999;
				border: 2px solid #FFFFFF;
				
				border-radius: 50px;
			}
				#db-account-menu .db-menu-icon .icons16{
					margin-left: 4px;
					margin-top: 4px;
				}
			#db-account-menu .db-menu{
				display: inline-block;
				
				margin-left: 10px;
				
				font-size: 14px;
				line-height: 28px;
				vertical-align: top;
				color: #666666;
			}
			#db-account-menu .db-menu:hover, .db-menu.active{
				color: #333333;
			}
			
			#db-account-menu .db-menu-icon.green{background-color:#C2E362;}
			#db-account-menu .db-menu-icon.orange{background-color:#FD8A09;}
			#db-account-menu .db-menu-icon.blue{background-color:#71D6EB;}
			#db-account-menu .db-menu-icon.yellow{background-color:#FFE500;}
			#db-account-menu .db-menu-icon.red{background-color:#DE0000;}
			#db-account-menu .db-menu-icon.grey{background-color:#CCCCCC;}
			#db-account-menu .db-menu-icon.darkgreen{background-color:#4AA811;}
			#db-account-menu .db-menu-icon.pink{background-color:#FF3D73;}
			#db-account-menu .db-menu-icon.violet{background-color:#D290FF;}
			#db-account-menu .db-menu-icon.darkblue{background-color:#3297E0;}
			
				/* Submenu */
				#db-account-menu li ul {
					margin-top: 10px;
					margin-bottom: 10px;
					
					padding-left: 55px;
				}
				
					#db-account-menu li.db-submenu a{
						font-size: 12px;
						color: #333333;
					}
					
					#db-account-menu li.db-submenu.active,
					#db-account-menu li.db-submenu:hover{
						list-style-type: disc;
					}
						#db-account-menu li.db-submenu.active a{
							font-weight: 500;
						}
						
				#db-account-menu li ul.menu-swap{
					display: none;
				}
				#db-account-menu li ul.menu-swap.displayed{
					display: inherit;
				}
						
/* SIDEBOX */
#sidebox{
	position: relative;
	
	float: left;
	
	width: 270px;
	height: 100%;
	/*float: left;*/
	
	border-right: 2px solid #efefef;
	border-left: 2px solid #efefef;
	background-color: #F8F8F8;
}
	/* Sidebox - CSS tricks to blur */
	#sb-blur-area{
		height: 250px;
	}	
	
	#sb-blur{
		position: absolute;
		z-index: 0;
		
		left: 0;
		top: 0;
		
		width: 270px;
		height: 250px;
		
		overflow: hidden;
		
		background-repeat: none;
		background-position: top right;
		
		-webkit-filter: blur(50px);
		-moz-filter: blur(50px);
		-o-filter: blur(50px);
		-ms-filter: blur(50px);
		filter: blur(50px);
		
		opacity: 0.5;
	}
	.sb-overblur{
		position: absolute;
		height: 250px;
		z-index: 1;
		
		top: 0;
		left: 0;
	}

	/* Sibebox - Stats */
	#sb-stats{
		padding: 30px 30px 0 30px;
		/*text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.5);*/
		text-shadow: 0px 0px 2px rgba(50, 50, 50, 0.4);
	}
	
		#sb-stats-title{
			font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', Arial, sans-serif;
			font-size: 18px;
			color: #FFFFFF;
			
			text-align: center;
			font-weight: 300;
			
			margin-bottom: 30px;
		}
			#sb-stats-title span{
				color: #222222;
			}
			
		#sb-stats-subtitle{
			font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', Arial, sans-serif;
			font-size: 14px;
			line-height: 18px;
			color: #FFFFFF;
			
			text-align: center;
			font-weight: 300;
			
			margin-bottom: 30px;
		}
			#sb-stats-subtitle span{
				color: #222222;
			}
			
		#sb-stats-appstore{
			text-align: center;
		}

	/* Sidebox - Account */
	#sb-account{
		height: 250px;
	}
		.sb-labels{
			font-size: 13px;
			color: #222222;
		}
		.sb-values{
			font-size: 16px;
			color: #AACF3C;
		}
			.sb-values a{
				color: #EA615B;
			}
			.sb-values .process{
				color: #999999;
				font-size: 10px;
			}
		
		#sb-account-title{
			background-color: #FCFCFC;
			
			padding: 10px 20px 10px 20px;
			
			-webkit-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.08);
			box-shadow: 0 1px 5px 0px rgba(0,0,0,0.08);
		}
		
			#sb-account-pseudo a{
				font-size: 14px;
				color: #222222;
			}
				#sb-account-pseudo span{
					color: #AACF3C;
				}
			
			#sb-account-logout{
				padding-top: 3px;
			}
				#sb-account-logout a{
					font-size: 9px;
					color: #666666;
					text-transform: uppercase;
				}
				#sb-account-logout a:hover{
					text-decoration: underline;
				}
				
		#sb-account-info{
			padding: 15px 20px 0 20px;
		}
			#sb-account-details{
				line-height: 22px;
			}
			#sb-account-details .sb-labels{
				display: inline-block;
				width: 110px;
			}
			#sb-account-details .sb-values{
				display: inline-block;
			}
			#sb-account-details .sb-values.vip{
				color: #FF3D73;
			}
			
		.sb-account-fidelity{
			text-align: center;
			
			margin-top: 5px;
		}
			.sb-account-fidelity .sb-labels{
				font-size: 12px;
				text-transform: uppercase;
			}
				.sb-account-fidelity .sb-labels span{
					font-weight: 500;
					line-height: 0;
				}
			.sb-account-fidelity .sb-values{
				font-size: 14px;
			}
			
			.sb-fidelity{
				position: relative;
				margin-top: 7px;
				height: 80px;
			}
				.sb-fidelity .label{
					position: absolute;
					
					top: 30px;
					left: 28px;
					
					font-size: 10px;
					color: #222222;
					line-height: 11px;
					
					text-transform: uppercase;
				}
				.sb-fidelity .label a{
					color: #222222;
				}
				.sb-fidelity .label span{
					font-size: 14px;
					font-weight: 500;
				}
				
			.sb-account-fidelity.vip .sb-values{
				color: #FF3D73;
			}
				.sb-account-fidelity.vip .label{
					left: 33px;
				}
	
	/* Sidebox - Account menu */
	#sb-account-menu{
		padding: 15px 20px 12px 20px;
		background-color: #F2F2F2;
	}
		#sb-account-menu ul li{
			margin-bottom: 5px;
		}
		#sb-account-menu ul li.sb-logout{
			text-align: right;
		    font-size: 10px;
		    color: #666;
		    margin-bottom: 15px;
		    margin-top: 5px;
			text-transform: uppercase;
			font-weight: 500;
		}
			#sb-account-menu ul li.sb-logout a{
				padding: 4px 7px;
				color: #666;
				border-radius: 3px;
			}
			#sb-account-menu ul li.sb-logout a:hover{
				color: #333;
				background-color: #e5e5e5;
			}
			
			.sb-menu-icon{
				display: inline-block;
				position: relative;
					
				width: 28px;
				height: 28px;
				
				background-color: #999999;
				border: 2px solid #FFFFFF;
				
				border-radius: 50px;
			}
				.sb-menu-icon .icons16{
					margin-left: 4px;
					margin-top: 4px;
				}
			.sb-menu{
				display: inline-block;
				
				margin-left: 10px;
				
				font-size: 14px;
				line-height: 28px;
				vertical-align: top;
				color: #666666;
			}
			.sb-menu:hover, .sb-menu.active{
				color: #333333;
			}
			
			.sb-menu-icon.green{background-color:#C2E362;}
			.sb-menu-icon.orange{background-color:#FD8A09;}
			.sb-menu-icon.blue{background-color:#71D6EB;}
			.sb-menu-icon.yellow{background-color:#FFE500;}
			.sb-menu-icon.red{background-color:#DE0000;}
			.sb-menu-icon.grey{background-color:#CCCCCC;}
			.sb-menu-icon.darkgreen{background-color:#4AA811;}
			.sb-menu-icon.pink{background-color:#FF3D73;}
			.sb-menu-icon.violet{background-color:#D290FF;}
			.sb-menu-icon.darkblue{background-color:#3297E0;}
			
				/* Submenu */
				#sb-account-menu li ul{
					margin-top: 10px;
					margin-bottom: 10px;
					
					padding-left: 55px;
				}
				
					#sb-account-menu li.sb-submenu a{
						font-size: 12px;
						color: #333333;
					}
					
					#sb-account-menu li.sb-submenu.active,
					#sb-account-menu li.sb-submenu.active,
					#sb-account-menu li.sb-submenu:hover{
						list-style-type: disc;
					}
						#sb-account-menu li.sb-submenu.active a{
							font-weight: 500;
						}
	
	
	/* Sidebox - Experts */
	#sb-experts{
		position: relative;
	}
	
		/* Sidebox - Search */
		#sb-experts-search{
			padding: 5px 10px;
		}
			#sb-experts-search .input-search{
					width: 245px;
					height: 26px;
					
					margin: 0;
					padding: 4px 55px 4px 10px;
					
					font-size: 11px;
				}
			#sb-experts-search .input-button{
				right: 0;
				top: 0;

				padding: 4px 15px 1px 15px;
				
				background-color: #6F6F6F;
				border-color: #4A4A4A;
			}
	
		/* Sidebox - List */
		#sb-experts-list{
			overflow: hidden;
		}
		
			.sb-experts-online{
				position: relative;
				
				font-size: 11px;
				color: #CCCCCC;
				
				margin: 10px;
			}
				.sb-experts-online .line{
					position: absolute;
					
					top: 6px;
					width: 250px;
					height: 1px;
					
					background-color: #E5E5E5;
				}
				.sb-experts-online .text{
					position: relative;
					z-index: 1;
					
					text-align: center;
					
					background-color: #F8F8F8;
					
					margin: 0 55px;
				}
			
			.sb-experts-favorite{
				padding: 5px 0;
				text-align: center;
				background: #EFEFEF;
				font-size: 11px;
				color: #999;
			}
			
			.sb-experts{
				padding: 10px 15px;
				border-bottom: 1px solid #EFEFEF;
				
				cursor: pointer;
			}
			.sb-experts:hover{
				background-color: #FFFFFF;
			}
			
				.sb-experts .sb-experts-avatar{
					position: relative;
					width: 48px;
					height: 48px;
					
					border-radius: 40px;
					background-color: #E5E5E5;
				}
					.sb-experts .sb-experts-avatar .avatar-custom-img{
						position: absolute;
						top: 0; left: 0;
						border-radius: 40px;
						
						width: 48px;
						height: 48px;
					}
					.sb-experts .sb-experts-avatar .ic_new{
						position: absolute;
						top: -1px;
						left: -2px;
					}
					.sb-experts .sb-experts-avatar .fav-index{
						position: absolute;
						top: -2px;
						left: 0;
					}
				
				.sb-experts .sb-experts-details{
					margin-left: 5px;
					padding-top: 5px;
				}
					.sb-experts .sb-experts-pseudo{
						min-width: 85px;
						padding-right: 5px;
						
						font-size: 12px;
						color: #666666;
						font-weight: 500;
					}
					.sb-experts .sb-experts-rates{
					    color: #333;
					    font-size: 12px;
					    font-weight: 500;
					}
					
					.sb-experts .sb-experts-code{
						color: #333333;
						padding-left: 1px;
					}
					
					.sb-experts .sb-experts-status{
						font-size: 12px;
						padding-top: 5px;
						color: #37B2DA;
					}
						.sb-experts-status.present{color: #AACF3C;}
						.sb-experts-status.occupe{color: #FF8905;}
						.sb-experts-status.bientot{color: #666666;}
						.sb-experts-status.absent{color: #EB0000;}
						
					.sb-experts .sb-experts-icons{
						position: relative;
						margin-top: 11px;
						
						width: 24px;
						height: 24px;
						
						box-sizing: content-box;
						
						background-color: #71D6EB;
						border: 2px solid #FFFFFF;
						
						border-radius: 50px;
						
						-webkit-box-shadow: 0 0px 2px 0px rgba(0,0,0,0.2);
						box-shadow: 0 0px 2px 0px rgba(0,0,0,0.2);
					}
						.sb-experts .sb-experts-icons span{
							position: absolute;
							top: 4px;
							left: 4px;
						}
					
					.sb-experts-icons.present{background-color:#C2E362;}
					.sb-experts-icons.occupe{background-color:#FF9F34;}
					.sb-experts-icons.bientot{background-color:#999999;}
					.sb-experts-icons.absent{background-color:#FF4F4F;}
					
		.sb-experts-more{
			font-size: 11px;
			font-weight: 500;
			color: #333333;
			
			text-transform: uppercase;
			background-color: #E5E5E5;
			
			text-align: center;
			
			padding: 13px 0;
			
			cursor: pointer;
		}
		
		/* Sidebox - Footer */
		#sb-experts-footer{
			bottom: 0;
			z-index: 3;
			
			margin-left: -2px;
			width: 270px;
		}
			/* Sidebox - Online */
			#expert-online .container{
				background-color: rgba(44, 44, 44, 0.9);
				padding: 10px 15px 10px 10px;
				cursor: pointer;
			}
			#expert-online.fixed .container{
				position: fixed;
				z-index: 3;
				/*
				bottom: 10px;
				left: 10px;
				border-radius: 3px;
				*/
				bottom: 0;
				
				width: 270px;
			}
				#expert-online .avatar{
					width: 48px;
					height: 66px;
					
					background-color: #999999;
					border: 1px solid #333333;
					
					margin-right: 15px;
				}
				#expert-online .avatar .avatar-custom-img{
					width: 46px;
					height: 64px;
				}
				
				#expert-online .title{
					padding-top: 3px;
					
					color: #999999;
				}
				#expert-online .pseudo{
					padding-top: 3px;
					
					font-size: 13px;
					text-transform: uppercase;
					color: #FFFFFF;
				}
				#expert-online .time{
					padding-top: 10px;
					
					color: #FFFFFF;
				}
				
				#expert-online .status{
					position: relative;
					
					width: 24px;
					height: 24px;
					box-sizing: content-box;
					
					margin-top: 2px;
					
					background-color: #FF9F34;
					border: 2px solid #FFFFFF;
					
					border-radius: 50px;
					
					-webkit-box-shadow: 0 0px 2px 0px rgba(0,0,0,0.2);
					box-shadow: 0 0px 2px 0px rgba(0,0,0,0.2);
				}
					#expert-online .status span{
						position: absolute;
						top: 4px;
						left: 4px;
					}
			
			/* Sidebox - Filter */
			#sb-experts-type{
				background-color: rgba(84, 84, 84, 0.9);
				border: 1px solid #3D3D3D;
				
				padding: 10px;
			}
			#sb-experts-type .experts-type{
				position: relative;
				
				font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', Arial, sans-serif;
				font-size: 10px;
				color: #888888;
				text-transform: uppercase;
				
				padding: 3px 0 3px 21px;
				margin-left: 10px;
				margin-right: 10px;
				
				cursor: pointer;
			}
				#sb-experts-type .experts-type span{
					position: absolute;
					top: 0;
					left: 0;
					
					display: block;
					height: 16px;
					width: 16px;
					
						background-image: url("../gfx/common/template/icons_16.png?1");
					background-repeat: no-repeat;
					background-position: 0 -432px;
				}
			
			#sb-experts-type.trial .experts-type{
				padding: 3px 0 3px 18px;
				margin-left: 3px;
				margin-right: 3px;
			}
			
			#sb-experts-type .experts-type.active,
			#sb-experts-type .experts-type:hover{color: #E5E5E5;}
				#sb-experts-type .experts-type.active span,
				#sb-experts-type .experts-type:hover span{background-position: 0 -384px;}

			#sb-experts-type .experts-type.trial{
				color: #FF3D73;
			}
				#sb-experts-type .experts-type.trial span{
					background-position: 0 -816px;
				}
				#sb-experts-type .experts-type.trial:hover span{background-position: 0 -800px;}

/* NOTIFICATIONS (Score) */
/* Header - Dashboard - Sidebox */
.notif-score{
	position: absolute;
	
	border-radius: 40px;
	
	top: -4px;
	right: -4px;
	
	width: 12px;
	height: 12px;
	
	padding-top: 1px;
	
	color: #FFFFFF;
	font-size: 9px;
	font-weight: 500;
	
	text-align: center;
	
	background-color: #FF0000;
}

/* STRUCTURE */
#banners_wrapper{
	position: sticky;
	top: 70px;

	margin: auto;
	width: 980px;

	background-color: #FFFFFF;
	z-index: 7;
}
#wrapper{
	position: relative;

	margin: auto;
	width: 980px;

	background-color: #FFFFFF;

	/*-webkit-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.2);*/
	/*box-shadow: 0 2px 5px 0px rgba(0,0,0,0.2);*/
}
	#page.columns{
		float: left;
		
		width: 710px; /* 980px - 270px */
	}
	
		#page .contents{
			padding: 50px;

			color: #999999;
		}
		#page .contents.grey{
			margin: 10px;
			padding: 40px;
			
			background-color: #F8F8F8;
		}
		#page .contents.blue{
			margin: 10px;
			padding: 40px;
			
			background-color: #EFFCFF;
		}
			#page .contents .blocks{
				margin-bottom: 40px;
			}
			#page .contents p{
				line-height: 1.4em;
			}
			#page .contents ol{
				list-style: decimal;
				margin-left: 15px;
			}

/* TABLE */
.table-head{
	padding: 20px;
	background-color: #F8F8F8;
	border-bottom: 2px solid #F2F2F2;
}
	.table-head .columns{
		font-size: 12px;
		font-weight: 500;
		padding-top: 4px;
	}
	.table-head .columns span{
		color: #37B2DA;
	}

.table-body{
	background-color: #FFFFFF;
}
	.table-body .rows{
		padding: 20px;
	}
	.table-body .rows.even{
		background-color: #EFFCFF;
	}
/*[END]*/

/* Contents */

		.display-swap{
			display: none;
		}
		.display-swap.displayed{
			display: inherit;
		}

/* LANDING PAGES */
.register_landing_btn{
	height: auto !important;
	margin: auto;
	padding: 8px 12px !important;
	font-size: 13px!important;
	font-weight: bold !important;
	text-transform: uppercase;
	cursor: pointer;
	color: white!important;
	background: #97DB33 !important;
	/*background-image: none !important;*/
	border: none !important;
	border-radius: 2px !important;
	text-shadow: none !important;
}

/* ASSURANCES */
.warranties{
	width: 980px;
	margin: auto;
	background-color: white;
	display: flex;
	justify-content: space-around;
	padding: 15px 60px 15px 60px;
}
	.warranties .warranty{
		width: 20%;
		text-align: center;
	}
	.warranties .warranty a{
		color: #333333;
	}
	.warranties .warranty img{
		margin: auto;
	}
	.warranties .warranty h1{
		font-family: Arial;
		font-weight: bold;
		font-size: 14px;
		text-transform: uppercase;
		margin: 10px auto;
	}
	.warranties .warranty p{
		padding: 0;
		font-family: Arial;
		font-size: 12px;
		text-align: center;
	}

/* PAYMENT MODALITIES BANNER */
.payments_modalities_banner{
	width: 980px;
	margin: auto;
	background: linear-gradient(to bottom, white, #E6E6E6);
	padding: 15px 60px;
	line-height: 30px;
}
	.payments_modalities_banner span{
		display: inline-block;
		vertical-align: middle;

	}
	.payments_modalities_banner div{
		display: inline-block;
		vertical-align: middle;
		font-size: 18px;
		margin: 0 6px 0 10px;
	}
	.payments_modalities_banner .payments_content{
		height: 30px;
	}
	.payments_modalities_banner .payments_content img{
		margin-left: 8px;
	}
	.payments_modalities_banner.dotcom .payments_content{
		height: 24px;
	}
	.payments_modalities_banner.dotcom .payments_content img{
		margin-left: 6px;
		zoom: 0.8;
	}


/* Stats */
#homepage-stats{
	padding: 15px 60px;
	background-color: #EFEFEF;
	color: #AAAAAA;
}
	#homepage-stats .stats-wrapper{
		width: 25%;
		
		padding: 5px 0 0 30px;
		border-right: 1px solid #FFFFFF;
		
		font-size: 12px;
		vertical-align: bottom;
	}
	#homepage-stats .stats-wrapper.first{
		padding-left: 0;
	}
	#homepage-stats .stats-wrapper.last{
		border-right-width: 0px;
		padding-right: 0;
	}
	#homepage-stats .stats-num{
		float: left;
		
		padding-right: 7px;
		
		font-size: 28px;
		color: #666666;
	}
	#homepage-stats .stats-clue{
		float: left;
		padding-top: 3px;
		line-height: 12px;
	}

/* Search */
#experts-form{
	position:relative;
	overflow: visible;
	/*background-color: #FFF7E7;*/
	background-color: #EFEBE9;
}

	#experts-form h2{
		color: #333333;
		text-align: left;
		margin: 0 0 20px 0;
	}

#experts-form .form-search{
	padding: 20px 60px 20px 60px;
	/*background-color: #F8F8F8;*/
}

	#experts-type .experts-type-group{
		position: relative;
		padding: 4px 0;
	}
	#experts-type .experts-type{
		position: relative;

		text-transform: capitalize;
		color: #666666;

		font-size: 14px;
		font-weight: 700;
		line-height: 16px;
		height: 16px;
		vertical-align: top;


		margin: 0 25px 0 5px;

		cursor: pointer;
	}
	#experts-type .experts-type.first{
		margin-left: 0;
	}
	#experts-type .experts-type.favorites{
		margin-right: 15px;
	}
	#experts-type .experts-type input{
		margin: 0 3px 0 0;
		height: 16px;
		width: 16px;
		background: white;
		-webkit-appearance: none;
		-moz-appearance: none;

		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}
	#experts-type .experts-type input:checked{
		background-position: 0 -129px;
		background-image: url("../gfx/common/template/icons_16.png?6");
		background-repeat: no-repeat;
	}
	#experts-type .experts-type input.fixed.active{
		background-position: 0 -129px !important;
		background-image: url("../gfx/common/template/icons_16.png?6") !important;
		background-repeat: no-repeat !important;
	}
	#experts-type .experts-type input.fixed:not(.active){
		background: white !important;
	}
		#experts-type .experts-type span{
			position: absolute;
			top: 0;
			left: 0;
			
			display: block;
			height: 24px;
			width: 24px;
			
			background-image: url("../gfx/common/template/icons_24.png?1");
			background-position: 0 -24px;
			background-repeat: no-repeat;
		}
		#experts-type .experts-type:hover span{background-position: 0 -48px;}
	
	#experts-type .experts-type.active{color: #37B2DA;}
		#experts-type .experts-type.active span{background-position: 0 -96px;}
		
	#experts-type .experts-type.trial{color: #FF3D73;}
		#experts-type .experts-type.trial span{background-position: 0 -120px;}
		#experts-type .experts-type.trial.active span/*,
		#experts-type .experts-type.trial:hover span*/{background-position: 0 -144px;}
	
	
	#experts-search{
		/*position: relative;*/
		text-align: right;
		vertical-align: middle;
	}
		#experts-search .ic_info{
			margin-top: 6px;
			margin-left: 8px;
		}
		#experts-search .search-box{
			width: 280px;
			height: 30px;
			border: 1px solid #4A4A4A;
			border-radius: 3px;
			overflow: hidden;
		}
		
		#experts-search .input-search{
			width: 100%;
			/*height: 29px;*/
			height: 100%;

			margin: 0;
			padding: 5px 55px 5px 10px;
			
			font-size: 12px;

			border:none;

			-webkit-box-shadow: none !important;
			-moz-box-shadow: none !important;
			box-shadow: none !important;
		}
		#experts-search .input-button{
			right: 0;
			top: 0;
			height: 100%;
			border: 0;
			margin: 0;
			
			padding: 7px 15px 3px 15px;
			
			background-color: #6F6F6F;
			/*border-color: #4A4A4A;*/
		}
		#experts-search .search-more{
			font-size: 10px;
			text-transform: uppercase;
			color: #666666;
			line-height: 11px;

			margin-top: 10px;
		}
			#experts-search .search-more a{
				 color: #666666;
			 }

	#search-subbar{
		width: 100%;
		background-color: #D7CCC8;
	}
	#search-subbar.titled{
		padding: 15px 60px 15px 60px;
	}
		#search-subbar h2 {
			width: fit-content;
			margin-bottom: 5px;
			margin-right: 40px;
			display: inline-block;
		}
		#active-filters{
		}
		#search-subbar.titled #active-filters{
			display: inline-block;
		}
			#active-filters .filter_wrapper{
				padding: 15px 60px 15px 60px;
			}
			#sb-active-filters .filter_wrapper{
				padding-top: 20px;
			}
			#active-filters .active-filters-title{
				display:inline-block;
				margin: 0 10px 5px 0;
			}
			#sb-active-filters .active-filters-title{
				display:inline-block;
				margin: 0 10px 10px 0;
				font-size: 0.9em;
				color: #999999;
			}
			.filter_wrapper .filter_list{
				display:inline-block;
			}
			.filter_wrapper .filter_list.partial .filter_bubble:not(.reset){
				display:none;
			}
			/* display first 3 bubbles */
			.filter_wrapper .filter_list.partial .filter_bubble:not(.reset):nth-child(-n+3){
				display:inline-block;
			}
			/* display the last bubble (except reset) */
			.filter_wrapper .filter_list.partial .filter_bubble:nth-last-child(2){
				display:inline-block;
			}
		/* STYLE 1 */
		.filter_wrapper .filter_bubble{
			position:relative;
			display:inline-block;
			border-radius: 3px;
			background-color: rgba(255,255,255,0.5);
			color: #333333;
			padding: 5px 6px 5px 10px;
			margin-bottom: 3px;
			cursor:pointer;
			/*font-size: 12px;*/
		}
		.filter_wrapper .filter_bubble:hover{
			background-color: #333333;
			color: #FFF7E7;
		}
			.filter_wrapper .filter_bubble .filter_bubble_close{
				display:inline-block;
				font-weight: bold;
				/*color: #FAFAFA;*/
				padding-left: 6px;
				position: relative;
				bottom: 1px;
			}
			.filter_wrapper .filter_bubble.none{
				display:none;
			}
			.filter_wrapper .filter_bubble.reset{
				background-color: #FC5154;
				border-color: #FC5154;
				padding: 4px 0px 5px 5px;
				height: 26px;
				width: 26px;
				vertical-align: bottom;
			}
		#sb-active-filters .filter_wrapper .filter_bubble {
			border: 1px solid #E5E5E5;
			padding: 4px 6px 4px 10px;
		}
		#sb-active-filters .filter_wrapper .filter_bubble:hover {
			border: 1px solid #333333;
		}
		#sb-active-filters .filter_wrapper .filter_bubble.reset{
			padding: 4px 0 0 4px;
		}
		/* STYLE 2 */
		/*#active-filters .filter_bubble{*/
			/*position:relative;*/
			/*display:inline-block;*/
			/*border-radius: 20px;*/
			/*background-color: #666666;*/
			/*border: 2px solid #666666;*/
			/*color: #FAFAFA;*/
			/*padding: 3px 6px;*/
		/*}*/
		/*#active-filters .filter_bubble:hover{*/
		/*border: 2px solid #666666;*/
		/*background-color: #F8F8F8;*/
		/*color: #666666;*/
		/*}*/
		/*#active-filters .filter_bubble .filter_bubble_close{*/
			/*display:none;*/
			/*font-weight: bold;*/
			/*color: #666666;*/
			/*padding-left: 4px;*/
			/*position: relative;*/
			/*bottom: 1px;*/
			/*cursor:pointer;*/
		/*}*/
		/*#active-filters .filter_bubble:hover .filter_bubble_close{*/
		/*display:inline-block;*/
		/*}*/

	#search-filter{
		position:absolute;
		bottom:-42px;
		right: -20px;
		z-index: 3;
	}
		#search-filter .dd-selection{
			background-color: white;
			border: 1px solid #E5E5E5;
		}
		#search-filter:hover .dd-selection{
			background-color: #666666;
		}
			#search-filter .dd-selection .dd-result{
				margin-left: 10px;
			}
			#search-filter .dd-selection .dropdown-icon{
				position: absolute;
				right: 8px;
				top: 8px;
			}

/* Advanced search */		
.form-advanced-search{
	/*border-bottom: 2px solid #F2F2F2;*/
	
	padding: 20px 60px;
	
	/*-webkit-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0 2px 5px 0px rgba(0,0,0,0.2);*/
}
	.form-advanced-search .ic_close{
		cursor: pointer;
	}
	.form-advanced-search h3{
		text-transform: uppercase;
		
		font-size: 13px;
		font-weight: 500;
		color: #666666;
		line-height: 15px;
		
		padding-bottom: 15px;
	}
	
	.form-advanced-search .br{
		padding: 20px 0;
	}
	
	.dd-advanced{
		position: relative;
		margin-right: 40px;
	}
		.dd-selection{
			width: 310px;
			padding: 10px;
			
			border-radius: 3px;
			background-color: #F8F8F8;
			
			font-size: 13px;
			font-weight: 500;
			
			color: #666666;
			cursor: pointer;
		}
			.dd-selection span{
				white-space: nowrap;
				text-transform: uppercase;
				color: #37B2DA;
				
				margin-left: 20px;
			}
		.dd-advanced:hover .dd-selection{
			background-color: #666666;
			color: #FAFAFA;
			
			border-radius: 3px 3px 0 0;
		}
		
		.dd-list{
			position: absolute;
			z-index: 3;
			width: 310px;
			
			padding: 15px;
			
			background-color: #FAFAFA;
			
			border-radius: 0 0 3px 3px;
			border: 1px solid #E5E5E5;
			border-top: none;
			
			display: none;
		}
		.dd-advanced:hover .dd-list{
			display: block;
		}
			.dd-item{
				cursor: pointer;
				
				font-size: 12px;
				line-height: 22px;
				
				color: #999999;
				
				white-space: nowrap;
			}
			.dd-item.active,
			.dd-item:hover{
				color: #333333;
			}
			
			.dd-item span{
				margin-right: 7px;
				
				width: 14px; /*16px*/
				height: 9px; /*16px*/
			}
			.dd-item.active span{
				background-position: 0 -132px; /*-128px*/
			}
			
			.dd-list .separator{
				height: 1px;
				background-color: #efefef;
				margin: 5px 0;
			}
	
	.written-filter.dd-advanced{
		position: absolute;
		z-index: 4;
		right: 0px;
		top: 2px;
		/*background: none;*/
		margin-right: 0px;
		/*margin-top: -6px;*/
	}
		.written-filter .dd-selection{
			width: 20px; height: 20px;
			background: none;
			padding: 3px 3px 1px 1px;
		}
		/*.written-filter:hover .dd-selection{*/
			/*width: 230px;*/
		/*}*/
			.written-filter .dd-selection span{
				margin-left: 0;
				display: none;
			}
			/*.written-filter:hover .dd-selection span{*/
				/*display: block;*/
			/*}*/
			.written-filter .dd-selection .icons16{
				display: block;
				margin-top: -2px;
				margin-right: 5px;
			}
		.written-filter .dd-list{
			width: 230px;
			background-color: #EFEBE9;
		}
	
	.cb-category{
		font-size: 12px;
		font-weight: 500;
		color: #666666;

		/*background: none;*/
		/*background-color: #FFEDC8;*/
		background-color: rgba(255,255,255,0.5);
		border: 1px solid #666666;
		border-radius: 3px;
		
		margin-right: 15px;
		margin-bottom: 10px;
		padding: 4px 13px 6px 8px;
		
		cursor: pointer;
		
		width: 180px;
	}
	.cb-category.active{
		/*color: #FAFAFA;*/
		color: #FFF7E7;
		background-color: #666666;
	}
		.cb-category span{
			margin-right: 5px;
			vertical-align: bottom;
		}
		.cb-category:hover span{
			background-position: 0 -144px;
		}
		.cb-category.active span{
			background-position: 0 -160px;
		}
		.cb-category.active:hover span{
			background-position: 0 -176px;
		}

/* Navigation */
.experts-nav,
.expert-reviews-nav,
.transactions-nav,
.consultations-nav,
.alerts-nav,
.member-experts-nav,
.recalls-nav,
.articles-nav{
	text-align: center;
	
	padding-top: 10px;
	padding-bottom: 10px;
	
	background-color: #FBFBFB;
}

.pagination{
	position: relative;
}
	.pagination .pages{
		display: inline-block;
		width: 28px;
		height: 28px;
		
		padding-top: 5px;
		
		font-size: 16px;
		font-weight: 500;
		
		color: #666666;
		
		text-align: center;
		vertical-align: middle;
		
		border-radius: 40px;
		/*background: #EFEFEF;
		border: 1px solid #DDDDDD;*/
		
		margin-left: 8px;
		margin-right: 8px;
		cursor: pointer;
	}
	.pagination .page-btn{
		display: inline-block;

		padding-top: 5px;
		margin: 8px auto;

		font-size: 16px;
		font-weight: 500;

		color: #666666;

		text-align: center;
		vertical-align: middle;

		cursor: pointer;
	}
	.pagination .pages:hover{
		color: #333333;
		background-color: #EFEFEF;
		/*border: 1px solid #E5E5E5;*/
	}
	.pagination .pages.active,
	.pagination .pages.active:hover{
		background: #6ECDEB;
		/*border: 1px solid #37B2DA;*/
		color: #FFFFFF;
	}
	
	.pagination .sep{
		font-weight: 500;
	}
	
	.pagination .refresh{
		position: absolute;
		
		top: 9px;
		right: 60px;
		
		height: 30px;
		
		font-size: 12px;
		font-weight: 500;
		color: #333333;
		
		text-transform: uppercase;
		
		padding: 8px 12px 0 12px;
		margin-left: 20px;
		cursor: pointer;
		
		border-radius: 3px;
		
	}
	.pagination .refresh:hover{
		
		background-color: #EFEFEF;
	}

/* Listing */
#experts-list{
	position: relative;
}

	#experts .noresult{
		padding: 20px 0;
		
		text-align: center;
		font-size: 13px;
		font-weight: 500;
	}

/* Listing items */
.experts{
	/*margin-top: -1px;*/
	width: 100%;
	/*border: 1px solid #E5E5E5;*/
	border-right: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	background-color: #F8F8F8;
	overflow: hidden;
}
.experts:first-of-type{
	/*margin-top: 0;*/
	border-top: 1px solid #E5E5E5;
}
.experts.even{
	background-color: #D1D8DC;
}
.experts .experts-details{
	display: inline-block;
	overflow: visible;
	width: 630px;
	/*height:190px;*/
	position: relative;
	background-color: white;
	z-index: 2;
	padding: 20px 0 20px 60px;
	box-sizing: border-box;
}
.experts .experts-details:after{
	content: " ";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: inherit;
	transform-origin: bottom left;
	-ms-transform: skew(-15deg, 0deg);
	-webkit-transform: skew(-15deg, 0deg);
	transform: skew(-15deg, 0deg);
	z-index: -1;
	border-right: 1px solid #E5E5E5;
}
.experts.even .experts-details{
	background-color: #F5F5F5;
}

.experts-details .inline{
	display: inline-block;
	vertical-align: middle;
	margin-right: 50px;
}

	.experts-header{
		position: relative;
		width: 100%;
		height: 22px;
		line-height: 20px;
		justify-content: space-between;
		margin-bottom: 12px;
	}
		.experts .experts-pseudo a{
			font-size: 16px;
			font-weight: 500;
			color: #333333;
			text-transform: uppercase;
		}

		.experts .experts-calls{
			position: absolute;
			right: 170px;
			top: 0;
		}
		.experts .experts-calls span{
			font-weight: 700;
			color: #333;
		}

		.experts .average{
			position: absolute;
			right: 20px;
			top: 0;
		}
		.experts .average span{
			font-weight: 700;
			color: #333;
		}

		.experts .experts-stars{
			position: absolute;
			right: 20px;
			top: 0;
		}
			.experts .experts-stars div{
				display:inline-block;
				position: relative;
				margin-left: 2px;
			}
			.experts .experts-stars .semi{
				position: absolute;
				left: 0;
				width: 8px;
			}
			.experts .experts-stars .alpha{
				opacity: 0.3;
			}

	.experts .experts-avatar{
		position: relative;
		display: inline-block;
	}
	.experts .experts-avatar .avatar-custom-img{
			display: block;

			box-sizing: content-box;

			width: 76px;
			height: 90px;

			border-radius: 5px;
			/*background-color: #E5E5E5;*/
			/*background-size: cover;*/
			/*background-position: center center;*/

			border: 2px solid #FFFFFF;

			-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
			box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
		}
		.experts .experts-avatar .ic_risingStar{
			position: absolute;
			left: 2px;
			top: 2px;
			z-index: 1;
		}
		.experts .experts-avatar .ic_new{
			position: absolute;
			left: -12px;
			top: -15px;
			z-index: 1;
		}
		.experts .experts-avatar .fav-index{
			/*margin-top: -6px;*/
			position: absolute;
			left: -9px;
			top: -9px;
		}
		/**/
		.experts .experts-country{
			position: absolute;
			left: 28px;
			bottom: -12px;
		}


	.experts .expert-description{
		display: inline-block;
		vertical-align: top;
		padding: 10px 0px 10px 30px;
	}
		.experts .experts-categories{
			margin-bottom: 10px;
		}
		.experts .experts-categories a{
			color: #333;
			font-weight: 700;
		}
		.experts .experts-highlight{
			width: 400px;
		}

	.experts .experts-footer{
		margin-top: 12px;
		width: 100%;
		position: relative;
	}
		.experts .experts-footer .experts-tools{
			display: inline-block;
			width: 84px;
			text-align: center;
		}
			.experts .experts-footer .experts-tools .tools{
				display: inline-block;
				margin: 0 4px;
			}
			.experts .experts-footer .experts-tools .tools.audio.active span{
				background-position: 0 -192px;
			}


.experts .experts-consultation{
	/*width: 344px;*/
	display: inline-block;
	background: none;
	vertical-align: top;
	padding: 20px 0 0 70px;
}
	.experts .experts-consultation-title{
		font-size: 16px;
		font-weight: 500;
		color: #333333;
		text-transform: uppercase;
		margin-bottom: 32px;
	}
	.experts .status-wrapper{
		position: relative;
		margin-left: 48px;
		max-width: 170px;
	}
	.experts .status-wrapper:first-of-type{
		margin-left: 0;
	}
	.experts .status-wrapper.occupe{
		margin-right: 6px;
	}
	.experts .status-wrapper.absent{
		margin-right: -14px;
	}
	.experts .status-wrapper .status-type-text{
		position: absolute;
		width: 200%;
		right: -50%;
		bottom: -22px;
		text-transform: uppercase;
		font-size: 13px;
		text-align: center;
	}
	.experts .status-wrapper.occupe .status-type-text, .experts .status-wrapper.absent .status-type-text{
		display: none;
	}

	.experts .experts-code{
		position:absolute;
		left: 0px;
		bottom: -60px;
		/*width: 160px;*/
		/*height: 28px;*/
		background-color: #E5E5E5;
		font-size: 16px;
		padding: 4px 10px;
		white-space: nowrap;
		border-radius: 3px;
		border-color: #E5E5E5 transparent;
	}
		.experts .experts-code:after{
			content: "";
			position: absolute;
			display: block;
			width: 0;
			top: -7px;
			left: 13px;
			border-width: 0 7px 7px;
			border-style: solid;
			border-color: inherit;
		}
		.experts .experts-code a{
			color: #333333;
		}
		.experts .experts-code span{
			color: #37B2DA;
		}


/* Status */
.experts-status{
	margin-top: 20px;
}
	.status-wrapper{
		position: relative;
		cursor: default;
		
		min-height: 44px;
		padding-left: 40px;
		
		border: 2px solid #FFFFFF;
		margin-right: 10px;
		
		border-radius: 40px;
		
		-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
	}
	.experts.ca .status-wrapper{margin-right: 3px;} /* hack */
	.experts.de .status-wrapper{margin-right: 3px;} /* hack */
	
	.status-wrapper.written{margin-right: 0;}
		.status-wrapper .status-icon{
			position: absolute;
			left: 8px;
			top: 8px;
			
			display: block;
			width: 24px;
			height: 24px;
			background: url("../gfx/common/template/icons_status.png?1") no-repeat 0 -216px;
		}
		.status-wrapper.chat .status-icon{background-position: 0 -240px;}
		.status-wrapper.written .status-icon{background-position: 0 -264px;}
	
	.status-wrapper{
		background: #3D8DB2; /* Old browsers */
		background: -moz-linear-gradient(top,  #6BB9DD 0%, #3D8DB2 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6BB9DD), color-stop(100%,#3D8DB2)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #6BB9DD 0%,#3D8DB2 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #6BB9DD 0%,#3D8DB2 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #6BB9DD 0%,#3D8DB2 100%); /* IE10+ */
		background: linear-gradient(top,  #6BB9DD 0%,#3D8DB2 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6BB9DD', endColorstr='#3D8DB2',GradientType=0 ); /* IE6-9 */
	}
	
	.status-wrapper.bientot{
		background: #9D9D9D; /* Old browsers */
		background: -moz-linear-gradient(top,  #CBCBCB 0%, #9D9D9D 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CBCBCB), color-stop(100%,#9D9D9D)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #CBCBCB 0%,#9D9D9D 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #CBCBCB 0%,#9D9D9D 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #CBCBCB 0%,#9D9D9D 100%); /* IE10+ */
		background: linear-gradient(top,  #CBCBCB 0%,#9D9D9D 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CBCBCB', endColorstr='#9D9D9D',GradientType=0 ); /* IE6-9 */
	}
		.status-wrapper.bientot .status-icon{background-position: -24px -144px;}
		.status-wrapper.chat.bientot .status-icon{background-position: -24px -168px;}
		.status-wrapper.written.bientot .status-icon{background-position: -24px -192px;}
			
	.status-wrapper.absent{
		background: #F93636; /* Old browsers */
		background: -moz-linear-gradient(top,  #F27676 0%, #F93636 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F27676), color-stop(100%,#F93636)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #F27676 0%,#F93636 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #F27676 0%,#F93636 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #F27676 0%,#F93636 100%); /* IE10+ */
		background: linear-gradient(top,  #F27676 0%,#F93636 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F27676', endColorstr='#F93636',GradientType=0 ); /* IE6-9 */
	}
		.status-wrapper.absent .status-icon{background-position: -24px -72px;}
		
	.status-wrapper.occupe{
		background: #FA8D36; /* Old browsers */
		background: -moz-linear-gradient(top,  #FBC150 0%, #FA8D36 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBC150), color-stop(100%,#FA8D36)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #FBC150 0%,#FA8D36 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #FBC150 0%,#FA8D36 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #FBC150 0%,#FA8D36 100%); /* IE10+ */
		background: linear-gradient(top,  #FBC150 0%,#FA8D36 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBC150', endColorstr='#FA8D36',GradientType=0 ); /* IE6-9 */
	}
		.status-wrapper.occupe .status-icon{background-position: -24px 0;}
		.status-wrapper.chat.occupe .status-icon{background-position: -24px -24px;}
		.status-wrapper.written.occupe .status-icon{background-position: -24px -48px;}
			
	.status-wrapper.present{
		background: #83B938; /* Old browsers */
		background: -moz-linear-gradient(top,  #B2DE75 0%, #83B938 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B2DE75), color-stop(100%,#83B938)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #B2DE75 0%,#83B938 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #B2DE75 0%,#83B938 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #B2DE75 0%,#83B938 100%); /* IE10+ */
		background: linear-gradient(top,  #B2DE75 0%,#83B938 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B2DE75', endColorstr='#83B938',GradientType=0 ); /* IE6-9 */
		
		cursor: pointer;
	}
		.status-wrapper.present .status-icon{background-position: 0 -72px;}
		.status-wrapper.phone-surtax.present .status-icon{background-position: 0 -96px;}
		.status-wrapper.phone-cb.present .status-icon{background-position: 0 -120px;}
		.status-wrapper.phone-mobile.present .status-icon{background-position: 0 -192px;}
		.status-wrapper.chat.present .status-icon{background-position: 0 -144px;}
		.status-wrapper.written.present .status-icon{background-position: 0 -168px;}
		
	.status-wrapper.present.hover,
	.status-wrapper.present:hover{
		background: #C2DD9E; /* Old browsers */
		background: -moz-linear-gradient(top,  #D8EEBA 0%, #C2DD9E 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D8EEBA), color-stop(100%,#C2DD9E)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #D8EEBA 0%,#C2DD9E 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #D8EEBA 0%,#C2DD9E 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #D8EEBA 0%,#C2DD9E 100%); /* IE10+ */
		background: linear-gradient(top,  #D8EEBA 0%,#C2DD9E 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8EEBA', endColorstr='#C2DD9E',GradientType=0 ); /* IE6-9 */
	}
		.status-wrapper.present.hover .status-icon{background-position: 0 -72px;}
		.status-wrapper.phone-mobile.present.hover .status-icon{background-position: 0 -192px;}
		.status-wrapper.chat.present.hover .status-icon{background-position: 0 -144px;}
		.status-wrapper.written.present.hover .status-icon{background-position: 0 -168px;}
		
		.status-wrapper .status-display{
			padding: 6px 10px 0 0;
		}
			.status-wrapper .status{
				font-size: 11px;
				font-weight: bold;
				text-transform: uppercase;
				color: #FFFFFF;
				text-shadow:
					rgba(0,0,0, 0.1) 1px 1px,
					rgba(0,0,0, 0.1) -1px 1px,
					rgba(0,0,0, 0.1) -1px -1px,
					rgba(0,0,0, 0.1) 1px -1px;
			}
			.status-wrapper .status-time,
			.status-wrapper .status-back,
			.status-wrapper .status-remaining{
				font-size: 11px;
				color: #FFFFFF;
			}
				.status-wrapper .status-time span,
				.status-wrapper .status-back span,
				.status-wrapper .status-remaining span{
					font-weight: bold;
					/*color: #333333;*/
				}
			.status-wrapper .status-alert{
				margin: 3px 0;
			}
				.status-wrapper .status-alert a{
					display: inline-block;
					font-size: 11px;
					color: #FFFFFF;
					font-weight: bold;
					vertical-align: top;
				}
			.status-wrapper .status-remaining{
				padding-bottom: 10px;
			}
		
		.status-wrapper .status-swap{
			display: none;
			
			font-size: 11px;
			color: #333333;
			
			white-space: nowrap;
			
			padding: 6px 10px 0 0;
		}
		.status-wrapper.hover{
			border-radius: 4px;
		}
		.status-wrapper.hover .status-swap{
			display: block;
		}
			.status-wrapper .status-swap a{
				color: #333333;
				text-decoration: none;
			}
			.status-wrapper .status-swap a:hover{
				color: #4E7F1D;
			}

/* PROMO STAMP */
.promo_stamp{
    position:absolute;
    background-color:rgba(255, 255, 255, 0.7);
	color: #3EA1BD;
	border: 1px solid #3EA1BD;
    /*color: #FD8A09;*/
	/*border: 2px solid #FD8A09;*/
    border-radius: 3px;
    width: 45px;
    padding: 1px 1px;
    font-size: 10px;
	letter-spacing: 1px;
	font-weight: bolder;
    text-align: center;
    transform:rotate(-30deg);
    pointer-events: none
}
.status-wrapper .promo_stamp{
    left: -8px;
    top: 0;
}
a.modals .promo_stamp{
	transform:scale(1.4);
    left: 6.5px;
    top: -1px;
}
.sb-experts-icons .promo_stamp{
	transform:rotate(-30deg) scale(0.7);
    left: -14px;
    top: -3px;
}

#pack_list .promo_stamp{
	zoom: 1.3;
	transform: rotate(45deg);
	right: -12px;
	top: 2px;
}

/* DETAIL DASHBOARD */
#expert-dashboard{
	background-color: #F2F2F2;
}
	
	#expert-dashboard .db-overblur{
		position: relative;
		height: 200px;
		
		overflow: hidden;
		
		z-index: 1;
		
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
		
		background: rgba(0,0,0,0.15);
	}
	#expert-dashboard:hover .db-overblur{
		background: rgba(0,0,0,0.6);
	}
	
		#expert-dashboard .db-offline{
			cursor: default;
			position: absolute;
			z-index: 1;
			
			right: -103px;
		    top: -73px;
		    
		    width: 230px;
		    height: 170px;
		    
		    padding-top: 95px;
			
			/*right: -90px;
			top: -90px;
			
			width: 180px;
			height: 170px;
			
			padding-top: 125px;*/
			
			color: #FFFFFF;
			text-align: center;
			
			background-color: #FF4F4F;
			border: 2px solid #FFFFFF;
			
			-ms-transform: rotate(45deg); /* IE 9 */
		    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
		    transform: rotate(45deg);
		    
		    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
			-moz-box-shadow:    0px 0px 4px 0px rgba(0, 0, 0, 0.5);
			box-shadow:         0px 0px 4px 0px rgba(0, 0, 0, 0.5);
			
			text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
		}
			#expert-dashboard .db-offline .status{
				text-transform: uppercase;
				font-size: 14px;
				font-weight: 500;
				
				padding-bottom: 7px;
			}
			#expert-dashboard .db-offline .back{
				font-size: 10px;
				padding-bottom: 8px;
			}
			#expert-dashboard .db-offline .alert{
				font-size: 10px;
				padding-bottom: 8px;
				font-weight: 700;
			}
				#expert-dashboard .db-offline .alert a{
					display: inline-block;
					color: #FFFFFF;
				}
			#expert-dashboard .db-offline .back span{
				font-weight: 500;
			}
		
		#expert-dashboard .db-avatar{
			/*margin: 40px 30px 0 70px;*/
			position: relative;
			margin: 30px 0 0 50px;
			
			width: 120px;
			height: 120px;
			
			/*border-radius: 100%;*/
			/*background-color: #E5E5E5;*/
			
			/*border: 2px solid #FFFFFF;*/
		}
			#expert-dashboard .db-avatar .avatar-custom-img{
				position: absolute;
				top: 0;
				left: 0;
				width: 120px;
				height: 120px;

				border-radius: 100%;
				/*background-color: #E5E5E5;*/

				border: 2px solid #FFFFFF;
			}
			#expert-dashboard .db-avatar .db-expert-actions{
				position: absolute;
				width: 100%;
				text-align: center;
				left: 0;
				bottom: -40px;
			}
			#expert-dashboard .db-avatar .db-expert-actions-wrapper{
				display: inline-block;
				background: rgba(255,255,255,0.8);
				width: fit-content;
				border-radius: 5px;
				padding: 3px;
			}
			#expert-dashboard .db-avatar .db-expert-action{
				display: inline-block;
				margin: 0px 5px;
			}
			#expert-dashboard .db-avatar .ic_new{
				position: absolute;
				left: -10px;
				top: -10px;
			}
			#expert-dashboard .db-avatar .fav-index{
				position: absolute;
				top: -6px; left: 0;
			}
			#expert-dashboard .db-country{
				position: absolute;
				left: 40px;
				bottom: -20px;
			}
		
		#expert-dashboard .db-wrapper{
			
		}
		
		#expert-dashboard .db-details{
			margin-top: 40px;
			margin-right: 30px;
			min-width: 200px;
			max-width: 200px;
		}
			#expert-dashboard .db-pseudo{
				/*margin-right: 30px;*/
				margin-bottom: 20px;
				font-size: 24px;
				color: #FFFFFF;
			}
			#expert-dashboard .db-details .title{
				font-size: 10px;
				font-weight: 500;
				
				text-transform: uppercase;
				color: #F8F8F8;
			}
			#expert-dashboard .db-details .value{
				font-size: 30px;
				line-height: 30px;
				color: #F8F8F8;
				
				text-transform: uppercase;
			}
		
			#expert-dashboard .db-status{
				margin-top: 30px;
			}
				.db-status .status-wrapper{
					border-radius: 4px;
					cursor: default;
				}
				
				.db-status .status-wrapper.present .status-display{
					padding-top: 13px;
				}
		
		#expert-dashboard .db-stats{
			min-width: 200px;
			margin-top: 40px;
			margin-right: 40px;
		}
			.db-stats .wrap{
				margin-left: 10px;
				margin-bottom: 20px;
			}
				.db-stats .value{
					font-size: 20px;
					font-weight: 500;
					color: #F8F8F8;
					line-height: 16px;
					margin-bottom: 2px;
				}
					.db-stats .value .reviews{
						margin-right: 10px;
					}
					
					.db-stats .value div{
						position: relative;
						margin-left: 5px;
					}
					.db-stats .value .semi{
						position: absolute;
						left: 0;
						width: 8px;
					}
					.db-stats .value .alpha{
						opacity: 0.3;
					}
					
				.db-stats .title{
					font-size: 10px;
					font-weight: 500;
					color: #F8F8F8;
					text-transform: uppercase;
					white-space: nowrap;
				}
		
	#expert-options{
		height: 50px;
		padding: 0 10px;
		background-color: #F2F2F2;
	}
	
		#expert-options .db-menu{
			margin-top: 5px;
			width: 100%;
		}
			.db-menu .menu-items{
				padding:6px;
				min-height: 39px;
				line-height: 27px;
				
				white-space: nowrap;
			}
				.db-menu .menu-items img{
					display: inline-block;
					position: relative;
					top:1px;
					margin: 0 2px;
				}
				.db-menu .menu-items a{
					color: #333333;
					text-decoration: none;
					text-transform: capitalize;
				}
/*[END]*/

/* DETAIL COMMUNICATIONS */
#expert-status{
}
	#communications{
		padding: 20px 0;
		text-align: center;
		background-color: #D1D8DC;
	}
	
		#communications .communications{
			cursor: default;
			display: inline-block;
			text-align: left;

			width: 215px;
			margin-left: 10px;
			padding: 5px;
			
			font-size: 12px;
			overflow: hidden;

			/* transition */
			-webkit-transition: all 500ms ease;
			-moz-transition: all 500ms ease;
			-ms-transition: all 500ms ease;
			-o-transition: all 500ms ease;
			transition: all 500ms ease;
		}
		
			#communications .communications a{
				position: relative;
				color: #333333;
				z-index: 1;
			}

			#communications .communications .default{
				position: relative;
				padding: 5px 40px 5px 70px;
				height: 71px;

				white-space: nowrap;
				
				font-size: 13px;
				color: #333333;
				text-transform: uppercase;
			}
				#communications .communications .icon{
					height: 58px;
					width: 58px;
					
					border-radius: 100%;
					border: 2px solid #FFFFFF;
					
					-webkit-box-shadow: 0 0px 2px 0px rgba(0,0,0,0.2);
					box-shadow: 0 0px 2px 0px rgba(0,0,0,0.2);
					
					background-color: #71D6EB;
				}
					#communications .communications .icon span{
						margin: 9px;
					}
				
				#communications .communications.present .icon{background-color:#C2E362;}
				#communications .communications.occupe .icon{background-color:#FF9F34;}
				#communications .communications.bientot .icon{background-color:#999999;}
				#communications .communications.absent .icon{background-color:#FF4F4F;}
				
				#communications .communications .default span{
					color: #37B2DA;
					font-weight: 500;
				}
					#communications .communications .default .icons16{
						position: absolute;
						
						bottom: 0;
						right: 0;
						
						opacity: 0.5;
					}
			
			#communications .communications .swap{
				display: none;

				padding: 5px 40px 0 70px;
				height: 71px;
				white-space: nowrap;
			}
				#communications .communications .swap .title{
					color: #333333;
					font-weight: 500;
				}
				#communications .communications .swap .num{
					font-weight: 500;
					font-size: 14px;
					color: #333333;
				}
				#communications .communications .swap p{
					margin: 0;
					margin-bottom: 5px;
				}
				
				#communications .communications .swap.alt a{
					color: #333333;
				}
				#communications .communications .swap.alt a strong{
					color: #37B2DA;
				}
			
	/* reduced & hover */
	/*#communications .communications.reduced{width: 68px;}*/
	/*#communications .communications.reduced .default{display: none;}*/
	
	#communications .communications.hover .default{display: none;}
	#communications .communications.hover .swap{display: block;}
	
	/* online */
	#communications .communications-online{
		cursor: default;
		display:inline-block;
		vertical-align: top;

		width: 215px;
		margin: 5px 5px 5px 15px;
		
		border-radius: 40px;
		border: 2px solid #FFFFFF;
		
		-webkit-box-shadow: 0 0px 2px 0px rgba(0,0,0,0.2);
		box-shadow: 0 0px 2px 0px rgba(0,0,0,0.2);
		
		background-color:#FF9F34;
	}
		#communications .communications-online .icon{
			height: 54px;
			width: 54px;
			
			padding-top: 10px;
			padding-left: 10px;
		}
		#communications .communications-online .icon.centered{
			padding-top: 17px;
		}
		
		#communications .communications-online .display{
			padding: 13px 0px 0 10px;
		}
			#communications .communications-online .display .status{
				font-size: 11px;
				font-weight: bold;
				text-transform: uppercase;
				color: #FFFFFF;
				text-shadow:
					rgba(0,0,0, 0.1) 1px 1px,
					rgba(0,0,0, 0.1) -1px 1px,
					rgba(0,0,0, 0.1) -1px -1px,
					rgba(0,0,0, 0.1) 1px -1px;
			}
			#communications .communications-online .display .status-time,
			#communications .communications-online .display .status-back,
			#communications .communications-online .display .status-remaining{
				font-size: 11px;
				color: #FFFFFF;
			}
				#communications .communications-online .display .status-time span,
				#communications .communications-online .display .status-back span,
				#communications .communications-online .display .status-remaining span{
					font-weight: bold;
				}
			#communications .communications-online .display .status-remaining{
				padding-top: 3px;
				padding-bottom: 10px;
			}
		
/*[END]*/

/* VISITORS */
#expert-visitors{
	position: fixed;
	z-index:9;
	
	opacity: 0;
	
	top: 6em;
	right: 3em;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
	
	background-color: rgba(0, 0, 0, 0.7);
	
	color: #FFFFFF;
	width: 200px;
	padding-left: 60px;
	
	background-image: url("../gfx/common/template/visitors.png?1");
	background-position: 5px 7px;
	background-repeat: no-repeat;
}

/* PROPOSALS */
#proposals{
	float: right;
	
	padding: 10px;
	
	background-color: #F8F8F8;
	
	border-radius: 5px;
	
	margin-left: 40px;
	margin-bottom: 40px;
}
	#proposals .title{
		text-align: center;
		
		font-size: 10px;
		color: #666666;
		
		text-transform: uppercase;
		
		margin-bottom: 5px;
	}
		#proposals .title span{
			font-size: 14px;
			font-weight: 500;
		}
		
		#proposals .proposals{
			padding: 5px;
		}
		
			#proposals .proposals .avatar .avatar-custom-img{
				display: block;
				margin: auto;
				
				box-sizing: content-box;
				
				width: 48px;
				height: 48px;
				
				border: 2px solid #CCCCCC;
				background-color: #E5E5E5;
				
				border-radius: 100%;
			}
			
				#proposals .proposals.present .avatar .avatar-custom-img{border-color: #AACF3C;}
				#proposals .proposals.occupe .avatar .avatar-custom-img{border-color: #FF8905;}
				#proposals .proposals.bientot .avatar .avatar-custom-img{border-color: #666666;}
				#proposals .proposals.absent .avatar .avatar-custom-img{border-color: #EB0000;}
/*[END]*/

/* EXPERT */
#expert-detail .audio{
	display: -webkit-flex;
	display: flex;
	justify-content: center;

	margin: 0 0 40px 90px;
	padding: 15px 20px;
	
	font-size: 1.3em;
	color: #333333;
	
	border-radius: 5px;
	cursor: pointer;
}
#expert-detail .audio:hover{background-color: #f8f8f8;}
#expert-detail .audio.active{background-color: #f2f2f2;}

	#expert-detail .audio span{
		color: #37B2DA;
	}
		#expert-detail .audio.active .icons24{
			background-position: 0 -480px;
		}
		#expert-detail .audio .content{
			margin: 1px 0 0 7px;
		}

#expert-detail .quote{
	color: #333333;
	font-family: "Kalam", cursive;
	background-color: #f8f8f8;
    padding: 20px;
}
#expert-detail p.description{
	color: #666;
	font-size: 1.1em;
    line-height: 1.6em;
}

/* EXPERT PLANNING */

#expert-planning .menu{
	border-bottom: 2px solid #666;
}
	#expert-planning .menu .items{
		padding: 13px 25px 12px 25px;
		margin-right: 2px;
		
		border-top-right-radius: 3px;
		border-top-left-radius: 3px;
		
		color: #666;
		
		cursor: pointer;
		
		background: #f8f8f8;

	}
	#expert-planning .menu .items:hover{
		background: #E5E5E5;
	}
	#expert-planning .menu .items.active{
		background: #666666;

		color: #FFFFFF;
		font-weight: 500;
	}

.plannings{
}
.plannings .wrapper{
	position: relative;
	
	background: #F8F8F8;
	padding: 5px 0 5px 5px;
	
	border-radius: 2px;
}

	.plannings .no-planning{
		position: absolute;
		
		margin-top: 80px;
		margin-left: 100px;
		margin-right: 100px;
		
		padding: 20px;
		border-radius: 5px;
		
		font-size: 20px;
		font-weight: bold;
		color: #35A1D8;
		
		background-color: rgba(255, 255, 255, 0.8);
		
		z-index: 1;
	}
	.plannings .wrapper:hover .no-planning{
		display:none;
	}
	
	.plannings .hours{
		/*padding-left: 70px;*/
		margin-bottom: 5px;
	}
		.plannings .hour{
			width: 24px;
		
			padding: 5px 0;
			margin: 0px;
			margin-right: 1px;
			
			font-size: 10px;
			color: #000000;
			text-align: center;
			
			background-color: #D8D8D8;
			border-radius: 2px;
		}
	
	.plannings .days{
		position: relative;
		
		overflow: hidden;
		
		margin-bottom: 5px;
	}
		.plannings .day{
			cursor: pointer;
			position: absolute;
			top: 0;
			left: 0;
			
			width: 150px;
			height: 25px;
		
			padding-top: 5px;
			padding-left: 10px;
			
			background-color: rgba(255, 255, 255, 0.5);
			
			color: #333333;
			font-size: 12px;
			font-weight: 500;
			
			/* transition */
			-webkit-transition: left 300ms ease;
			-moz-transition: left 300ms ease;
			-ms-transition: left 300ms ease;
			-o-transition: left 300ms ease;
			transition: left 300ms ease;
		}
		.plannings .days:hover .day{
			left: -150px;
		}
			.plannings .day span{
				color: #666666;
			}
			
			.plannings .sectors{
				cursor: default;
				float: left;
				
				width: 22px;
				margin-right: 2px;
				margin-left: 1px;
				
				/*border: 1px solid #E5E5E5;*/
			}
				.plannings .sector{
					width: 50%;
					height: 25px;
					
					padding: 0px;
					margin: 0px;
					
					cursor: pointer;
					overflow: hidden;
					
					/*border: 1px solid #E5E5E5;*/
					background-color: #E5E5E5;
				}
				.plannings .sector.left{
					border-top-left-radius: 1px;
					border-bottom-left-radius: 1px;
				}
				.plannings .sector.right{
					border-top-right-radius: 1px;
					border-bottom-right-radius: 1px;
				}
				.plannings .sector:hover{
					opacity: 0.4;
				}
					.plannings .sector.current{
						background: #EA615B;
					}
					.plannings .sector.selected{
						background: #C2E362;
					}
					
					.plannings .sector.active{
						background: repeating-linear-gradient(
							45deg,
							#E5E5E5,
							#E5E5E5 5px,
							#F8F8F8 0px,
							#F8F8F8 8px
						);
					}
					.plannings .sector.active.selected{
						background: repeating-linear-gradient(
							45deg,
							#C2E362,
							#C2E362 5px,
							#d4f469 0px,
							#d4f469 8px
						);
					}
					.plannings .sector.active.current{
						background: repeating-linear-gradient(
							45deg,
							#EA615B,
							#EA615B 5px,
							#FFBABA 0px,
							#FFBABA 8px
						);
					}
			
	.plannings .timezone{
		color: #333333;
		padding-top: 10px;
	}
	.plannings .legends{
		font-size: 11px;
		padding-top: 10px;
		padding-right: 7px;
	}
		.plannings .legend{
			padding: 6px 10px 15px 0px;
		}
		
		.plannings .legends .sector{
			border-radius: 1px;
			width: 22px;
		}
/*[END]*/

/* EXPERT LAST REVIEWS */
#expert-last-reviews .last_reviews{
	background: #F8F8F8;
	border-radius: 3px;
	
	padding: 15px 20px;
	margin: 0 5px 10px 5px;
	width: 190px;
}
	#expert-last-reviews .last_reviews .pseudo {
		color: #666666;
		font-size: 14px;
		color: #666666;
		
		padding-bottom: 10px;
	}
		#expert-last-reviews .last_reviews .pseudo span{
			color: #37B2DA;
			font-weight: 500;
		}
		#expert-last-reviews .last_reviews .pseudo a{
			color: #37B2DA;
		}
	#expert-last-reviews .last_reviews .message{
		text-align: justify;
		font-style: italic;
		font-weight: 200;
		font-size: 13px;
		
		min-height: 60px;
		padding-bottom: 10px;
	}
	
	#expert-last-reviews .last_reviews .reviews a{
		font-size: 11px;
		color: #333333;
	}
/*[END]*/

/* EXPERT REVIEWS */
/*#expert-reviews-list .table-head .col1{width:0px;}
#expert-reviews-list .table-head .col2{width:180px;}
#expert-reviews-list .table-head .col3{width:120px;}

#expert-reviews-list .table-body .col1{width:30px;}
#expert-reviews-list .table-body .col2{width:200px;}
#expert-reviews-list .table-body .col3{width:120px;}
#expert-reviews-list .table-body .col4{width:370px;}*/

	#expert-reviews-list .type{
		margin-right: 15px;
	}
	#expert-reviews-list .pseudo{
		font-weight: 500;
		color: #333333;
		margin-right: 15px;
	}
	
	#expert-reviews-list .message{
		text-align: justify;
		color: #333333;
	}
		#expert-reviews-list .title{
			padding-top: 10px;
			font-weight: 500;
			color: #37B2DA;
		}
		#expert-reviews-list .response{
			padding-top: 5px;
			color: #37B2DA;
		}
		
		#expert-reviews-list .stars{
			color: #999999;
			font-size: 11px;
			margin-right: 15px;
		}
		
		#expert-reviews-list .date{
			color: #999999;
			font-size: 11px;
			margin-top: 5px;
		}
		
		#expert-reviews-list .message{
			margin-top: 10px;
		}
			
			#expert-reviews-list .vote{
				padding: 15px 0 5px 0;
				color: #999;
			}
			/* creates triangle */
			#expert-reviews-list .votes{
				position:relative;
				padding:3px 4px 3px 5px;
				margin:1em 0 3em;
				
				font-size: 11px;
				color: #666;
				
				-webkit-border-radius:2px;
				-moz-border-radius:2px;
				border-radius:2px;
				
				margin-left:7px;
				background:#e5e5e5;
			}
			#expert-reviews-list .votes:after {
				content:"";
				position:absolute;
				border-style:solid;
				/* reduce the damage in FF3.0 */
				display:block;
				width:0;
				
				top:6px; /* controls vertical position */
				left:-3px; /* value = - border-left-width - border-right-width */
				bottom:auto;
				border-width:3px 4px 3px 0;
				border-color:transparent #e5e5e5;
			}
			
		#expert-reviews-list .report{
			margin-top: 30px;
		}
			#expert-reviews-list .report_button{
				color: #333333;
				font-weight: 500;
				font-size: 12px;
				cursor: pointer;
			}
/*[END]*/

/* EXPERT FORM */
#expert_form .column2{
	width: 49%;
	margin-right: 5px;
}

/* EXPERT REVIEW - CALL LIST */

#consultations-list .remove{
	display: block;
	cursor: pointer;
	
	width: 20px;
	height: 20px;
	padding: 3px 0 0 4px;
	
	background-color: #E5E5E5;
	border-radius: 40px;
}
#consultations-list .remove:hover{
	background-color: #FF4F4F;
}

#consultations-list .avatar{
}
	#consultations-list .avatar .avatar-custom-img{
		display: block;
		
		box-sizing: content-box;
		
		width: 76px;
		height: 90px;
		
		border-radius: 40px;
		background-color: #E5E5E5;
		
		border: 2px solid #FFFFFF;
		
		-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
	}

#consultations-list .details{
	padding-top: 4px;
	margin-left: 40px;
}

	#consultations-list .pseudo a{
		font-size: 16px;
		font-weight: 500;
		color: #333333;
		text-transform: uppercase;
	}
	
	#consultations-list .code{
		margin-left: 10px;
		
		font-size: 16px;
		font-weight: 500;
		
		color: #37B2DA;
	}
	
	#consultations-list .detail{
		padding-top: 20px;
		padding-left: 120px;
		font-weight: 500;
	}
		#consultations-list .detail a{
			color: #fff;
		    background-color: #37b2da;
		    padding: 5px 10px;
		    border-radius: 3px;
		}
		#consultations-list .detail span{
			color: #FF4F4F;
		}
	
	#consultations-list .tools{
		margin-top: -4px;
	}
		#consultations-list .favorite{
			padding: 4px 5px 3px 5px;
			border-radius: 3px;
			margin-left: 10px;
			cursor: pointer;
		}
		#consultations-list .favorite:hover{
			background-color: #E5E5E5;
		}
	
	#consultations-list .infos{
		max-width: 370px;
		padding-top: 14px;
	}
		#consultations-list .labels{
			width: 90px;
			padding-top: 1px;
			margin-bottom: 3px;
			color: #999;
			font-size: 11px;
		}
		#consultations-list .values{
			color: #333333;
			font-weight: bold;
		}
		#consultations-list .values.nobold{
			font-weight: normal;
		}

		#consultations-list .values.refused{
			color: #333333;
		}
		#consultations-list .values.timeout{
			color: #FF4F4F;
		}
		#consultations-list .values.sent{
			color: #37B2DA;
		}
		#consultations-list .values.answered{
			color: #ACCF20;
		}

/* Feedback in lists */	
#consultations-list .feedbacks{
	padding-top: 6px;
	margin-right: 30px;
}
	
	#consultations-list .feedbacks .title{
		font-size: 14px;
		font-weight: 500;
		color: #333333;
		
		padding-bottom: 10px;
	}
	
	#consultations-list .feedbacks .feedback,
	#consultations-list .feedbacks .answer{
		font-size: 14px;
		font-weight: 500;
		text-transform: uppercase;
	}
	#consultations-list .feedbacks .feedback{
		cursor: pointer;
	}
		
	#consultations-list .feedbacks .feedback.yes,
	#consultations-list .feedbacks .answer.yes{
		color: #ACCF20;
	}
	#consultations-list .feedbacks .feedback.no,
	#consultations-list .feedbacks .answer.no{
		color: #FF4F4F;
	}
		/* Hide spinner from loading feedback */
		.feedbacks .loader{display: none;}
	
/* Review in lists */
#consultations-list .review{
	margin-right: 30px;
	padding-top: 30px;
}
	#consultations-list .review .icon{
		margin-right: 7px;
	}
	
	#consultations-list .review .content{
		font-size: 12px;
		font-weight: 500;
		line-height: 12px;
		margin-top: 6px;
		
		color: #37B2DA;
		text-transform: uppercase;
	}
	#consultations-list .review.answer .content{
		color: #ACCF20;
		margin-top: 0px;
	}
		#consultations-list .review .content span{
			font-size: 10px;
			font-weight: 400;
		}
	
/*[END]*/

/* ALERTS FORM */
#form-alert{}
	
	#form-alert .columns{
		float: left;
		box-sizing: border-box;
		width: 255px;
		background-color: #EFFCFF;
		
		margin-right: 10px;
		
		border-radius: 3px;
	}
		#form-alert .title{
			background-color: #37B2DA;
			padding: 10px 20px;

			color: #FFFFFF;
		    font-size: 20px;
		    
		    border-top-left-radius: 3px;
		    border-top-right-radius: 3px;
		}
			#form-alert .title .icons24{
				margin-right: 10px;
			}
		#form-alert .row{
			margin: 0;
			padding: 10px;
			min-height: 175px;
			border-bottom: 1px solid #FFFFFF;
			text-align: justify;
		}
			#form-alert .label{
				font-weight: 500;
			}
		#form-alert .rows{
			margin: 20px 20px 0 20px;
		}
		
		#form-alert .columns.noborder{
			margin-right: 0px;
		}

/* ALERTS LIST */
#alerts-search{
	text-align: right;
	vertical-align: middle;
	
	padding: 30px 60px 30px 60px;
	background-color: #F8F8F8;
}
	#alerts-search .input-search{
		width: 255px;
		height: 28px;
		
		margin: 0;
		padding: 5px 55px 5px 10px;
		
		font-size: 12px;
	}
	#alerts-search .input-button{
		right: 0;
		top: 0;
		
		padding: 5px 15px 2px 15px;
		
		background-color: #6F6F6F;
		border-color: #4A4A4A;
	}

#alerts-list .avatar{
}
	#alerts-list .avatar .avatar-custom-img{
		display: block;
		
		box-sizing: content-box;
		
		width: 76px;
		height: 90px;
		
		border-radius: 40px;
		background-color: #E5E5E5;
		
		border: 2px solid #FFFFFF;
		
		-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
	}

#alerts-list .details{
	padding-top: 4px;
	margin-left: 40px;
	width: 200px;
}

	#alerts-list .pseudo a{
		font-size: 16px;
		font-weight: 500;
		color: #333333;
		text-transform: uppercase;
	}
	
	#alerts-list .code{
		margin-left: 10px;
		
		font-size: 16px;
		font-weight: 500;
		
		color: #37B2DA;
	}
	
	#alerts-list .detail{
		padding-top: 5px;
		font-weight: 500;
	}
	
	#alerts-list .infos{
		padding-top: 14px;
		margin-bottom: 5px;
	}
		#alerts-list .labels{
			width: 80px;
			padding-top: 1px;
			margin-bottom: 3px;
			color: #999;
			font-size: 11px;
		}
		#alerts-list .values{
			color: #333333;
			font-weight: 500;
			font-size: 12px;
		}

#alerts-list .frequency{
	padding-top: 18px;
	margin-left: 50px;
}
	#alerts-list .frequency .selection{
		padding: 20px 20px 0 10px;
		color: #333333;
		font-weight: 500;
	}

#alerts-list .tools{
	padding-top: 10px;
	margin-left: 50px;
}
	#alerts-list .tools .tool{
		cursor: pointer;
		font-size: 12px;
		font-weight: 500;
		text-transform: uppercase;
		
		margin-bottom: 6px;
		padding: 10px;
		
		border-radius: 3px;
		border-width: 1px;
		border-style: solid;
	}
	#alerts-list .tools .delete{
		color: #FF4F4F;
		
		border-color: #FF4F4F;
	}
	#alerts-list .tools .delete:hover{
		background-color: #ffe6e6;
	}
	#alerts-list .tools .refresh{
		color: #37B2DA;
		
		border-color: #37B2DA;
	}
	#alerts-list .tools .refresh:hover{
		background-color: #d4f4ff;
	}

/*[END]*/


/* DETAIL NAV */
.expert-nav{
	position: fixed;
	top: 150px;
	
	background: rgba(0,0,0,0.30);
	border-radius: 3px;
	
	/* transition */
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	
	text-transform: uppercase;
	z-index: 8;
}
.expert-nav:hover{
	background: rgba(0,0,0,0.85);
}
#expert-prev.expert-nav{
	left: 20px;
}
#expert-next.expert-nav{
	right: 20px;
}
	
	.expert-nav .icon{
		margin: 10px;
	}
	.expert-nav .pseudo{
		font-size: 11px;
		color: #FFFFFF;
		
		margin: 12px 10px 0 0;
		
		display: none;
	}
		.expert-nav .pseudo span{
			font-size: 13px;
			color: #37B2DA;
			font-weight: 500;
		}
	.expert-nav:hover .pseudo{
		display: block;
	}

	#expert-prev .icon{
		float: left;
	}
	#expert-prev .pseudo{
		float: left;
		color: #FFFFFF;
	}
	#expert-next .icon{
		float: right;
	}
	#expert-next .pseudo{
		float: right;
		margin: 12px 0 0 10px;
		color: #FFFFFF;
	}

/* DETAIL MENU */
#expert-menu{
	margin: 0;
	padding: 0;
	
	display: flex;
	list-style-type: none;
	
	border-bottom: 1px solid #FFFFFF;
}
	#expert-menu .items{
		width: 100%;
		height: 50px;
		
		font-size: 14px;
		color: #999999;
		
		padding: 8px 10px 0 10px;
		
		background-color: #F2F2F2;
		border: 1px solid #E5E5E5;
		border-left: none;
		
		vertical-align: middle;
		text-align: center
	}
	#expert-menu .items.line{
		padding-top: 16px;
	}
	#expert-menu .items.last{
		border-right: none;
	}
		#expert-menu .items a{
			color: #999999;
		}
		
	#expert-menu .items.active{
		background-color: #FFFFFF;
		
		font-size: 14px;
		font-weight: 500;
		color: #333333;
		
		border-bottom: none;
	}
		#expert-menu .items.active a{
			font-size: 13px;
			color: #333333;
		}
/*[END]*/

/* LAST REVIEWS / REGISTER LAST REVIEWS / HOROSCOPE LAST REVIEWS */
#reviews-list .avatar{
}
	/*#reviews-list .avatar a,*/
	#reviews-list .avatar .avatar-custom-img{
		display: block;
		
		box-sizing: content-box;
		
		width: 76px;
		height: 90px;
		
		border-radius: 40px;
		background-color: #E5E5E5;
		
		border: 2px solid #FFFFFF;
		
		-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
	}

#reviews-list .details{
	width: 540px;
	margin-left: 40px;
	
	text-align: justify;
}
	#reviews-list .type{
		padding-top: 4px;
	}
	
	#reviews-list .pseudo{
		padding-top: 5px;
		font-weight: 500;
		margin-left: 15px
	}
		
	#reviews-list .from{
		margin-left: 15px;
		padding-top: 5px;
	}
		#reviews-list .from span{
			font-weight: 500;
			color: #333333;
		}
		
	#reviews-list .stars{
		padding-top: 3px;
		margin-left: 15px;
	}
	
	#reviews-list .average{
		padding-top: 4px;
	}
		#reviews-list .average span{
			font-weight: 500;
			color: #333333;
		}
	
	#reviews-list .message{
		padding-top: 20px;
		color: #333333;
	}
	
	#reviews-list .date{
		padding: 15px 0 5px 0;
		color: #999;
	}
		#reviews-list .date span{
			color: #333333;
		}
	
	#reviews-list .vote{
		padding: 15px 0 5px 0;
		color: #999;
	}
	/* creates triangle */
	#reviews-list .votes{
		position:relative;
		padding:3px 4px 3px 5px;
		margin:1em 0 3em;
		
		font-size: 11px;
		color: #666;
		
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		border-radius:2px;
		
		margin-left:7px;
		background:#e5e5e5;
	}
	#reviews-list .votes:after {
		content:"";
		position:absolute;
		border-style:solid;
		/* reduce the damage in FF3.0 */
		display:block;
		width:0;
		
		top:6px; /* controls vertical position */
		left:-3px; /* value = - border-left-width - border-right-width */
		bottom:auto;
		border-width:3px 4px 3px 0;
		border-color:transparent #e5e5e5;
	}
	
/*[END]*/

/* MEMBER EXPERTS - MESSAGES */
#member-experts-search{
	text-align: right;
	vertical-align: middle;
	
	padding: 30px 60px 30px 60px;
	background-color: #F8F8F8;
}
	#member-experts-search .input-search{
		width: 255px;
		height: 28px;
		
		margin: 0;
		padding: 5px 55px 5px 10px;
		
		font-size: 12px;
	}
	#member-experts-search .input-button{
		right: 0;
		top: 0;
		
		padding: 5px 15px 2px 15px;
		
		background-color: #6F6F6F;
		border-color: #4A4A4A;
	}

#member-experts-list .avatar{
}
	#member-experts-list .avatar .avatar-custom-img{
		display: block;
		
		box-sizing: content-box;
		
		width: 76px;
		height: 90px;
		
		border-radius: 40px;
		background-color: #E5E5E5;
		
		border: 2px solid #FFFFFF;
		
		-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
	}

#member-experts-list .details{
	padding-top: 4px;
	margin-left: 40px;
}

	#member-experts-list .pseudo a{
		font-size: 16px;
		font-weight: 500;
		color: #333333;
		text-transform: uppercase;
	}
	
	#member-experts-list .code{
		margin-left: 10px;
		
		font-size: 16px;
		font-weight: 500;
		
		color: #37B2DA;
	}
	
	#member-experts-list .status{
		position: relative;
		
		margin-top: 20px;
		
		text-transform: uppercase;
		color: #666666;
		
		font-size: 12px;
		font-weight: 700;
		line-height: 13px;
		
		padding-left: 30px;
		
		cursor: pointer;
	}
		#member-experts-list .status .icon{
			position: absolute;
			top: 0;
			left: 0;
			
			background-position: 0 -24px;
		}
		
		#member-experts-list .status.enabled{
			color: #37B2DA;
		}
		#member-experts-list .status.enabled .icon{background-position: 0 -96px;}
		
#member-experts-list .messages{
	padding-top: 4px;
	width: 190px;
}
	#member-experts-list .messages a{
		display: block;
		width: 100%;
		
		padding: 7px 0;
		margin-bottom: 7px;
		
		text-align: center;
		text-transform: uppercase;
		color: #FFFFFF;
		font-size: 10px;
		font-weight: 500;
		
		background-color: #37B2DA;
		border-radius: 3px;
	}
	#member-experts-list .messages a.new{
		background-color: #C2E362;
	}
	
	#member-experts-list .messages .notices{
		padding: 7px 10px;
		margin-bottom: 7px;
		
		color: #FFFFFF;
		font-size: 11px;
		line-height: 1.3em;
		
		background-color: #FC5154;
		border-radius: 3px;
	}
		#member-experts-list .messages .notices span{
			font-weight: 500;
		}

/*[END]*/

/* MESSAGES */
#messages .profil .avatar{
	position: relative;
	margin-right: 40px;
	
	width: 120px;
	height: 120px;
}
	#messages .profil .avatar .avatar-custom-img{
		position: absolute;
		left: 0;
		top: 0;

		width: 120px;
		height: 120px;

		border-radius: 100%;
		background-color: #E5E5E5;

		border: 2px solid #FFFFFF;
	}
	#messages .profil .avatar .ic_new{
		position: absolute;
		left: -10px;
		top: -10px;
	}
	#messages .profil .avatar .country{
		position: absolute;
		left: 40px;
		bottom: -20px;
	}
	
#messages .profil .title{
	font-size: 20px;
	font-weight: 500;
	color: #333333;
	text-transform: uppercase;
	
	margin-bottom: 20px;
}
	#messages .profil .title span{
		color: #37B2DA;
	}
	
#messages .profil .notices{
	margin-bottom: 7px;
	
	font-size: 13px;
	color: #FC5154;
}
	#messages .profil .notices span{
		font-weight: 700;
	}

#messages .navigation{
	padding: 30px;
}
	#messages .navigation a{
		display: block;
		width: 220px;
		padding: 8px 0;
		
		background: #333333;
		border-radius: 3px;
		
		font-size: 12px;
		font-weight: 500;
		color: #FFFFFF;
		text-shadow: 0 0 2px rgba(0,0,0,0.12);
		text-align: center;
		text-transform: uppercase;
	}
	#messages .navigation a.blue{
		background-color: #37B2DA;
	}
	
#messages-list{
	padding: 20px 30px;
}
	#messages-list .avatar-custom-img{
		width: 48px;
	    height: 48px;
	    border-radius: 40px;
	    background-color: #E5E5E5;
	    
	    margin-right: 10px;
	}
	
	#messages-list .message-wrapper{
		float: right;
		max-width: 75%;
		
		margin-bottom: 50px;
	}
	#messages-list .message-wrapper.expert{
		float: left;
	}
		.message-wrapper .message-container{
			position: relative;
			background: #DFF0D8;
			border-radius: 4px;
			
			padding: 20px;
			margin-bottom: 4px;
			
			font-size: 13px;
			color: #333333;
		}
		.message-wrapper.expert .message-container{
			background-color: #D9EDF7;
		}
			.message-container .remove{
				position: absolute;
				top: 4px;
				right: 4px;
				
				display: block;
				cursor: pointer;
				
				width: 18px;
				height: 18px;
				padding: 3px 0 0 3px;
				
				background-color: #FF4F4F;
				border-radius: 40px;
			}
			
			.message-container .files{
				padding-bottom: 15px;
			}
				.message-container .files img{
					width: 400px;
					height: 400px;
				}
			
			.message-container .message{
				font-size: 13px;
				color: #333333;
				text-align: justify;
				line-height: 1.4em;
			}
				.message-container .disabled{
					text-align: center;
					font-weight: 500;
					color: #FC5154;
				}
			
		.message-wrapper .date{
			padding: 0 2px;
			margin-right: 10px;
			
			font-size: 11px;
			color: #666666;
			white-space: nowrap;
		}
		.message-wrapper.expert .date{
			text-align: right;
		}
			.message-wrapper .date span{
				font-weight: 500;
			}
		
		.message-wrapper .status{
			color: #C2E362;
			line-height: 1.3em;
			text-transform: uppercase;
			font-size: 10px;
			font-weight: 500;
			margin-top: 0px;
		}
			.message-wrapper .status .view{
				float: left;
				display: block;
				width: 12px;
				height: 12px;
				
				margin-right: 5px;
				
				background-color: #C2E362;
				border-radius: 40px;
			}

/* FAQ */
#faq{
	display: flex;
}

	#faq-menu{
	    padding-bottom: 0;
	    padding-left: 16px;
	    padding-top: 0;
	    width: 300px;
	}
		#faq-menu li{
			font-size: 1.3em;
			margin: 15px 0;
		}
		#faq-menu li.active{
		}
			#faq-menu li a{color: #757575;}
			#faq-menu li a:hover{color: #333333;}
			#faq-menu li.active a{color: #37B2DA;}
		#faq-menu li.active::before{
			border-left: solid 4px #37B2DA;
		    content: "";
		    margin-left: -16px;
		    padding-left: 12px;
		}
	
	#faq-content{
		width: 100%;
		padding: 5px 0px;
	}
		#faq-accordion{
			margin: 20px 0 20px 0;
		}
			#faq-accordion .display-trigger{
			    font-size: 1.3em;
			    line-height: 1.3em;
			    padding: 10px 0;
			    color: #333333;
			    cursor: pointer;
			}
				#faq-accordion .display-trigger .icons16{
					background-position: -16px -880px;
				}
				#faq-accordion .display-trigger.open .icons16{
					background-position: -16px -896px;
				}
			#faq-accordion .display-swap{
				padding: 10px;
			}
/*[END]*/

/* BREADCRUMB */
.breadcrumb{
	background-color: #FFF0B6;
	-webkit-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.08);
	box-shadow: 0 1px 5px 0px rgba(0,0,0,0.08);
}
	.breadcrumb .steps{
		padding: 14px 20px 10px 20px;
		
		color: #FF8429;
		text-decoration: none;
		
		font-style: italic;
	}
	.breadcrumb .steps a{
		color: #333333;
		text-decoration: none;
	}
	.breadcrumb .steps.active{
		background-color: #FFF7D7;
		font-style: normal;
	}
	
		.breadcrumb .step_number{
			display: block;
			float: left;
			
			line-height: 1;
			
			width: 22px;
			height: 22px;
			
			font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
			font-size: 22px;
			
			text-align: center;
			text-transform: uppercase;
			
			margin-right: 5px;
		}
		.breadcrumb .steps.active .step_number{
			background-color: #333333;
			color: #F2F2F2;
			
			font-size: 20px;
			/*height: 21px;*/
			
			padding-top: 1px;
			
			border-radius: 40px;
		}
		
		.breadcrumb .step_title{
			display: block;
			float: left;
			
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10px;
			
			text-transform: uppercase;
			
			white-space: nowrap;
			
			line-height: 1.1;
		}
		.breadcrumb .steps.active .step_title{
			color: #333333;
			font-weight: bold;
		}

/* Horoscope breadcrumb hack */
#bcHoroscope.breadcrumb{
	background-color: #dbf6fd;
}
	#bcHoroscope.breadcrumb .steps{
		padding: 19px 20px 16px 20px;
	}
	#bcHoroscope .steps.active{
		background-color: #37B2DA;
	}

/* PACK RECHARGE */
/* RECHARGE POPUP */

#recharge_popup {
    width: 570px;
	font-weight:500;
    position: relative;
}

#recharge_popup .recharge_popup_close{
    position: absolute;
    right: -12px;
    top: -8px;
	height:16px;
	cursor: pointer;
}
	#recharge_popup .recharge_popup_close span{
		float:right;
	}

#recharge_popup .recharge_popup_title{
	color:#333333;
	font-size: 20px;
}
#recharge_popup .avatar-custom-img{
    position: relative;
    left: 50%;
    /*top: 50px;*/
    margin-left: -42px;
    margin-bottom: -42px;
    display: block;

    box-sizing: content-box;

    width: 80px;
    height: 80px;

    border-radius: 40px;
    background-color: #E5E5E5;
	background-position: center center;
	background-size: cover;

    border: 2px solid #FFFFFF;

    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    z-index: 3;
}

#recharge_popup .recharge_popup_content.content_main{
	padding-bottom: 3px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
}
	#recharge_popup .recharge_popup_content.content_main.reverse{
		flex-direction: row-reverse;
	}
#recharge_popup .content{
	background: linear-gradient(to bottom, #0C8FF2, #1BC3FA);
    flex: 1;
    padding:42px 15px 15px 15px;
    position: relative;
	margin: 0 3px;
}
	#recharge_popup .content_main:not(.reverse) .content:first-child, #recharge_popup .content_main.reverse .content:last-child{
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
	}
	#recharge_popup .content_main:not(.reverse) .content:last-child, #recharge_popup .content_main.reverse .content:first-child{
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
	}
	#recharge_popup .recharge_popup_content.content_main .content .main_title{
		color: white;
		font-size: 20px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 5px;
		/*position: relative;*/
		/*top: -5px;*/
	}
	#recharge_popup .recharge_popup_content.content_main .content .subtitle{
		color: white;
		font-size: 16px;
		text-transform: uppercase;
		text-align: center;
	}

	#recharge_popup .recharge_popup_content.content_main .content .icons_area{
		margin-top:15px;
		text-align: center;
	}

#recharge_popup .recharge_popup_content.content_main .recharge_popup_icons{
	display: inline-block;
    margin: 0 15px;
    height: 40px;
    width: 40px;
}

#recharge_popup .recharge_popup_content .content  .pricing_container{
	display:inline-block;
	height:20px;
	align-content: center;
    margin-top: 10px;
}

#recharge_popup .recharge_popup_content .content .pricing{
	display: inline-table;
	vertical-align: middle;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: white;
}

#recharge_popup .content .action-block {
	min-height: 58px;
	max-width: 280px;
	padding: 6px 12px;
	/*background-color: #1BC2F9;*/
	background-color: #FAAC0A;
	border: 3px solid white;
	margin: 15px auto 0 auto;
}
#recharge_popup .content .action-block.green{
	background-color: #AACF3C;
}
	#recharge_popup .content .action-block.phone {
		padding-top: 7px;
	}
	/*#recharge_popup .content .action-block.single{*/
		/*margin-top: 98px;*/
		/*!*margin-bottom: 32px;*!*/
	/*}*/
	/*#recharge_popup .content .action-block.double{*/
		/*margin-top: 4px;*/
		/*margin-bottom: 32px;*/
	/*}*/
	#recharge_popup .content .action-block .action-text{
		color: white;
		font-size: 13px;
		/*text-transform: uppercase;*/
	}
		#recharge_popup .content .action-block .action-text.large{ text-align: center; font-size: 17px;}
		#recharge_popup .content .action-block .action-text.small{ text-align: center; font-size: 12px;}
		#recharge_popup .content .action-block .action-text b{ white-space: nowrap;}
		#recharge_popup .content .action-block .action-text b:last-of-type{ font-size: 16px;}


#recharge_popup .content .action-subtext{
		color: white;
		font-size: 10px;
		text-align: center;
		margin-top: 2px;
	}

#recharge_popup .content .payments_modalities{
    width: 100%;
    text-align: center;
	margin-top: 15px;
}
	#recharge_popup .content .payments_modalities p{
		text-align: center;
	}
	#recharge_popup .content .payments_modalities img{
		margin: 2px;
		zoom: 0.75;
	}

#recharge_popup .content .links{
	margin-top: 15px;
	font-size: 14px;
    /*position: absolute;*/
    /*bottom: 14px;*/
    /*left: 0;*/
    /*width: 100%;*/
    text-align: center;
}
	#recharge_popup .content .links a{
		color: white;
	}
	#recharge_popup .content .links span{
		color: white;
		font-weight: 400;
	}

/* RECHARGE FORM */
#pack_recharge_step{
	padding:30px 0;
}

#pack_recharge_step .recharge_notice{
	width: 95%;
	margin: auto;
	max-width: 600px;
}

#pack_recharge_step .notice_content{
	margin-bottom: 10px;
}

#pack_recharge_step .recharge_new_account_content div:last-child{
	text-align: center;
	font-size: 110%;
	width: fit-content;
	margin:auto;
	background-color: #AACF3C;
	color:white;
	padding:5px;
}

#pack_recharge_step .insufficient_credit_content{
	padding:10px 10px 0 10px;
}

#pack_recharge_step .insufficient_credit_content p{
	margin-bottom: 10px;
}

#pack_recharge_step .insufficient_credit_content div:last-child{
	text-align: center;
	font-size: 110%;
	width: fit-content;
	margin:auto;
	color:#3DB3DA;
}


#rechargeNavForm ul {
	position:relative;
	text-align:center;
	margin:10px auto 25px auto;
	width: 100%;
	z-index: 5;
}

#rechargeNavForm li {
	width: 2em;
	height: 2em;
	text-align: center;
	line-height: 2em;
	border-radius: 1em;
	background: lightgrey;
	margin: 0 2em;
	display: inline-block;
	color: black;
	position: relative;
}

#rechargeNavForm li::before{
	content: '';
	position: absolute;
	top: .9em;
	left: -4.5em;
	width: 4.5em;
	height: .13em;
	background: #888888;
	z-index: -1;
}

#rechargeNavForm li:last-child::after {
	content: '';
	position: absolute;
	top: .9em;
	right: -4.5em;
	width: 4.5em;
	height: .13em;
	background: #888888;
	z-index: -1;
}

#rechargeNavForm li span {
	text-align:center;
	white-space: nowrap;
	width:100px;
	/*margin-left: -40%;*/
	font-size: 0.8em;
	position:absolute;
	top: 80%;
	left:-35px;
}


#rechargeNavForm li.active{
	background: #50bded !important;
	cursor:pointer;
}

#rechargeNavForm li.active::before{
	background: #50bded !important;
}

#pack_cart_form .error_display{
	margin:0;
}

#pack_cart_form {
	width: 95%;
	margin:auto;
	max-width: 600px;
	padding-bottom: 30px;
}

/*#pack_cart_form h2{*/
	/*width:95%;*/
	/*margin: 0px auto 15px auto;*/
/*}*/

#pack_cart_form h3{
	font-weight: bold;
	/*color: #50bded;*/
	/*text-transform: uppercase;*/
	font-size: 1.4em;
	margin-left: 5px;
}

#pack_cart_form .cart_table{
	background: #eeeeee;
	padding: 5px 0;
	width:95%;
	margin: 15px auto 10px auto;
}

#pack_cart_form .cart_table th{
	width:33%;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
	border-right: 1px solid #7a7a7a;
	font-size: 1.5em;
	font-weight: bold;
}

#pack_cart_form .cart_table th:first-child{
	width:66%;
}

#pack_cart_form .cart_table th:last-child{
	border-right: none;
}

#pack_cart_form .cart_table td{
	width:33%;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #7A7A7A;
	/*font-size: 120%;*/
}

#pack_cart_form .cart_table td:first-child{
	width:66%;
}

#pack_cart_form .cart_table td:last-child{
	border-right: none;
	font-size: 1.4em;
}

#pack_cart_form .cart_table td .cart_pack{
	display:flex;
	align-items: center;
	height: fit-content;
	background: lightgrey;
	margin:5px 10px;
	/*border: 1px solid black;*/
	color:white;
	flex-direction: column;
}

#pack_cart_form .cart_table td .cart_pack div{
	width:100%;
	text-align: center;
}

#pack_cart_form .cart_table td .cart_pack .cart_pack_name{
	margin:20px 0;
	font-size: 1.4em;
	font-weight: bold;
}

#pack_cart_form .cart_table td .cart_pack_content_detail {
    font-size: 1.2em;
	margin: -10px 0 20px 0;
}

#pack_cart_form .cart_table td .cart_pack_content_detail .cart_pack_value_or{
    font-size: 1em;
}

#pack_cart_form .cart_table td .reddel{
    color:red;
	text-decoration:line-through;
	font-weight: bold;
}

#pack_cart_form .cart_table td .vat{
	font-size: 0.7em;
}

#pack_cart_form .cart_table td .reddel .reddel_in{
	color: #666666;
	font-size: 0.8em;
	font-weight: normal;
}

#pack_cart_form .promo_display{
	width:80%;
	margin:0 auto 0.5em auto;
	text-align: center;
	/*color: #AACF3C;*/
	color: orange;
	font-size: 1.2em;
	/*font-weight: bold;*/
}

#pack_cart_form .promo_display del{
	color: lightgrey;
}

#pack_cart_form .promo_display_error{
	width:80%;
	margin:0 auto 0.5em auto;
	text-align: center;
	color: #FF8988;
}

#cart_promo{
	width:90%;
	margin:auto;
	display:flex;
	align-items: center;
	text-align: center;
}

#cart_promo input{
	float:left;
	width:43%;
	border-radius: 0;
	border: 1px solid black;
	text-align: center;
	height:2.25em;
}

#cart_promo #cart_promo_button{
	width:53%;
	margin-left:auto;
	padding:5px 0;
	background: #50bded;
	color: white;
	cursor:pointer;
}

#pack_cart_form .line_separator{
	height:0px;
	width:100%;
	margin: 15px 0 15px 0;
	border-bottom:1px solid #50bded;
}

#pack_cart_form .cart_button {
	background: #AACF3C !important;
	color:white;
	padding:10px;
	margin-bottom: 15px !important;
	margin-top: 15px !important;
	/*margin-left: 8px;*/
	/*width:90%;*/
	text-align: center;
	cursor:pointer;
	text-transform: uppercase;
}

#pack_cart_form .cart_button.login_button {
	background: orange !important;
}

#pack_cart_form .fields{
	width: 95%;
	margin: 10px auto 0 auto;
	font-size: 1.2em;
}

/*#inscription .fields{*/
	/*margin-top: 5px;*/
	/*margin-left: 8px;*/
/*}*/

#inscription .cart_welcome_offer_disclaimer{
	width: 95%;
	margin: 10px auto 0 auto;
}

#inscription .fields label{
	margin-top: 1em;
	margin-bottom: 0.3em;
	display:inline-block;
}

#inscription .fields label:first-child{
	margin-top: 0;
}

#inscription .fields .checkbox_label{
	display:block;
	margin-bottom: 0.7em;
}

#inscription .fields .checkbox_label:first-child{
	margin-top:5px;
}

#inscription .fields .checkbox_label input[type="checbox"]{
	height:1em;
	margin:0 3px 0 0;
	width:16px;
	height:16px;
}

#payment_modality .fields label{
	display:flex;
	align-items: center;
	overflow: hidden;
	margin-top: 1em;
	margin-left: -8px;
}

#payment_modality .fields label input[type="radio"]{
	/*margin-left: 5.5px;*/
	margin: 0 10px;
}

#payment_modality .fields label input{
	/*clear: both;*/
	margin:0 0.5em 0 0;
}

#payment_modality .fields label img{
	margin-right: 1em;
	border:1px solid #eeeeee;
	border-radius: 5px;
}
#bank_transfer_notice{
	margin-top: 10px;
	margin-left: 22px;
	font-size: 90%;
	color: #999999;
}

#payment_modality .fields .satina_disclaimer{
	margin-top: 10px;
	/*margin-bottom: -5px;*/
	width:100%;
	text-align: center;
	font-size: 90%;
	color: #999999;
}

#pack_billing_infos_form .error_display{
	margin:0;
}

#pack_billing_infos_form {
	width: 95%;
	margin:auto;
	max-width: 600px;
	padding-bottom: 30px;
	padding-top: 15px;
}

#pack_billing_infos_form h3{
	font-weight: bold;
	/*color: #50bded;*/
	/*text-transform: uppercase;*/
	font-size: 1.4em;
	margin-left: 5px;
}

#pack_billing_infos_form .fields{
	width: 95%;
	margin: 10px auto 0 auto;
	font-size: 1.2em;
}

	#pack_billing_infos_form .fields label{
		margin-top: 1em;
		margin-bottom: 0.3em;
		display: inline-block;
	}
	#pack_billing_infos_form .fields label:first-child{
		margin-top: 0;
	}

#pack_billing_infos_form .billing_infos_button{
	background: #AACF3C !important;
	color:white;
	padding:10px;
	margin-bottom: 15px !important;
	margin-top: 15px !important;
	/*margin-left: 8px;*/
	/*width:90%;*/
	text-align: center;
	cursor:pointer;
	text-transform: uppercase;
}

#register_condition_cgu, #register_condition_dataprotec {
	cursor: pointer;
}

#jBox-confirm-register-login .jBox-content{
	padding: 10px;
	font-weight: 500;
	color:black;
}

#jBox-confirm-register-login .jBox-content .popup_title{
	/*font-size: 115%;*/
	text-align: center;
	color: #666666;
	margin-bottom: 1.5em;
}

#jBox-confirm-register-login .jBox-content .popup_client_info{
	font-size: 85%;
	margin-bottom: 0.7em;
}

#jBox-confirm-register-login .jBox-content .popup_client_info div{
	display:inline-block;
}

#jBox-confirm-register-login .jBox-content .popup_content{
	margin-bottom:1.5em;
}

#jBox-confirm-register-login .jBox-content .popup_login_buttons{
	text-align: center;
}

#jBox-confirm-register-login .jBox-content .popup_login_button{
	display:inline-block;
	color:white;
	width:100px;
	text-align: center;
	padding:3px;
	margin: 0 1em 0.7em 1em;
    cursor: pointer;
}

#jBox-confirm-register-login .jBox-content .popup-login-modify{
	background-color: #4d92cf;
	/*float:left;*/
}

#jBox-confirm-register-login .jBox-content .popup-login-submit{
	background-color: #AACF3C;
	/*float:right;*/
}

#paypal_majoration {
	margin-top: 0.2em;
	font-size: 0.8em;
}

#paypal_popup_content p{
	text-align: center;
}

#calling {
	padding: 55px 30px 30px 30px;
	color: #333333;
	text-align: center;
}
	#calling .cBlue {
		color: #37B2DA;
		/*color: #62CBE2;*/
	}
	#calling .calling_avatar{
		position: relative;
		height: 106px;
	}
		#calling .calling_avatar .avatar {
			position: absolute;
			left: 50%;
			top: 0;
		}
			#calling .calling_avatar .avatar-custom-img{
				border: 3px solid #FFFFFF;
				border-radius: 100%;

				display: inline-block;
				position: relative;
				left: -50%;
				box-sizing: content-box;

				background-color: #E5E5E5;
				box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
				
				height: 90px;
				width: 76px;
			}

	#calling .calling_title{
		font-size: 16px;
		font-weight: 700;
		margin-top: 30px;
		margin-bottom: 10px;
	}
	#calling .calling_content{
		font-size: 14px;
		line-height: 22px;
		margin-top: 70px;
	}
	#calling .calling_notice{
		font-size: 12px;
		font-style: italic;
		font-weight: 100;
		line-height: 16px;
		margin-top: 40px;
	}
	#calling .button-wrapper{
		margin-top: 20px;
	}
	#calling .button-wrapper .spinner{
		min-height: 36px;
	}

#modal-form.prepay-call-popup h2{
	color: #333333;
	font-weight: 500;
}
#modal-form.prepay-call-popup h2 span{
	color: #37B2DA;
}

#howto_wrapper{
	display: flex;
	flex-direction: column;
}
	#howto_wrapper:not(.reverse) #prepay_no_time{
		order: 1;
	}
	#howto_wrapper:not(.reverse) #callback_howto{
		order: 1;
	}
	#howto_wrapper:not(.reverse) #prepay_howto{
		order: 2;
	}
	#howto_wrapper:not(.reverse) #surtax_howto{
		order: 3;
	}
	#howto_wrapper:not(.reverse) #surtax_cellular_howto{
		order: 4;
	}

#howto_wrapper.reverse{
	/*flex-direction: column-reverse;*/
}
	#howto_wrapper.reverse #surtax_howto{
		order: 1;
	}
	#howto_wrapper.reverse #surtax_cellular_howto{
		order: 2;
	}
	#howto_wrapper.reverse #prepay_no_time{
		order: 3;
	}
	#howto_wrapper.reverse #callback_howto{
		order: 3;
	}
	#howto_wrapper.reverse #prepay_howto{
		order: 4;
	}


	#modal-form.prepay-call-popup .howto-contents-wrapper .howto_contents{
		margin: 10px 0;
		padding: 15px;
		background-color: #F2F2F2;
		border-radius: 5px; 
	}
	#modal-form.prepay-call-popup .howto_contents .button-wrapper{
		margin: 10px 0 5px 0;
		width: 100%;
		text-align: center;
	}
	#modal-form.prepay-call-popup .howto_contents .buy-button{
		background-color: #FF8905;
		color: white;
		text-transform: uppercase;
		font-weight: 500;
		padding: 6px 12px;
		border-radius: 3px;
	}

#modal-form.prepay-call-popup .prepay-call-avatar{
    display: inline-block;

    box-sizing: content-box;

    width: 80px;
    height: 80px;

    border-radius: 40px;
    background-color: #E5E5E5;

    border: 2px solid #FFFFFF;

    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}

#modal-form.prepay-call-popup .prepay_step{
	margin: 10px;
	font-size: 120%;
}

#modal-form.prepay-call-popup p:first-child{
	margin-top: 0;
}

/*#modal-form.prepay-call-popup .howto_new{*/
	/*position: absolute;*/
	/*top: -3px;*/
	/*left: -3px;*/
	/**/
	/*padding: 8px 50px;*/
	/**/
	/*background-color: #37B2DA;*/
	/*border: 3px solid #FFFFFF;*/
	/*color: #FFFFFF;*/
	/*font-size: 13px;*/
	/*text-transform: uppercase;*/
	/*font-weight: 700;*/
/*}*/
#modal-form.prepay-call-popup .howto_new {
	position: absolute;
	top: -20px;
	left: -20px;
	scale: 0.7;
}

#modal-form.prepay-call-popup .howto_faq{
	position: absolute;
	right: 10px;
	top: 10px;
}

#modal-form.prepay-call-popup .prepay_howto_dd_main{
    font-size: 140%;
    margin-bottom: 20px;
}

#modal-form.prepay-call-popup .prepay_howto_main{
	font-size: 160%;
	margin-bottom: 20px;
    font-weight: 500;
    color: #37B2DA;
    text-align: center;
}
#modal-form.prepay-call-popup .prepay_howto_main.new{
	margin-top: 40px;
}
#modal-form.prepay-call-popup .prepay_howto_subtitle{
	font-size: 120%;
}

#howto_wrapper .content-separator{
	width: 100%;
	min-height: 8px;
	background-color: white;
	
	font-size: 20px;
	color: #333333;
	text-align: center;
}

/* if normal order: */
	/* hide all by default */
	#howto_wrapper:not(.reverse) .howto_wrappers:not(.none) .content-separator{
		display: none;
	}
	/* show all of block1 but first*/
	#howto_wrapper:not(.reverse) .howto_wrappers.block1:not(.none) ~ .howto_wrappers.block1:not(.none) .content-separator{
		display: block;
	}
	/* show all of block2*/
	#howto_wrapper:not(.reverse) .howto_wrappers.block2:not(.none) .content-separator{
		display: block;
	}
/* if reverse: */
	/* hide all by default */
	#howto_wrapper.reverse .howto_wrappers:not(.none) .content-separator{
		display: none;
	}
	/* Show all of block2 but first */
	#howto_wrapper.reverse .howto_wrappers.block2:not(.none) ~ .howto_wrappers.block2:not(.none) .content-separator{
		display: block;
	}
	/* Show all but first of block1 */
	#howto_wrapper.reverse .howto_wrappers.block1:not(.none) ~ .howto_wrappers.block1:not(.none) .content-separator{
		display: block;
	}
	/* Show all of block1 if preceded by block2 */
	#howto_wrapper.reverse .howto_wrappers.block2:not(.none) ~ .howto_wrappers.block1:not(.none) .content-separator{
		display: block;
	}

#modal-form.prepay-call-popup .howto_contents .prepay_step_number{
	color: white;
	background-color: #666666;
	/*background-color: #83B938;*/
	border-radius: 50%;
	height: 20px;
	width:20px;
	display:inline-block;
	text-align: center;
	font-weight: bold;
	margin-right: 5px;
}

#modal-form.prepay-call-popup .howto_content{
	padding: 0.8em;
	font-size: 14px;
}
	
	#modal-form.prepay-call-popup .howto_notice{
	    font-weight: 100;
	    font-style: italic;
	    font-size: 12px;
	    line-height: 1;
	    color: #999;
	}
	#modal-form.prepay-call-popup .howto_link{
	    font-weight: bold;
		color: #333;
		margin: 5px 0;
	}

#prepay_howto_comm_extra, #surtax_howto_comm_extra, #surtax_cellular_howto_comm_extra{
	color:#999999;
	font-size: 80%;
}

#modal-form.prepay-call-popup .dropdown-container{
	background-color: white;
	border: 1px solid lightgrey;
	position: relative;
	top: 25%;
	display:inline-block;
	white-space: nowrap;
	border-radius: 2px;
	width:fit-content;

	padding: 0;
	font-size: 80% !important;
	margin-left: 3px;
}
#modal-form.prepay-call-popup .dropdown-container img{
	margin: 0;
	padding: 0;
}
#modal-form.prepay-call-popup .dropdown-container svg{
	height: 7px;
	width: 10px;
	margin:auto 5px;
	fill: darkgrey;
}
/*#modal-form.prepay-call-popup .dropdown-icon{*/
	/*margin-top: 3px;*/
	/*color: black;*/
/*}*/
#modal-form.prepay-call-popup .dropdown-current{
	padding: 0.1em 0 0 7px;
	margin: 0;
	height: 2em;
	line-height: 2em;
    cursor: pointer;
}
#modal-form.prepay-call-popup .dropdown-current img{
	margin-right: 5px;
}
#modal-form.prepay-call-popup .dropdown-current span{
	position:relative;
	bottom: 1px;
	color: #666666
}
#modal-form.prepay-call-popup .dropdown-selection{
	position: absolute;
	left: 0;

	background-color: white;
	height: 0px;
	width: fit-content;
	overflow: hidden;

	padding:0;

	/*-webkit-transition: all 0.5s; !* Safari *!*/
	/*-webkit-transition: all 0.5s; !* Safari *!*/
	/*transition: all 0.5s;*/
	/*transition: all 0.5s;*/
	-webkit-transition: all 0s; /* Safari */
	-webkit-transition: all 0s; /* Safari */
	transition: all 0s;
	transition: all 0s;

}
#modal-form.prepay-call-popup .dropdown-selection .dropdown-elt{
	padding: 7px;
	min-width: 150px;
	cursor: pointer;
}
#modal-form.prepay-call-popup .dropdown-selection .dropdown-elt.selected{
	background-color: lightgrey;
}
#modal-form.prepay-call-popup .dropdown-selection img{
	margin-right: 5px;
}
#modal-form.prepay-call-popup .dropdown-selection span{
	position:relative;
	bottom: 1px;
	color: #666666
}
#modal-form.prepay-call-popup .dropdown-container.open .dropdown-selection{
	height: 200px;
	overflow-y: scroll;
	border: 1px solid lightgrey;
}
#modal-form.prepay-call-popup .dropdown-container .country{
	color: #FFFFFF;
	padding-top: 5px;
	padding-left: 10px;
}

/* PACK SELECTION */

#pack_list_form{
	width:95%;
	max-width: 550px;
	margin: auto;
}

#pack_list_form h2, #pack_cart_form h2{
	text-align:left;
	margin: 35px auto 25px auto;
	font-size: 1.8em;
}

#pack_list{
	display:grid;
	grid-auto-rows: 1fr;
	margin-top: -10px;
}

.pack_box{
	background-image: linear-gradient(to right,#d8d8d8, #f8f8f8);
	min-height: 110px;
	width: 100%;
	margin: 10px auto;
	cursor:pointer;
	font-weight: bolder;
	position: relative;
}

.pack_box.active{
	-webkit-filter: drop-shadow(2px 2px 6px #555);
	filter: drop-shadow(2px 2px 6px #555);
}

.pack_name_box{
	height: 35px;
	width: 60%;
	position:absolute;
	max-width: 300px;
	display:flex;
	align-items: center;
	float:left;
}

.pack_name_box_shape{
	filter: url(#shadow_filter);
	height: 100%;
	width: 100%;
	position:absolute;
	top:0;
	left:0;
	z-index: 1;
}

.pack_box.highlighted .pack_name_box_shape{
	filter: url(#shadow_filter_darker);
	stroke-width: 2px;
	stroke: black;
}

.pack_name{
	/*   font-weight: bold; */
	font: 1.6em "Arial";
	color: white;
	margin-top: 4px;
	margin-left: 5%;
	margin-bottom: 7px;
	z-index: 2;
}

.pack_box .pack_name_shape_highlight{
	visibility: hidden;
	fill:black;
	/*stroke:none;*/
}

/*.pack_box.active .pack_name_shape_highlight{*/
	/*visibility: visible;*/
/*}*/

.pack_description_box{
	float:left;
	box-sizing: border-box;
	height: 100%;
	min-height: 110px;
	padding: 43px 0px 8px 15px;
	display: table;
	vertical-align: middle;
}

.pack_description_box .pack_description{
	display: table-cell;
	vertical-align: middle;
	color:#666666;
}

.pack_description .pack_value_minutes, .pack_description_box .pack_value_writtens, .pack_description_box .pack_value_chats{
	font: 1.1em "Arial";
}
.pack_description .pack_value_minutes b, .pack_description_box .pack_value_writtens b, .pack_description_box .pack_value_chats b{
	font-size: 1.1em;
}

.pack_description .pack_value_bonus_minutes{
	font: 1.1em "Arial" !important;
	font-weight: bold !important;
}

.pack_description .pack_value_or{
	font: 0.8em "Arial";
	margin-left: 98px;
}

.pack_description .pack_description_puce{
	height:10px;
	width:7px;
	margin-right: 5px;
}

.pack_price_box{
	width:33%;
	max-width: 160px;
	height: 75px;
	float: right;
	text-align: center;
	position:absolute;
	bottom:10%;
	right:0;
}

.pack_price_box .pack_price{
	font: 2em "Arial" !important;
	width:fit-content;
	margin: 3px auto 2px auto;
	font-weight:bold;
	/*-webkit-filter: drop-shadow(1px 1px 1px #777);*/
	/*filter: drop-shadow(1px 1px 1px #777);*/
}

.pack_price_box .pack_default_price{
	font: 1em "Arial" !important;
	width:fit-content;
	margin: 3px auto 2px auto;
	font-weight:bold;
	/*-webkit-filter: drop-shadow(1px 1px 1px #777);*/
	/*filter: drop-shadow(1px 1px 1px #777);*/
	position:absolute;
	left:0;
	right:0;
	top:-1em;
}

.pack_price_box .pack_price .pack_price_currency{
	font-size: 0.5em;
}

.pack_price_box .pack_choose_button{
	font: 1.4em "Arial";
	color: white;
	width:fit-content;
	margin:auto;
	padding:5px 10px 3px 10px;
	/*border-width:1px;*/
	/*border-style: solid;*/
	font-weight: lighter;
	-moz-box-shadow: 1px 1px 7px #888;
	-webkit-box-shadow: 1px 1px 7px #888;
	box-shadow: 1px 1px 7px #888;
}

#pack_checkout{
	/*text-align: center;*/
	width: 90%;
	margin:auto;
}

#pack_checkout iframe{
	width: 100%;
	/*height: 100%;*/
}

#pack_checkout .checkout_header_info{
	font-size: 80%;
	width: 30em;
	margin:auto;
}

#pack_checkout .checkout_header_info tr td{
	padding: 0.3em 0.5em;
	width:50%;
	background-color: #E8F7FB;
	vertical-align: top;
}

#pack_checkout .checkout_header_info tr td:first-child{
	text-align: right;
	background-color: #538FD0;
	color:white;
}

#pack_checkout .checkout_header_info tr td img{
	height:3em;
	text-align: right;
	background-color: #538FD0;
	color:white;
}

/* REGISTER */
#register{
	font-size: 1.2em;
}
	#register .contents{
		font-size: 1.3em;
	}
	
	#register .table-head{
		padding: 20px 60px;
	}
		#register .table-head h2{
			margin-bottom: 10px;
		}
	#register .table-body .rows{
		padding: 20px 60px;
	}
	
	#register #reviews-list .details{
		width: 740px;
	}

/*[END]*/

/* REVIEWS */
#reviews{
}
	#reviews .table-head h2{
		margin-bottom: 10px;
	}

/*[END]*/

/* TRANSACTIONS */
#transactions .table-head .col1{width: 90px;}
#transactions .table-head .col2{width: 90px;}
#transactions .table-head .col3{width: 110px;}
#transactions .table-head .col4{width: 130px;}
#transactions .table-head .col5{width: 110px;}

#transactions .table-body .col1{width: 90px;}
#transactions .table-body .col2{width: 90px;}
#transactions .table-body .col3{width: 110px;}
#transactions .table-body .col4{width: 130px;}
#transactions .table-body .col5{width: 110px;}
/*[END]*/

/* ARTICLES */
#articles-list .rows{
	padding: 30px 50px;
	background-color: #EFFCFF;
}
#articles-list .rows.even{
	background-color: #FFFFFF;
}
	#articles-list .title{
		font-weight: 500;
		font-size: 1.25em;
		
		color: #333333;
		padding-bottom: 15px;
	}
		#articles-list .title a{
			color: #333333;
		}
		#articles-list .title a:hover{
			color: #666666;
		}
	#articles-list .content{
		text-align: justify;
		color: #666666;
	}
		#articles-list .content a{
			color: #666666;
		}
		#articles-list .content a:hover{
			color: #999999;
		}

/* HOROSCOPE */
#horoscope{}
	#horoscope .contents{
		text-align: center;
	}
		#horoscope .contents p{
			text-align: center;
		}
		#horoscope .contents.signs-wrapper{
			padding: 0px 50px;
		}
	

	#horoscope .signs{
		float: left;
		width: 140px;
		margin-bottom: 40px;
	}
		#horoscope .signs .sign-icon{
			display: block;
			margin: auto;
			width: 80px;
			height: 80px;
			background-position: 0 0;
			background-repeat: no-repeat;
			margin-bottom: 10px;
		}
			#horoscope .signs .sign-icon img{
				height: 80px;
				width: 80px;
			}
		#horoscope .signs:hover .sign-icon{
			height: 90px;
			width: 90px;
			margin-top: -5px;
			margin-bottom: 5px;
		}
			#horoscope .signs:hover .sign-icon img{
				height: 90px;
				width: 90px;
			}
		
		#horoscope .signs .sign-label{
			font-weight: 500;
			font-size: 14px;
			color: #666666;
			text-transform: uppercase;
		}
		#horoscope .signs:hover .sign-label{
			color: #333333;
		}
	
	
	#horoscope .table-head{
		padding: 20px 60px;
	}
		#horoscope .table-head h2{
			margin-bottom: 10px;
		}
	#horoscope .table-body .rows{
		padding: 20px 60px;
		font-size: 1.2em;
	}
	#horoscope #reviews-list .details{
		width: 740px;
	}

/* HOROSCOPE DETAIL */
#horoscope-detail{
	
}
	#horoscope-detail h2 span{
		color: #37B2DA;
	}
	
	#horoscope-detail .image{
		display: block;
		width: 100px;
		height: 100px;
		margin-right: 40px;
	}
		#horoscope-detail .image img{
			height: 100px;
			width: 100px;
		}
	#horoscope-detail .wink .title,
	#horoscope-detail .lucky .title{
		font-size: 14px;
		color: #333333;
		
		margin: 10px 0 10px 0;
	}
	#horoscope-detail .wink .content{
		text-align: justify;
	}
	#horoscope-detail .lucky .content{
		font-size: 22px;
		font-weight: 500;
		color: #6FBE00;
		
		/*text-align: center;*/
	}
	
	#horoscope-detail .rows .icon{
		display: inline-block;

		background-image: url("../gfx/common/horoscope/horoscope.png?1");
		background-repeat: no-repeat;
		background-size: 40px 280px;

		width: 40px;
		height: 40px;
		
		/*background-color: #FFFFFF;*/
		
		border-radius: 100%;
		
		margin: 8px 20px;
	}
		#horoscope-detail .rows.amour .icon{
			/*background-image: url("../gfx/common/horoscope/icon_amour.jpg");*/
			background-position: 0px 0px;
		}
		#horoscope-detail .rows.argent .icon{
			/*background-image: url("../gfx/common/horoscope/icon_argent.jpg");*/
			background-position: 0px -40px;
		}
		#horoscope-detail .rows.sante .icon{
			/*background-image: url("../gfx/common/horoscope/icon_sante.jpg");*/
			background-position: 0px -80px;
		}
		#horoscope-detail .rows.travail .icon{
			/*background-image: url("../gfx/common/horoscope/icon_travail.jpg");*/
			background-position: 0px -120px;
		}
		#horoscope-detail .rows.famille .icon{
			/*background-image: url("../gfx/common/horoscope/icon_famille.jpg");*/
			background-position: 0px -160px;
		}
		#horoscope-detail .rows.vie_sociale .icon{
			/*background-image: url("../gfx/common/horoscope/icon_vie_sociale.jpg");*/
			background-position: 0px -200px;
		}
		#horoscope-detail .rows.citation .icon{
			/*background-image: url("../gfx/common/horoscope/icon_citation.jpg");*/
			background-position: 0px -240px;
		}
	
	#horoscope-detail .rows .title{
		font-size: 14px;
		color: #333333;
		
		padding-bottom: 10px;
	}
		#horoscope-detail .rows .title span{
			color: #6FBE00;
			padding-right: 10px;
		}
	#horoscope-detail .rows .content{
		text-align: justify;
	}
	
	#horoscope-detail .table-head{
		padding: 20px 60px;
	}
		#horoscope-detail .table-head h2{
			margin-bottom: 10px;
		}
	#horoscope-detail .table-body .rows{
		padding: 20px 60px;
		font-size: 1.2em;
	}
	#horoscope .horoscope_btn, #horoscope-detail .horoscope_btn{
		padding: 8px 12px;
		font-size: 13px;
		font-weight: bold;
		text-transform: uppercase;
		cursor: pointer;
		color: white;
		background-color: #97DB33;
		border-radius: 2px;
	}
	#horoscope-detail #reviews-list .details{
		width: 740px;
	}
	
/*[END]*/

/* PRICES LIST */
#services{
	width: 100%;
}
	#services td{
		background-color: #F8F8F8;
		
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		
		color: #666666;
		padding: 15px 20px;
		
		width: 25%;
	}
	#services .even td{background-color: #EFFCFF;}
	#services tr:hover td{
		cursor: pointer;
		background-color: #F2FFD2;
	}
	#services tr:hover td.services_price_total{
		background-color: #E4FFA1;
		color: #333333;
	}
		#services td.services_name{
			font-size: 20px;
		}
		
		#services td.services_price_total{
			font-size: 22px;
			
			background-color: #EFEFEF;
			color: #333333;
			
			line-height: 1;
		}
		#services .even td.services_price_total{
			background-color: #DBF8FF;
			color: #37B2DA;
		}
			#services td.services_price_total del{
				color: #F93636;
				font-size: 0.8em;
			}
			#services td.services_price_total .currency{
				font-size: 16px;
			}
			
		#services td.services_price_minute{
			font-size: 16px;
		}
			#services td.services_price_minute del{
				color: #F93636;
				font-size: 0.8em;
			}
			#services td.services_price_minute .currency{
				font-size: 12px;
			}
			
		#services td.services_economy .services_economy_value{
			font-size: 16px;
			color: #AACF3C;
		}
			#services td.services_economy .currency{
				font-size: 12px;
			}

/* PROGRESS BAR */
.progress-wrapper{
	padding-right: 40px;
}
	.progress-index-wrapper{
		position: relative;
		height: 28px;
	}
		.progress-index{
			position: absolute;
			height: 26px;
			width: 40px;
			padding-top: 4px;
			/*left: 50%;*/
			text-align: center;
			font-size: 12px;
			font-weight: bold;
			background: url("../gfx/common/template/progress_index.gif") no-repeat top left;
		}
	.progress-bar-wrapper{
		position: relative;
		height: 30px;
	}
		.progress-bar-back{
			position: absolute;
			height: 16px;
			width: 100%;
			border: 1px solid #CCCCCC;
			background: url("../gfx/common/template/progress_background.gif") repeat-x top left;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		.progress-bar-fore{
			position: absolute;
			height: 16px;
			/*width: 50%;*/
			border: 1px solid #80C918;
			background: url("../gfx/common/template/progress_foreground.gif") repeat-x top left;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		.violet .progress-bar-fore{
			background-image: url("../gfx/common/template/progress_foreground_violet.gif");
			border-color: #AB35A4;
		}
/*[END]*/

/* FOOTER */
footer{
	padding-bottom: 10px;
	overflow: hidden;
}
	footer .container{
		margin: auto;
		width: 980px;
		
		padding: 30px 10px 20px 10px;

	}
		footer .columns{
			width: 240px;
			height: 270px;
			
			padding: 15px 35px 15px 34px;

			border-left: 1px solid #8ADDFF;
		}
		footer .columns:first-of-type{
			border: none;

		}
		footer .columns.last{
			margin-right: 0;
		}
		footer .columns a, footer .columns span{color: #207793;}
			footer p{
				margin: 0px;
				padding: 0px;
				font-size: 11px;
				/*text-align: justify;*/
				padding-bottom: 15px;
			}
			footer span.title{
				margin: 0px;
				padding: 0px;
				padding-bottom: 10px;
				display: block;
				height: 42px;
				
				font-size: 14px;
				font-weight: 500;
				
				color: #333333;
				text-transform: uppercase;
			}
#copyright{
	margin: auto;
	color: #333333;
	padding: 10px 0px 20px 0px;
	text-align: center;
	/*background-color: #4F8AC7;*/
}
	#copyright span{padding-right: 10px;}
	#copyright .flags img{
		vertical-align: top;
		padding-right: 5px;
	}
	#cards{
		padding-top: 5px;
	}
	#mobile{
		padding-top: 5px;
		text-align: center;
	}
/*[END]*/

/* FORCED MODAL */
#forced-modal-main .jBox-container{
    /*background-color: #dbdbdb;*/
}

#forced-modal-main .policy_display_header{
    position:absolute;
    top:0px;
    left:0px;
    height:65px;
    right:0px;
    overflow:hidden;

    border-bottom: 1px solid #37b2da;
    margin-bottom: 5px;
}

#forced-modal-main .policy_display_header .header_title{
	color: #37b2da;
	margin-bottom: 10px;
}

#forced-modal-main .policy_display_header .header_subtitle{
	color: #37b2da;

}

#forced-modal-main .policy_display_content{
    position:absolute;
    top:70px;
    bottom:40px;
    left:0px;
    right:0px;
    overflow:auto;
}

#forced-modal-main .policy_display_footer{
    position:absolute;
    bottom:0px;
    height:35px;
    left:0px;
    right:0px;
    overflow:hidden;

    border-top: 1px solid #37b2da;
    margin-top: 5px;
    padding-top: 5px;
}

#policy_display_footer .policy_display_button_accept{
    color:ghostwhite;
    float: right;
    text-shadow: none;
    background: #37b2da;
    margin-left: 10px
}

#policy_display_footer .policy_display_button_decline{
    color:ghostwhite;
    float: right;
    text-shadow: none;
    background: #dd6a61;
}
/* POPUP INSCRIPTION HOROSCOPE */
#delayed_register_popup {
	height:fit-content;
	width:550px;
}
	#delayed_register_popup .popup_btn{
		font-weight: 500;
		cursor: pointer;
		color: white;
		text-shadow: none;
		text-transform: uppercase;
	}
	#delayed_register_popup .popup_content{
		padding-bottom: 10px;
	}
	#delayed_register_popup .popup_footer{
		margin: 10px 0;
	}
		#delayed_register_popup .popup_footer .popup_btn{
			float: right;
			margin-left: 5px;
		}
			#delayed_register_popup .popup_footer .popup_btn.btn_ok{
				background: #AACF3C;
				border: 1px solid #9cc13b;
			}
			#delayed_register_popup .popup_footer .popup_btn.btn_ok:hover{
				/*background: #bacf84;*/
				background: #a6cb3c;
				border: 1px solid #90b53b;
			}
			#delayed_register_popup .popup_footer .popup_btn.btn_ko{
				color: #333333;
				/*background: #dd6a61;*/
				/*border: 1px solid #cb695d;*/
			}
			#delayed_register_popup .popup_footer .popup_btn.btn_ko:hover{
				/*background: #dd8476;*/
			}

/* NEWSLETTERS MODAL */
.newsletter_popup{
	height:fit-content;
	width:550px;
}
	.newsletter_popup .popup_btn{
		font-weight: 500;
		cursor: pointer;
		color: white;
		text-shadow: none;
		text-transform: uppercase;
	}
	.newsletter_popup .popup_content{
		margin-bottom: 10px;
	}
		.newsletter_popup .popup_content #popup-newsletter-list{
			padding: 10px 0;
		}
		.newsletter_popup .popup_content .rows{
			display: block;
			background-color: #EFFCFF;
			border-radius: 5px;
			padding: 10px;
		}
		.newsletter_popup .popup_content .rows.even{
			background-color: #F8F8F8;
		}
			.newsletter_popup .popup_content .rows .status{
				display: inline-block;
				width: 74%;
				vertical-align: middle;
			}
				.newsletter_popup .popup_content .rows .status h3{
					color: #37B2DA;
					font-weight: 500;
					font-size: 120%;
					/*text-align: center;*/
				}
				.newsletter_popup .popup_content .rows .status span{
					/*color: #333333;*/
					color: #666666;
				}
			.newsletter_popup .popup_content .rows .action{
				display: inline-block;
				width:25%;
				vertical-align: middle;
				text-align: center;
			}
				.newsletter_popup .popup_content .rows .action .popup_btn{
					/*background: #3297E0;*/
					/*border: 1px solid #2f89cc;*/
					background: #37B2DA;
					border: 1px solid #34a3cb;
				}
				.newsletter_popup .popup_content .rows .action .popup_btn:hover{
					/*background: #6bb1e0;*/
					background: #71bada;
				}
				.newsletter_popup .popup_content .rows .action .icon{
					display: inline-block;
					background-position: 0 -96px;
				}.newsletter_popup .popup_content .rows .action.enabled .popup_btn{
					display: none !important;
				}.newsletter_popup .popup_content .rows .action.disabled .icon{
					display: none !important;
				}
	.newsletter_popup .popup_footer{
		margin-bottom: 10px;
	}
		.newsletter_popup .popup_footer .popup_btn{
			float: right;
			background: #dd6a61;
			border: 1px solid #cb695d;
			margin-left: 5px;
		}.newsletter_popup .popup_footer .popup_btn:hover{
			background: #dd8476;
		}
			.newsletter_popup .popup_footer .popup_btn.btn_ok{
				background: #AACF3C;
				border: 1px solid #9cc13b;
			}
			.newsletter_popup .popup_footer .popup_btn.btn_ok:hover{
				background: #bacf84;
			}

/* MODAL FORMS */
#modal-form{
	width: 100%;
	padding: 10px;
	position: relative;
}

#modal-form.blank{
	border: none;
	background: none;
	padding: 0;
}
	
	#modal-form .contents{
		padding: 15px;
		background-color: #F2F2F2;
		border-radius: 5px; 
	}

	#modal-form .digits{
		font-size: 32px;
		width: 100%;
		text-align: center;
		font-weight: bold;
		margin-top: 16px;
	}

/*** MODAL WRITTEN CONSULTATION ***/
/*** LIVE CHAT CONSULTATION ***/
#written-detail,
#live-chat-detail{
	text-align: justify;
}
	#written-detail .avatar,
	#live-chat-detail .avatar{
		margin: 0 10px 10px 0;
	}
		#written-detail .avatar .avatar-custom-img,
		#live-chat-detail .avatar .avatar-custom-img{
			display: block;
		
			box-sizing: content-box;
			
			width: 76px;
			height: 90px;
			
			border-radius: 40px;
			background-color: #E5E5E5;
			
			border: 2px solid #FFFFFF;
			
			-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
			box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
		}

/*** MODAL REVIEW DETAIL ***/
#review-detail{}
	#review-detail .content{
		color: #333333;
		text-align: justify;
		padding: 10px 10px 20px 10px;
	}
	#review-detail .answer{
		padding: 20px 10px 10px 10px;
		border-top: 1px dashed #E5E5E5;
	}
	#review-detail .answer .title{
		color: #333333;
		font-weight: 500;
		margin-bottom: 10px;
	}
	#review-detail .answer .content{
		color: #666666;
	}
	
/*** MODAL LIVE CHAT ***/
#live-chat-view .files span{
	padding: 5px;
}
	
#live-chat-view .messages{
	padding: 4px 0;
}
	#live-chat-view .pseudo{
		font-weight: 500;
	}
	#live-chat-view .pseudo.red{
		color: #FF4F4F;
	}
	#live-chat-view .pseudo.blue{
		color: #37B2DA;
	}
	
/*** MODAL WRITTEN ***/
#written-view{
	max-height: 420px;
	overflow: auto;
}
	#written-view .header{
		padding: 10px 20px;
		background-color: #F2F2F2;
	}
	#written-view.sent .header{
		background-color: #DDF6FF;
	}
	#written-view.answered .header{
		background-color: #E9FFD8;
	}
	#written-view.refused .header{
		background-color: #F2F2F2;
	}
	#written-view.timeout .header{
		background-color: #FFE6E0;
	}
		#written-view .header span{
			color: #333333;
			font-weight: 500;
		}
	
		#written-view .date{font-size:14px;}
		#written-view .member{
			font-size: 12px;
			padding-top: 7px;
		}
		#written-view .status{
			font-size: 12px;
			padding-top: 7px;
			padding-left: 20px;
		}
			#written-view .status span.tips,
			#written-view .status span.tips-refusal{
				cursor: default;
				border-bottom: 1px dashed #666666;
			}
	#written-view .content{
		padding: 10px 20px;
		background-color: #F8F8F8;
	}
		#written-view .menu img{
			vertical-align: middle;
		}
		
		#written-view .files{
			padding: 5px 5px;
			background-color: #FFFFFF;
		}
			#written-view .files img{
				vertical-align: middle;
			}
			
		#written-view .subject{
			padding-top: 5px;
			font-weight: bold;
		}
		#written-view .message{
			padding-top: 7px;
			text-align: justify;
			line-height: 1.5em;
		}
		#written-view .response{
			margin-top: 20px;
			padding: 10px;
			background-color: #FFFFFF;
		}
			#written-view .response-date{
				font-size: 14px;
			}
				#written-view .response-date span{
					font-weight: bold;
				}
			#written-view .response-message{
				padding-top: 10px;
				text-align: justify;
				line-height: 1.5em;
			}

/* CUSTOM CONFIRMS */
#jBox-confirm-delete [class="jBox-content"]{
	padding: 0;
	width: auto;
	height: auto;
	min-width: 320px;
	max-width: 460px;
}

#jBox-confirm-delete .jbox-custom-button{
	display: inline-block;
	width: fit-content;
	height: 30px;
	margin:0px 10px 0px 10px;
	border-radius: 5px;
	padding: 0 20px;
	font-size: 15px;
	line-height: 30px;
	cursor: pointer;
	border:1px solid #CCC;
	box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
	font-weight: bold;
}

#jBox-confirm-delete .jbox-custom-button-cancel{
	background: #eeeeee;
}

#jBox-confirm-delete .jbox-custom-button-submit{
	background: #ffb3aa;
	border-color: #ff9a93;
}

#jBox-confirm-delete .jbox-custom-button-submit[disabled],
#jBox-confirm-delete .jbox-custom-button-submit:disabled{
	cursor: not-allowed;
	pointer-events: none;
	opacity: 0.5;
	background: #CCC;
	border-color: #CCC;
}

#jBox-confirm-delete .account-confirm-password[error]{
	border: 1px solid #ff8989;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #ffd6d6;
}

#jBox-confirm-delete .jbox-form-error-display{
	background-color: #ff8989;
	border-radius: 3px;
	padding: 10px;
	color: #FFFFFF;
	font-weight: 500;
	width: 100%;
	visibility: collapse;
	margin-top: -30px;
}

#jBox-confirm-delete .jbox-form-error-display[error]{
	margin-top: 0;
	visibility: visible;
}

/* JBOX INFO */
#jBox-welcome-back-confirm [class="jBox-content"]{
	padding: 0;
	width: auto;
	height: auto;
	min-width: 320px;
	max-width: 460px;
}

#jBox-welcome-back-confirm .jbox-custom-button{
	display: inline-block;
	width: fit-content;
	height: 30px;
	margin:0px 10px 0px 10px;
	border-radius: 5px;
	padding: 0 20px;
	font-size: 15px;
	line-height: 30px;
	cursor: pointer;
	border:1px solid #CCC;
	box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
	font-weight: bold;
	background: #83af31;
	border-color: #779a35;
	background-image: -webkit-linear-gradient(top,#a9d05b,#77a423);
	color: #fff;
}


/*[END]*/

/*** NEWSLETTER SUBSCRIPTION ***/
#member-newsletter-list .status{
	display: inline-block;
	position: relative;
	width: 83%;
	margin-top: 10px;
	height: 24px;
	padding-left: 30px;
	cursor: pointer;
}

#member-newsletter-list .more_btn{
	float: right;
	display: inline-block;
	padding: 4px 6px;
	background-color: #4F8AC7;
	color: white;
	border-radius: 3px;
	font-weight: 400;
	cursor: pointer;
	margin-top: 10px;
}

#member-newsletter-list .status .text{
	position: absolute;
	top: 0;
	margin-top: 4px;
	margin-left: 6px;
	/*vertical-align: middle;*/
}

#member-newsletter-list .status .icon{
	top: 0;
	left: 0;

	background-position: 0 -24px;
}

#member-newsletter-list .status.enabled{
	color: #37B2DA;
}

#member-newsletter-list .status.enabled .icon{background-position: 0 -96px;}


/*** UPLOAD SYSTEM ***/
.upload-image{
	margin: 10px 20px 0 10px;
	
	border: 1px solid #c7d0d2;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #f5f7f8;
	
	cursor: pointer;
}
.upload-spinner{
	display: inline-block;
	height: 16px;
	width: 16px;
	background-image: url("../gfx/common/template/loading.gif");
	background-repeat: no-repeat;
}

/* PREVENTION */
#prevention .prevention_btn{
	border-radius: 3px;
	margin: 12px auto;
	width: 300px;
	text-align: center;
	font-weight: 600;
}

/* COOKIES INFO */
#cookies{
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	width: 100%;
	margin: 0px;
	left: 0px;
	bottom: 0px;
	padding: 12px 0px;
	z-index: 10000;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
}
	.cookies_button{
		display: inline-block;
		border: 1px solid #FFFFFF;
		background: #AACF3C;
		padding: 3px 9px;
		text-transform: uppercase;
		
		color: #FFFFFF;
		margin-left: 10px;
		text-decoration: none;
	}
	.cookies_button:hover{
		background: #83B938;
	}

	#cookie-table {
		background-color: white;
		border-radius: 10px;
		margin-right: 15px;
		margin-left: 15px;
	}

	#cookie-table td {
		padding: 10px 8px 10px 8px;
		border-left: 1px solid #e7e7e7;
		font-size: 12px;
	}

	#cookie-table td:first-child {
		font-size: 14px;
		border-left: none;
        white-space: nowrap;
	}

	#cookie-table td:last-child {
		font-size: 14px;
        text-align: center;
	}

	#cookie-table th {
		padding: 10px 8px 10px 8px;
		background-color: cornflowerblue;
		color: white;
		text-align: center;
		/*border-left: 1px solid #e7e7e7;*/
	}

	#cookie-table th:first-child {
		border-radius: 10px 0px 0px 0px;
		border-left: none;
	}

	#cookie-table th:last-child {
		border-radius: 0px 10px 0px 0px;
	}

.cookie_always_on_button{
	color: #999999;
	white-space: nowrap;
}

.cookie_toggle_button {
	color:whitesmoke;
	background-color: #999999;
	/*border: 1px solid #999999;*/
    border-radius: 5px;
    width: auto;
	cursor: pointer;
	white-space: nowrap;
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
}

.cookie_toggle_button.cookie_toggle_button_enabled {
	background-color: cornflowerblue;
	border: 2px solid #6390e7;
}

.cookie_toggle_button.cookie_toggle_button_disabled {
	background-color: #d75c5c;
	border: 2px solid indianred;
}

.cookie_toggle_button[toggle=true],
.cookie_toggle_button[toggle=false]:hover{
	opacity: 1;

}

.cookie_toggle_button[toggle=false] {
	opacity: .6;
}
/*[END]*/

/* NEW EXPERT REGISTRATION FORM */

#expert_registration_wrapper{
    min-height: 500px;
}

#expert_registration{
	margin: 80px auto;
	border: 1px solid lightgrey;
	border-radius: 20px;
	padding: 30px;
	width: 562px;
	/*background-color: #f8f8f8;*/
	background-color: white;
}

#expert_registration input::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #BBBBBB;
}

#expert_registration .form_subtitle{
	margin-bottom: 1.5em;
}

#expert_registration .row{
	width: 500px;
}

#expert_registration .error_display{
	margin: 0 10px -5px 10px;
}

#expert_registration .errors .error_display{
	margin: 0 10px 5px 10px;
}

#expert_registration .label{
	font-weight: 500;
}

/*#expert_registration .value{*/
	/*width:100%;*/
/*}*/

#expert_registration input{
	width: 100%;
	color: #707070;
}

#expert_registration input.half{
	width:49%;
}


#expert_registration input[type="checkbox"]{
	width: initial;
	cursor: pointer;
	margin-right: 10px;
}

#expert_registration input[type="text"]{
	border: 1px solid lightgrey;
	border-radius: 3px;
}

#expert_registration input[type="submit"]{
	color: white;
	width:fit-content;
	border-radius: 3px;
	margin: 1em 0 0 10px;
	padding: 4px 8px;
}

#expert_registration input[type="submit"].green{
	border: 1px solid #77a423;
}

#expert_registration input[type="submit"].orange{
	border: 1px solid #ff6600;
}

#expert_registration label.label_btn {
	height: 36px;
	width: 482px;
	color: #707070;
	text-shadow: 0 1px 1px #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: #ececec;
	background-image: -webkit-linear-gradient(top,#fbfbfb,#e4e4e4);
	cursor: pointer;
	text-align: center;
	/*font-size: 12px;*/
	font-weight: 500;
	padding: 10px;
	margin: 8px 0;
	display:inline-block;
}

#expert_registration label.checkbox_label {
	color: #707070;
	display:inline-block;
	margin:3px;
	line-height: 18px;
	vertical-align: middle;
	cursor: pointer;
}

#expert_registration label.checkbox_label img {
	margin-top: 3px;
}

#expert_registration textarea{
	width:100%;
	color: #707070;
	padding: 10px;
	border: 1px solid lightgrey;
	border-radius: 3px;
	height: 10em;
	resize: vertical;
}

#expert_registration #profile_picture_preview,
#expert_registration #billing_file_preview{
	display: block;
	max-width:480px;
	max-height: 120px;
	margin: 10px auto;
}

#expert_registration #voice_msg_preview{
	display: block;
	zoom: 0.8;
	margin: 10px auto;
}

#selected_avatar_wrapper{
	cursor: pointer;
	margin: 8px auto;
	width:fit-content;
}
	#selected_avatar_wrapper .avatar-custom-img{
		width: 120px; height: 120px;
		margin: 0;
		border-radius: 5px;
	}
	#selected_avatar_wrapper .avatar_new .avatar_new_img{
		width: 120px; height: 120px;
		margin: 0;
		border-radius: 5px;
		line-height: 120px;
		text-align: center;
		background-color: #f5f7f8;
		color: #50CBF3;
		font-size: 30px;
	}
		#selected_avatar_wrapper .avatar_new:hover .avatar_new_img{
			background-color: #eff1f2;
		}
	#selected_avatar_wrapper .avatar_new .avatar_new_lbl{
		width: 120px;
		text-align: center;
		color: #50CBF3;
		font-size: 10px;
		text-transform: uppercase;
		margin-top: 5px;
	}
		#selected_avatar_wrapper .avatar_new:hover .avatar_new_lbl{
			font-weight: bold;
		}

/* AVATAR POPUP */
#avatar-popup-content,
#avatar-popup-preview-content{
	display: none;
}

.avatar-popup,
.avatar-preview-popup{
	/*position: absolute;*/
	/*left: 0;*/
	/*right: 0;*/
	/*top: 10%;*/
	margin: auto;
	width: 720px;
	height: fit-content;
	/*z-index: 5001;*/

	background-color: white;
	border-radius: 5px;
	box-shadow: 0 0 0 5px rgba(0,0,0,.3);
}
.avatar-popup.jBox-Modal .jBox-content{
	overflow: hidden;
}

.avatar-popup .avatar_popup_close,
.avatar-preview-popup .avatar_popup_close{
	position: absolute;
	top: 0px; right: 10px;
	font-size: 32px;
	font-weight: bold;
	transform: rotate(45deg);
	cursor: pointer;
}

.avatar-edit-wrapper{
	max-height: 400px;
}
.avatar-edit{
	/*display: block;*/
	max-width: 100%;
}

.avatar-previews .preview-groups{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.avatar-previews .preview-groups h2{
	text-align: center;
}
.avatar-previews .preview-groups .preview-group{
	display: flex;
	flex-wrap: nowrap;
	background-color: #F1F1F1;
	align-items: center;
	height: 140px;
	padding: 5px 15px;
	border-radius: 20px;
}

.avatar-popup-content .avatar-preview{
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%) scale(0.5);

	overflow: hidden;
	width: 240px;
	height: 240px;
}

.avatar-popup-content .avatar-preview-wrapper{
	position: relative;
	display: inline-block;
	overflow: hidden;
	/*margin: 10px;*/
	background-color: white;
	margin: 0 10px;
}
.avatar-popup-content .avatar-rectangle-desktop{
	display: inline-block;
	width: 76px !important;
	height: 90px !important;
	border-radius: 5px;
	border: 2px solid #FFFFFF;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}
.avatar-popup-content .avatar-rectangle-desktop .avatar-preview{
	width: 180px; height: 180px;
}
.avatar-popup-content .avatar-rectangle-mobile{
	display: inline-block;
	border-radius: 5px;
	width: 58px !important;
	height: 76px !important;
	border: 2px solid #FFFFFF;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}
.avatar-popup-content .avatar-rectangle-mobile .avatar-preview{
	width: 152px; height: 152px;
}

.avatar-popup-content .avatar-oval-desktop{
	box-sizing: content-box;
	width: 76px !important;
	height: 90px !important;
	border-radius: 40px;
	border: 2px solid #FFFFFF;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}
.avatar-popup-content .avatar-oval-desktop .avatar-preview{
	width: 180px; height: 180px;
}

.avatar-popup-content .avatar-circle-desktop{
	display: inline-block;
	width: 120px !important;
	height: 120px !important;
	border-radius: 100%;
	border: 2px solid #FFFFFF;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}
.avatar-popup-content .avatar-circle-desktop .avatar-preview{
	width: 240px; height: 240px;
}
.avatar-popup-content .avatar-circle-mobile{
	display: inline-block;
	/*box-sizing: content-box;*/
	width: 106px !important;
	height: 106px !important;
	border-radius: 100px;
	border: 2px solid #FFFFFF;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}
.avatar-popup-content .avatar-circle-mobile .avatar-preview{
	width: 212px; height: 212px;
}

.avatar-popup-content .avatar-editor-wrapper{
	margin-top: 20px;
}
.avatar-popup-content .avatar-editor-wrapper .avatar-editor-controls{
	width: 100%;
}
.avatar-popup-content .avatar-editor-controls .avatar-editor-control-row{
	white-space: nowrap;
	margin: 8px 0;
}
.avatar-popup-content .avatar-editor-control-row .avatar-editor-control-lbl{
	display: inline-block;
	width: 100px;
	margin-right: 20px;
}
.avatar-popup-content .avatar-editor-control-row .avatar_edit_rotate_num{
	width: 58px;
	margin-right: 20px;
}
.avatar-popup-content .avatar-editor-control-row .avatar_edit_background{
	width: 60px;
	margin-right: 20px;
}
.avatar-popup-content .avatar-editor-control-row .avatar_edit_rotate{
	position: relative;
	top: 6px;
	width: 410px;
}

.avatar-popup-content .avatar-editor-wrapper .avatar-popup-actions{
	width: 400px;
	margin: 16px 120px 0 120px;
	display:flex;
	justify-content: space-between;
}
.avatar-popup-content .avatar-popup-actions .button{
	width: fit-content;
	display: inline-block;
}

/* END NEW EXPERT REGISTRATION FORM */

/* LOADING */
.loading {
	position: absolute;
	width: 100%;
	
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 3;
}
.loader {
	font-size: 20px;
	margin: 100px auto;
	width: 0.5em;
	height: 0.5em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load4 1.3s infinite linear;
	animation: load4 1.3s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em #333333, 2em -2em 0 0em #333333, 3em 0 0 -1em #333333, 2em 2em 0 -1em #333333, 0 3em 0 -1em #333333, -2em 2em 0 -1em #333333, -3em 0 0 -1em #333333, -2em -2em 0 0 #333333;
  }
  12.5% {
    box-shadow: 0 -3em 0 0 #333333, 2em -2em 0 0.2em #333333, 3em 0 0 0 #333333, 2em 2em 0 -1em #333333, 0 3em 0 -1em #333333, -2em 2em 0 -1em #333333, -3em 0 0 -1em #333333, -2em -2em 0 -1em #333333;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em #333333, 2em -2em 0 0 #333333, 3em 0 0 0.2em #333333, 2em 2em 0 0 #333333, 0 3em 0 -1em #333333, -2em 2em 0 -1em #333333, -3em 0 0 -1em #333333, -2em -2em 0 -1em #333333;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em #333333, 2em -2em 0 -1em #333333, 3em 0em 0 0 #333333, 2em 2em 0 0.2em #333333, 0 3em 0 0em #333333, -2em 2em 0 -1em #333333, -3em 0em 0 -1em #333333, -2em -2em 0 -1em #333333;
  }
  50% {
    box-shadow: 0 -3em 0 -1em #333333, 2em -2em 0 -1em #333333, 3em 0 0 -1em #333333, 2em 2em 0 0em #333333, 0 3em 0 0.2em #333333, -2em 2em 0 0 #333333, -3em 0em 0 -1em #333333, -2em -2em 0 -1em #333333;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em #333333, 2em -2em 0 -1em #333333, 3em 0 0 -1em #333333, 2em 2em 0 -1em #333333, 0 3em 0 0 #333333, -2em 2em 0 0.2em #333333, -3em 0 0 0 #333333, -2em -2em 0 -1em #333333;
  }
  75% {
    box-shadow: 0em -3em 0 -1em #333333, 2em -2em 0 -1em #333333, 3em 0em 0 -1em #333333, 2em 2em 0 -1em #333333, 0 3em 0 -1em #333333, -2em 2em 0 0 #333333, -3em 0em 0 0.2em #333333, -2em -2em 0 0 #333333;
  }
  87.5% {
    box-shadow: 0em -3em 0 0 #333333, 2em -2em 0 -1em #333333, 3em 0 0 -1em #333333, 2em 2em 0 -1em #333333, 0 3em 0 -1em #333333, -2em 2em 0 0 #333333, -3em 0em 0 0 #333333, -2em -2em 0 0.2em #333333;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em #333333, 2em -2em 0 0em #333333, 3em 0 0 -1em #333333, 2em 2em 0 -1em #333333, 0 3em 0 -1em #333333, -2em 2em 0 -1em #333333, -3em 0 0 -1em #333333, -2em -2em 0 0 #333333;
  }
  12.5% {
    box-shadow: 0 -3em 0 0 #333333, 2em -2em 0 0.2em #333333, 3em 0 0 0 #333333, 2em 2em 0 -1em #333333, 0 3em 0 -1em #333333, -2em 2em 0 -1em #333333, -3em 0 0 -1em #333333, -2em -2em 0 -1em #333333;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em #333333, 2em -2em 0 0 #333333, 3em 0 0 0.2em #333333, 2em 2em 0 0 #333333, 0 3em 0 -1em #333333, -2em 2em 0 -1em #333333, -3em 0 0 -1em #333333, -2em -2em 0 -1em #333333;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em #333333, 2em -2em 0 -1em #333333, 3em 0em 0 0 #333333, 2em 2em 0 0.2em #333333, 0 3em 0 0em #333333, -2em 2em 0 -1em #333333, -3em 0em 0 -1em #333333, -2em -2em 0 -1em #333333;
  }
  50% {
    box-shadow: 0 -3em 0 -1em #333333, 2em -2em 0 -1em #333333, 3em 0 0 -1em #333333, 2em 2em 0 0em #333333, 0 3em 0 0.2em #333333, -2em 2em 0 0 #333333, -3em 0em 0 -1em #333333, -2em -2em 0 -1em #333333;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em #333333, 2em -2em 0 -1em #333333, 3em 0 0 -1em #333333, 2em 2em 0 -1em #333333, 0 3em 0 0 #333333, -2em 2em 0 0.2em #333333, -3em 0 0 0 #333333, -2em -2em 0 -1em #333333;
  }
  75% {
    box-shadow: 0em -3em 0 -1em #333333, 2em -2em 0 -1em #333333, 3em 0em 0 -1em #333333, 2em 2em 0 -1em #333333, 0 3em 0 -1em #333333, -2em 2em 0 0 #333333, -3em 0em 0 0.2em #333333, -2em -2em 0 0 #333333;
  }
  87.5% {
    box-shadow: 0em -3em 0 0 #333333, 2em -2em 0 -1em #333333, 3em 0 0 -1em #333333, 2em 2em 0 -1em #333333, 0 3em 0 -1em #333333, -2em 2em 0 0 #333333, -3em 0em 0 0 #333333, -2em -2em 0 0.2em #333333;
  }
}
/*[END]*/