.floating-form {
	width: 100%;
	margin-top: 10px;
}

.en .floating-form button{
	float: right;
	direction: ltr;
}

.ar .floating-form button {
	float: left;
	direction: ltr;
}

.direction-ltr{
	direction: ltr;
}
.direction-rtl{
	direction: rtl;
}

.en .direction-rtl {
	direction: ltr;
}

/****  floating-Lable style start ****/
.floating-label {
	position: relative;
	margin-bottom: 0px;
}

.floating-input,
.floating-select {
	/* 14 Bold */
	font-family: 'RB';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	/* identical to box height */

	text-align: right;

	/* Black */

	color: #363636;
	padding: 4px 4px;
	display: block;
	width: 100%;
	height: 35px;
	background-color: transparent;
	border: none;
	border-bottom: 2px solid transparent;
}
.en .floating-select {
	direction: ltr;
	text-align: left;
}
.floating-input:focus,
.floating-select:focus {
	outline: none;
	border-bottom: 2px solid #FDC75C;
}

label {
	font-family: 'RB';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 21px;
	/* identical to box height */

	text-align: right;

	/* Dark grey */

	color: #535353;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 5px;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
	
}



.floating-active{
	top: -18px;
	right: 5px;
	left: unset;
    font-size: 14px;
    color: #535353 !important;
}

.en .floating-active {
	left: 0px !important;
	right: unset !important;
}

.floating-input:focus~label,
.floating-input:not(:placeholder-shown)~label {
	top: -18px;
	font-size: 14px;
	color: #535353;
}

.floating-select:focus~label,
.floating-select:not([value=""]):valid~label {
	top: -18px;
	font-size: 14px;
	color: #5264AE;
}

/* active state */
.floating-input:focus~.bar:before,
.floating-input:focus~.bar:after,
.floating-select:focus~.bar:before,
.floating-select:focus~.bar:after {
	width: 50%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.floating-textarea {
	min-height: 30px;
	max-height: 260px;
	overflow: hidden;
	overflow-x: hidden;
}

/* highlighter */
.highlight {
	position: absolute;
	height: 50%;
	width: 100%;
	top: 15%;
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}

/* active state */
.floating-input:focus~.highlight,
.floating-select:focus~.highlight {
	-webkit-animation: inputHighlighter 0.3s ease;
	-moz-animation: inputHighlighter 0.3s ease;
	animation: inputHighlighter 0.3s ease;
}

/* animation */
@-webkit-keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}

@-moz-keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}

@keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}

/****  floating-Lable style end ****/




















/***   Body style start  ***/

html {
	font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.42857143;
	color: #949494;
	background-color: #ffffff;
}

/***   Body style end  ***/


/***   daniel - Fork me friend - style   ***/
.floating-credit {
	position: fixed;
	bottom: 10px;
	right: 10px;
	color: #aaa;
	font-size: 13px;
	font-family: arial, sans-serif;
}

.floating-credit a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

.floating-credit a:hover {
	border-bottom: 1px dotted #f8f8f8;
}

.floating-heading {
	position: fixed;
	color: #aaa;
	font-size: 20px;
	font-family: arial, sans-serif;
}

/***  daniel - Fork me friend - style  ***/