/*
	RTL & Arabic Language Stylesheet
	For: Beauty & Spa - Arabic Page (index _ar.html)
*/

/************************************/
/*****   General RTL Direction   ****/
/************************************/

html{
	direction: rtl;
}

body{
	direction: rtl;
	text-align: right;
	font-family: 'Tajawal', 'Cairo', sans-serif;
}

/* Decorative Arabic heading font, replaces the Latin cursive 'Merienda One' */
.main-title h2,
.whatdoyou-heading h2,
.gallery-info h3,
.about-desc h2,
.membership-body h3{
	font-family: 'Aref Ruqaa', 'Tajawal', serif;
	font-weight: 700;
}

/************************************/
/*****        Navigation         ****/
/************************************/

.navbar-nav.navbar-right{
	float: left !important;
}

.navbar-brand{
	float: right;
}

.navbar-toggle{
	float: left;
	margin-left: 0;
	margin-right: 15px;
}

/************************************/
/*****      About Section        ****/
/************************************/

.about-desc{
	text-align: right;
}

/************************************/
/*****     What Do You Need      ****/
/************************************/

.whatdoyou-heading{
	text-align: right;
}

.whatdoyou-body{
	text-align: right;
}

.whatdoyou-body p{
	text-align: right;
}

/************************************/
/*****       Contact Info        ****/
/************************************/

.contact-info{
	text-align: right;
}

.contact-info p i{
	padding-right: 0;
	padding-left: 10px;
}

.contact-form .form-control{
	text-align: right;
	direction: rtl;
}

/************************************/
/*****          Footer           ****/
/************************************/

.footer-menu{
	text-align: left;
}

.footer-info{
	text-align: right;
}

/************************************/
/*****    Icon spacing (fa)      ****/
/************************************/

.fa-clock-o,
.fa-mobile-phone,
.fa-map-marker{
	margin-left: 6px;
}

/************************************/
/*****     WhatsApp Floating     ****/
/************************************/

.whatsapp-float{
	position: fixed;
	bottom: 25px;
	left: 25px;
	background-color: #25D366;
	color: #fff;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	box-shadow: 0 4px 14px rgba(0,0,0,0.3);
	z-index: 999;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
}

.whatsapp-float:hover{
	background-color: #1ebe5b;
	color: #fff;
	transform: scale(1.08);
	text-decoration: none;
}

.whatsapp-float i{
	line-height: 1;
}

@media only screen and (max-width: 767px){
	.whatsapp-float{
		width: 50px;
		height: 50px;
		font-size: 26px;
		bottom: 18px;
		left: 18px;
	}
}