/*
------------------

Project:        Terapie - spa care HTML5 Template
Version:        1.0
Last change:    06/04 /2019
Primary use:    Spa Care Center 
Author:         ThemeXD
------------------
Table of Content
----------------

1.  preloader
2.  Header Part
    2.1. top nav with social media
    2.2. Main nav part
    2.3. banner part

3.  About us Part
4.  Services Part
5.  Why choose us Part
6.  Counter part
7.  Expert Therapists Part
8.  Time to Relax Part
9.  Exclusive Pricing part
10. Testimonials part
11. Blog Part
12. Footer part

---- other pages ----

10. About us page
11. Services page
12. Blog page
13. Blog Detail page
14. 404 page
15. Contact page
*/

@font-face {
    font-family:'iranyekan';
    src:url('../fonts/iranyekan/IRANYekanRegularFaNum.eot?##') format('eot'),
    url('../fonts/iranyekan/IRANYekanRegularFaNum.woff') format('woff'),
    url('../fonts/iranyekan/IRANYekanRegularFaNum.svg') format('svg'), url('../fonts/iranyekan/IRANYekanRegularFaNum.ttf') format('truetype');
}

* {
	margin: 0;
	padding: 0;
	outline: 0;
    font-family:'iranyekan';
}

ul,
ol {
	list-style: none;
}

input:focus {
	outline: none !important;
	box-shadow: 0 0 10px transparent !important;
}

a:focus,
a:hover {
	text-decoration: none;
	border-color: transparent;
	outline: 0;
	color: transparent;
}

img {
	border: 0;
}

.clr {
	clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
p,
address,
strong {
	cursor: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: normal;
}

body {
	overflow-x: hidden;
}

a {
	text-decoration: none;
}

a:focus {
	outline: none;
}

a:hover {
	text-decoration: none;
}

/*
==========================================
    Preloader
==========================================
*/

.preloader {
	overflow: hidden;
	height: 100%;
	width: 100%;
	position: fixed;
	background: #fff;
	top: 0;
	left: 0;
	z-index: 9999999;
}

.wrapper {
	height: 50px;
	margin-top: calc(50vh - 25px);
	margin-left: calc(50vw - 85px);
	width: 180px;
}

.circle {
	border-radius: 50%;
	border: 3px #bd2299 solid;
	float: left;
	height: 50px;
	margin: 0 5px;
	width: 50px;
}

.circle-1 {
	-webkit-animation: move 1s ease-in-out infinite;
	animation: move 1s ease-in-out infinite;
}

.circle-1a {
	-webkit-animation: fade 1s ease-in-out infinite;
	animation: fade 1s ease-in-out infinite;
}

@-webkit-keyframes fade {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}

	100% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}

@keyframes fade {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}

	100% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}

.circle-2 {
	-webkit-animation: move 1s ease-in-out infinite;
	animation: move 1s ease-in-out infinite;
}

@-webkit-keyframes move {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translateX(60px);
		transform: translateX(60px);
	}
}

@keyframes move {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translateX(60px);
		transform: translateX(60px);
	}
}

.circle-1a {
	margin-left: -55px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.circle-3 {
	-webkit-animation: circle-3 1s ease-in-out infinite;
	animation: circle-3 1s ease-in-out infinite;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

@-webkit-keyframes circle-3 {
	0% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

	100% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}

@keyframes circle-3 {
	0% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

	100% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}

.preloader h1 {
	color: #fff;
	margin: 40px auto;
	text-align: center;
}

/* ============================
            common 
========================= */
.m-b-30 {
	margin-bottom: 30px;
}

.m-b-60 {
	margin-bottom: 60px;
}

.m-b-25 {
	margin-bottom: 25px;
}

.m-b-80 {
	margin-bottom: 80px;
}

.m-b-50 {
	margin-bottom: 50px;
}

.pr0 {
	padding-right: 0;
}

.pl0 {
	padding-left: 0;
}

.no-padding {
	padding-left: 0;
	padding-right: 0;
}

.mt0 {
	margin-top: 0 !important;
}

img {
	max-width: 100%
}

.section {
	padding-top: 80px;
    padding-bottom: 80px;
}

.heading h5 {
	font-size: 16px;
	
	
	
	font-weight: 600;
	line-height: 24px;
}

.color h2 {
	color: #bb1093;
}

.heading h2 {
	font-weight: 600;
	line-height: 30px;
	font-size: 30px;
}

.heading p {
	font-size: 14px;
	
	font-weight: 400;
	line-height: 24px;
	padding-top: 40px;
}

.btn {
	color: #fff !important;
	
	font-size: 16px;
	font-weight: 600;
	position: relative;
	transition: ease all .3s;
	padding: 11px 38px !important;
	
	border-radius: 100px;
	cursor: pointer;
	text-decoration: none;
	border: 0 none;
    direction:rtl;
}

.btn-br {
	border: 1px solid #fff;
}

.btn-br:hover {
	border: 1px solid #fff;
}

.btn.focus,
.btn:focus {
	outline: 0;
	box-shadow: none !important;
	border: 1px solid transparent;
	background: #bb1093;
}

.navbar-collapse .btn:focus {
	border: 1px solid #fff
}

.btn-4 {
	overflow: hidden;
	position: relative;
}

.btn-4 span {
	z-index: 20;
}

.btn-4:after {
	background: #fff;
	content: "";
	height: 155px;
	left: -75px;
	opacity: 0.2;
	position: absolute;
	top: -40px;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
	width: 50px;
	z-index: 8;
}

.btn-4:hover:after {
	border: 1px solid #fff;
	left: 120%;
	transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
}

/* ===============================
        Header Top Part css
==================================*/

.header-top {
	position: relative;
	overflow: hidden;
	background-color: #fff;
	z-index: 99;
}

.header-top ul li {
	display: inline-block;
}

.phone-mail {
	padding-top: 10px;
}

.phone-mail li a i {
	padding-right: 10px;
	color: #bd2299;
}

.phone-mail li:last-child {
	padding-left: 20px;
}

.header-top ul li a {
	color: #222;
	font-size: 14px;
	
	font-weight: 400;
	line-height: 24px;
	position: relative;
}

.social_icon {
	float: right;
}

.social_icon {
	text-align: center;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.social_icon ul li {
	list-style: none;
	margin: 10px 0px 10px 10px;
}

.social_icon ul li a {
	color: #888;
	transition: all ease 0.5s 0s;
	font-size: 13px;
}

.social_icon ul li a:hover {
	color: #bd2299;
}

.navbar .btn-menu {
	margin-top: 8px;
}

/* ===============================
        Main Menu Part css
==================================*/
.header_area {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

.navbar {
	position: relative;
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	transition: all ease .5s;
	background: rgba(125, 0, 46, 0.9);
}

.navcss {
	position: fixed;
	background: rgba(189, 34, 153, 0.96);
	transition: all ease .5s;
	margin-top: 0px;
	box-shadow: 0 0px 5px 0px rgba(0, 0, 0, .2);
}

.header-nav .navbar-nav li a {
	position: relative;
	display: inline-block;
	margin: 30px 0px 25px 15px;
	padding: 0px 10px;
	outline: none;
	color: #fff;
	text-decoration: none;
	
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
	font-size: 14px;
	transition: all ease 0.6s;
	-webkit-transition: all ease 0.6s;
	-moz-transition: all ease 0.6s;
	-ms-transition: all ease 0.6s;
	-o-transition: all ease 0.6s;
	cursor: pointer;
}

.header-nav .navbar-nav li a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	margin-right: 4px;
}

.header-nav .navbar-nav li .active {
	font-weight: 700;
	cursor: pointer;
}

.header-nav .navbar-nav li a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.header-nav .navbar-nav li a {
	overflow: hidden;
}

.header-nav .navbar-nav li .active span,
.header-nav .navbar-nav li a:hover span,
.header-nav .navbar-nav li a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.navcss .navbar-nav li a {
	color: #fff;
}

.header-nav .navbar-brand span {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	bottom: 12px;
	right: -9px;
	float: left
}

.header-nav .navbar-nav .nav-item {
	position: relative;
}

.header-nav .m-nav {
	margin-right: 60px;
}

.navbar-toggler {
	border: none;
	padding: 10px 6px;
	outline: 0 !important;
}

.navbar-toggler span {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}

.navbar-toggler span + span {
	margin-top: 4px;
	width: 18px;
}

.navbar-toggler span + span + span {
	width: 10px;
}

.navbar .btn-shape:before,
.navbar .btn-shape:after {
	background: transparent;
}

.dropdown-toggle::after {
	margin-right: 5px !important;
	vertical-align: .05em !important;
}

.custom_nav ul > li > a:focus:after,
.custom_nav ul > li.active > a:after,
.custom_nav ul > li:hover > a:after {
	opacity: 1;
}

/* dropdown menu */

.dropdown-menu {
	background: #fff;
	min-width: 210px;
	box-shadow: 0 2px 3px 0px rgba(0, 0, 0, .2);
	border-radius: 0;
	border: none;
	margin-top: 12px;
	padding: 0;
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	-ms-transition: all ease 0.4s;
	-o-transition: all ease 0.4s;

}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
	background: none;
}

.dropdown-menu > li:hover {
	background: rgba(189, 34, 153, 0.9);
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li:hover a {
	background: none;
	color: #fff !important;
	font-weight: 600;
	transition: all .4s;
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	-ms-transition: all ease 0.4s;
	-o-transition: all ease 0.4s;
}

.dropdown-menu > li > a {
	padding: 16px 0 30px !important;
	color: #bb1093 !important;
	padding: 10px 18px !important;
	text-align: left;
	margin: 0 !important;
	font-weight: 600 !important;
}

/* dropdown menu css */

@media(min-width:768px) {
	.dropdown-menu {
		display: block;
		visibility: hidden;
		opacity: 0;
		top: 110%;

	}

	.custom_nav ul > li:hover > .dropdown-menu {
		opacity: 1;
		visibility: visible;
		top: 100%;
	}

	.navbar-right .dropdown-menu {
		right: 0;
		left: 2px;
		width: 240px;
	}
}

/* =====================================
           Banner Css 
======================================= */
.tg-sliderholder {
	overflow: hidden;
	position: relative;
	margin-top: 42px;
}

.pogoSlider-slide {
	background-size: cover !important;
}

.tg-homeslider .pogoSlider-slide {
	float: left;
	opacity: 0;
	width: 100%;
	height: 100%;
	padding: 0 100px;
	overflow: hidden;
	position: absolute;
	background-size: cover;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.tg-slidercontent {
	padding-top: 130px;
    text-align:center;
}

.tg-slidercontent h6 {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	
	padding-bottom: 10px;

}

.tg-slidercontent h1 {
	color: #fff;
    font-size: 60px;

	font-weight: 600;
	line-height: 100px;

	word-spacing: 6px;
	padding-bottom: 60px;
}

.banner-btn {
	background: rgba(0, 0, 0, 0) -o-linear-gradient(left, #bb1093 0%, #ff3dd2 100%) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #bb1093 0%, #ff3dd2 100%) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) -moz-linear-gradient(left, #bb1093 0%, #ff3dd2 100%) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) linear-gradient(to right, #bb1093 0%, #ff3dd2 100%) repeat scroll 0 0;
}

.pogoSlider-nav-btn {
	background: transparent;
	border: 2px solid #fff;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	cursor: pointer;
}

.pogoSlider-nav-btn--selected {
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

/* ===========================================================
     Start: About us
=============================================================== */
.aboutus {
	position: relative;
}

.about-cont {
	padding-top: 90px;
	padding-left: 80px;
    padding-bottom: 90px;
}

.about-cont p,
.about-cont h5 {
	color: #444;
    text-align: justify;
    direction: rtl;
}

.about-cont p {
	padding-bottom: 60px;
}

/* ===========================================================
     End: About us
=============================================================== */

/* ===========================================================
     Start: Service Part
=============================================================== */
.service {
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.testimonial1 {
	position: relative;
	padding: 0;
}

.test-3 {
	position: relative;
	z-index: 99;
}

.test-1 {
	background: #7d002e;
	position: relative;
	z-index: 99;
}

.test-1:after {
	position: absolute;
	content: '';
	top: 0;
	right: -300%;
	height: 139.5%;
	width: 300%;
	background: #7d002e;
	opacity: 1;
	z-index: 9;
}

.test-2 {
	position: absolute;
	top: 0;
	left: -17px;
	z-index: 0;
	height: 485px;
	overflow: hidden;
}

.test-4 {
	position: absolute;
	top: 0;
	left: 35%;
	z-index: 9;
	height: 485px;
	overflow: hidden;
}

.service-cont {
	color: #fff;
	padding: 90px 0px 90px 95px;
}

.slide-service img {
	width: 100%;
	height: 389px;
	object-fit: cover;
}

.classes-slider-img .col-md-12 {
	padding: 0;
}

.testimonial1 img {
	cursor: grab;
}

.testimonial1 {
	position: relative;
}

.testimonial1:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #bb1093;
	opacity: 0.6;
	z-index: 9;
}

.testimonial1.slick-center:after {
	opacity: 0;
}

.service-bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 51%;
	transform: translateX(-50%);
	background: rgba(125, 0, 46, 0.5);
	z-index: 999;
    min-height: 150px;
}

.service-right-cont {
	color: #fff;
	width: 80%;
	padding: 20px 0px 20px 70px;
}

.service-right-cont .heading h2 {
	font-size: 12px;
}



.service-right-cont {
	color: #fff;
	width: 747px;
	padding: 23px 30px 23px 0px;
	margin-left: 12%;
    min-height:115px;
    text-align:right;
}

.slidNext4 {
	position: absolute;
	left: 0px;
	height: 35px;
	width: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99;
	padding-left: 3px;
	padding-top: 1px;
	background: #bb1093;
	color: #ffffff;
}


.slidNext4:hover {
	background: #fff;
	color: #7d002e;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(105, 90, 166, 0.8);
	-moz-box-shadow: 0px 0px 12px 0px rgba(105, 90, 166, 0.8);
	box-shadow: 0px 0px 12px 0px rgba(105, 90, 166, 0.8);
	transition: all 0.4s ease;
}

.slidprev4 {
	position: absolute;
	left: -35px;
	height: 35px;
	width: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	/*	border-radius: 50%;*/
	top: 50%;
	transform: translateY(-50%);
	z-index: 99;
	padding-top: 1px;
	background: #7d002e;
	color: #ffffff;
}

.slidprev4:hover {
	background: #fff;
	color: #bb1093;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(105, 90, 166, 0.8);
	-moz-box-shadow: 0px 0px 12px 0px rgba(105, 90, 166, 0.8);
	box-shadow: 0px 0px 12px 0px rgba(105, 90, 166, 0.8);
	transition: all 0.4s ease;
}

.ser-btn {
	margin-top: 10px;
}

/* ===========================================================
     End: Service Part
=============================================================== */
/* =============================
        Start: Why Choose Us 
    ============================= */
.chooseus {
	padding-bottom: 20px;
}

.choose-icon ul li {
	float: left;
	margin-right: 30px;
	padding-top: 50px;
}

.choose-icon ul li a {
	color: #bb1093;
	padding: 0px 15px;
}

.choose-icon ul li {
	margin-top: 30px;
	border: 1px solid #ccc;
	width: 80px;
	height: 80px;
	padding: 0px;
	border-radius: 100px;
	line-height: 80px;
}

.choose-icon ul li:hover {
	background: rgba(0, 0, 0, 0) -o-linear-gradient(left, #bb1093 0%, #ff3dd2 100%) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #bb1093 0%, #ff3dd2 100%) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) -moz-linear-gradient(left, #bb1093 0%, #ff3dd2 100%) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) linear-gradient(to right, #bb1093 0%, #ff3dd2 100%) repeat scroll 0 0;
	transition: background 0.9s linear;
	-o-transition: background 0.9s linear;
	-ms-transition: background 0.9s linear;
	-moz-transition: background 0.9s linear;
	-webkit-transition: background 0.9s linear;
}

.choose-icon ul li i {
	line-height: 80px
}

.choose-icon [class^="flaticon-"]:before,
.choose-icon [class*=" flaticon-"]:before,
.choose-icon [class^="flaticon-"]:after,
.choose-icon [class*=" flaticon-"]:after {

	margin-left: 0px !important;
	font-size: 50px !important;
}

.choose-icon li p {
	padding-top: 5px;
	text-transform: capitalize;
	font-size: 14px;
	
	font-weight: 500;
	line-height: 24px;
}

.choose-icon ul li:hover i {
	color: #fff;
	transition: background 0.6s linear;
	-o-transition: background 0.6s linear;
	-ms-transition: background 0.6s linear;
	-moz-transition: background 0.6s linear;
	-webkit-transition: background 0.6s linear;
}

.choose-icon ul li:hover p {
	color: #bb1093;
	font-weight: 600;
	transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
}

.choose-us-image {
	margin-top: -55px;
	padding: 45px;
}

/* =============================
        End: Why Choose Us 
    ============================= */

/* ===========================================================
     Start: counter part
=============================================================== */

.counter-part {
	background: url(../images/counter-background-image.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	z-index: 0;
}

.counter-part:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #bb1093;
	opacity: 0.8;
	z-index: -9;
}

.counter-text {
	padding: 50px 0 65px;
	color: #fff;
}

.counter-text h4 {
	
	font-size: 14px;
	
	font-weight: 500;
	line-height: 24px;

}

.counter-text h3 {
	
	font-size: 45px;
	
	font-weight: 700;
	line-height: 24px;
	padding-top: 10px;
}

/* ===========================================================
     End: counter part
=============================================================== */

/* ===========================================================
     Start: therapist part
=============================================================== */

.therapist-part {
	padding-top: 80px;
	padding-bottom: 80px;
}

.therapist-cont p,
.therapist-cont h5 {
	color: #444;
}

.therapist-cont h2 {
	color: #bb1093;
}

.therapist-cont p {
	padding-bottom: 40px;
}

.text-holder ul {
	display: inline-block;
	text-align: center;
}

.text-holder ul li {
	float: left;
	margin: 30px 14px;
}

.team-name {
	
	font-size: 15px;
	
	font-weight: 700;
	line-height: 24px;
	padding-top: 10px;
	color: #fff;
}

.text-holder p {
	text-transform: capitalize;
	font-size: 15px;
	
	font-weight: 500;
	line-height: 24px;
	color: #fff;
	padding-top: 5px;
}

.text-holder ul li a {
	color: #eb89d4;
	font-size: 16px;
}

.text-holder ul li a:hover {
	color: #fff;
}

.therapist-item,
.therapist-item .img-holder {
	overflow: hidden;
	position: relative;
	display: block;
}

.therapist-item .img-holder img {
	transform: scale(1.1, 1.1);
	transition: all 0.5s ease 0s;
	width: 100%;
}

.therapist-item:hover .img-holder .overlay-style-one {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.therapist-item:hover .img-holder img {
	transform: scale(1, 1);
}

.therapist-item .text-holder {
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	transition: all 0.8s ease;
	left: 0px;
	position: absolute;
	width: 100%;
	bottom: -100%;
	background: -webkit-linear-gradient(100deg, rgba(187, 16, 147, 0.5) 20%, rgba(255, 61, 210, 0.5) 80%);
	background: -o-linear-gradient(100deg, rgba(187, 16, 147, 0.5) 20%, rgba(255, 61, 210, 0.5) 80%);
	background: -moz-linear-gradient(100deg, rgba(187, 16, 147, 0.5) 20%, rgba(255, 61, 210, 0.5) 80%);
	background: linear-gradient(100deg, rgba(187, 16, 147, 0.5) 20%, rgba(255, 61, 210, 0.5) 80%);
	z-index: 3;
}

.therapist-item:hover .text-holder {
	transition: all 0.9s ease;
	bottom: 1px;
	border-bottom: none;
}

/* ===========================================================
     End: therapist part
=============================================================== */

/* ===========================================================
     Start: Relax Part
=============================================================== */

.relaxation {
	background: url(../images/relax-banner.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	z-index: 0;
}

.relaxation:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 50%;
	background: #7d002e;
	opacity: 0.8;
	z-index: -9;
}

.other-cont {
	color: #fff;
	padding:78px 0;
}

.other-cont p {
	padding-bottom: 55px;
}

/* service page */
.service-br {
	border: 1px solid #e94d86;
}

.service-br:hover {
	background: -webkit-linear-gradient(100deg, #bb1093 20%, #ff3dd2 80%);
	background: -o-linear-gradient(100deg, #bb1093 20%, #ff3dd2 80%);
	background: -moz-linear-gradient(100deg, #bb1093 20%, #ff3dd2 80%);
	background: linear-gradient(100deg, #bb1093 20%, #ff3dd2 80%);
	border: 1px solid transparent;
}

.service-br:hover span {
	color: #fff;
}

.other-cont ul {
	padding-top: 20px;
}

.other-cont ul li {
	margin-top: 30px;
}

.other-cont ul li a {
	
	font-weight: 400 !important;
	font-size: 43px;
	line-height: 24px;
	padding: 14px 42px !important;
	position: relative;
}

.other-cont ul li a em {
	transform: translateY(4px);
	font-size: 16px;
	font-style: normal;
	
	position: absolute;
	text-transform: lowercase;
}

.other-cont ul li a b {
	font-weight: normal;
	font-size: 35px;
}

.other-cont ul li a span {
	
	font-weight: 400 !important;
	font-size: 14px;
	color: #fff;
	line-height: 28px;
}

/* ===========================================================
     End: Relax Part
=============================================================== */
/* =====================================
      pricing Css Start
======================================== */
.Pricing {
	padding-bottom: 100px;
}

.price-cont {
	border: 1px solid #ccc;
	position: relative;
	overflow: hidden;
	z-index: 0;
	-webkit-transition: ease all .5s;
	-moz-transition: ease all .5s;
	-o-transition: ease all .5s;
	transition: ease all .5s;
}

.price-cont:before {
	position: absolute;
	content: '';
	top: -38%;
	left: -73px;
	border-radius: 100%;
	height: 400px;
	width: 400px;
	background: #7d002e;
	z-index: -1;
}

.price-cont:after {
	position: absolute;
	content: '';
	top: -42%;
	left: 0;
	border-radius: 0%;
	height: 20%;
	width: 100%;
	background: transparent;
	z-index: -9;
}

.Pricing-top {
	padding:0;
	z-index: 99;
}

.Pricing-top i {
	margin-bottom: 10px;
	color: #fff;
}

.Pricing-top h6 {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}

.Pricing-top [class^="flaticon-"]:before,
.Pricing-top [class*=" flaticon-"]:before,
.Pricing-top [class^="flaticon-"]:after,
.Pricing-top [class*=" flaticon-"]:after {

	margin-left: 0px !important;
	font-size: 70px !important;
}

.price-list {
	margin-top: 50px;
	margin-bottom: 50px;
}

.price-list p {
	text-transform: capitalize;
	font-size: 16px;
	
	font-weight: 400;
	line-height: 24px;
	color: #444;
	padding-bottom: 25px;
}

.price-btn {
	margin-top: 10px;
	color: #bb1093 !important;
	background: #fff;
	border: 1px solid #ccc;
}

.price-list li:last-child {
	margin-top: 16px;
}

.price-cont:hover p {
	color: #fff !important;
	-webkit-transition: ease all .9s;
	-moz-transition: ease all .9s;
	-o-transition: ease all .9s;
	transition: ease all .9s;
}

.price-cont:hover:before {
	background-color: #bb1093;
	-webkit-transition: ease all 1s;
	-moz-transition: ease all 1s;
	-o-transition: ease all 1s;
	transition: ease all 1s;
}

.price-cont:hover:after {
	background-color: #7d002e;
	bottom: 0;
	left: 0px;
	border-radius: 0%;
	height: 100%;
	top: 0;
	-webkit-transition: ease all .9s;
	-moz-transition: ease all .9s;
	-o-transition: ease all .9s;
	transition: ease all .9s;
}

.price-btn:hover,
.price-cont:hover .price-btn {
	color: #fff !important;
	border: 1px solid #bb1093;
	background: -webkit-linear-gradient(100deg, #bb1093 20%, #ff3dd2 80%);
	background: -o-linear-gradient(100deg, #bb1093 20%, #ff3dd2 80%);
	background: -moz-linear-gradient(100deg, #bb1093 20%, #ff3dd2 80%);
	background: linear-gradient(100deg, #bb1093 20%, #ff3dd2 80%);
}

/* =====================================
      pricing Css Start
======================================== */
/* =====================================
      Testimonial Css Start
======================================== */
.testimoni {
	background: url(../images/testimonial-bg.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 0;
	position: relative;
}

.testimoni:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #bb1093;
	opacity: 0.8;
	z-index: -9;
}

.testimonial-cont,
.testimoni-cont h2,
.testimoni-cont h5,
.testimoni-cont p {
	color: #ffffff;
}

.testimonial-content {
	color: #ffffff;
	padding-top: 60px;
}

.testimonial-content img {
	border-radius: 100%;
	width: 80px;
	height: 80px;
	display: inline-block;
	margin-bottom: 30px;
}

.testimonial-content p {
	margin-left: 50%;
	transform: translateX(-50%);
	width: 50%;
}

.testimoni .slick-dots li {
	display: inline-block;
	cursor: pointer;
	border-radius: 100%;
	margin: 0 -20px;
	color: #48416f;
	margin-top: 60px;
	margin-bottom: 60px;
}

.testimoni .slick-dots .slick-active {
	background: #fff;
}

.testimoni .slick-dots li button {
	display: block;
	outline: none;
	font-size: 0;
	line-height: 24px;
	font-weight: 500;
	
	background: transparent;
	color: transparent;
	cursor: pointer;
	transition: all .3s ease;
	border-radius: 100%;
	border: 2px solid #fff;
	padding: 0;
	height: 15px;
	width: 15px;
}


.form {
	background: #ffffff;
	width: 100%;
	padding: 44px 20px 7px 20px;
	border-radius: 5px;
	border: transparent;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(105, 90, 166, 0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(105, 90, 166, 0.2);
	box-shadow: 0px 0px 10px 0px rgba(105, 90, 166, 0.2);
	z-index: 999;
	position: inherit;
}


.flato2 {
	margin-bottom: 21%;
}

.cont-inline2 .cont-group .form-control,
.cont-inline2 .cont-group textarea {
	width: 100%;
	
	font-weight: 400;
	border: 1px solid #dddddd;
	padding: 5px 10px;
	height: 40px;
	color: #777777 !important;
	font-size: 14px;
	text-transform: capitalize;
	margin-bottom: 20px;
	background-color: transparent;
	border-radius: 20px;
	padding-left: 17px;
}

.cont-inline2 .cont-group textarea {
	position: relative;
	height: 120px;
	resize: none;
	
	font-weight: 400;
	font-size: 14px;
	color: #777777 !important;
	border-radius: 5px;
}

.send_btn {
	margin-top: 1%;
}

.send_btn a {
	position: absolute;
	border-style: none;
	transition: all 0.3s ease;
	text-transform: capitalize;
	
	font-weight: 400;
	padding: 10px 30px;
	background-color: #ffffff;
	border-radius: 25px;
	font-size: 16px;
	color: #695aa6;
	text-decoration: none;
	cursor: pointer;
	border: transparent;
	left: 88.5%;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(105, 90, 166, 0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(105, 90, 166, 0.3);
	box-shadow: 0px 0px 10px 0px rgba(105, 90, 166, 0.3);
}

.send_btn a:hover {
	background-color: #695aa6;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(105, 90, 166, 0.9);
	-moz-box-shadow: 0px 0px 10px 0px rgba(105, 90, 166, 0.9);
	box-shadow: 0px 0px 10px 0px rgba(105, 90, 166, 0.9);
	color: #ffffff;
}

/* =====================================
16. Testimonial Css End
======================================== */



/* =====================================
16. Blog Css Start
======================================== */

.border-blog {
	transform: translate(-15px, 0px);
	padding-left: 0;
	padding-right: 0;
}

.blog-inner{
    border: 1px solid #e1e1e1;
}
.blog-content {
	padding: 25px 38px 25px 50px;

	border-left: none;
    text-align: right;
    direction: rtl;
}

.blog-content h4 {
    font-size: 16px;
    color: #bb1093;
    font-weight: 400;
    text-align: justify;
    line-height: 36px;
}

.blog-content h6 {
	font-size: 10px;
	color: #444444;
	
	font-weight: 400;
	margin-bottom: 11px;
	padding-top: 4px;
}

.blog-content p {
	font-size: 12px;
	line-height: 25px;
	color: #444444;
	
	font-weight: 400;
	margin-bottom: 3px;
}

.blog-content a {
	font-size: 12px;
	color: #bb1093;
	
	font-weight: 600;
	line-height: 24px;
	text-transform: capitalize;
}

.blog-content:hover {
	background: #bb1093;
	border: 1px solid #bb1093;
}

.blog-content:hover a,
.blog-content:hover p,
.blog-content:hover h6,
.blog-content:hover h4 {
	color: #fff;
}

.blog-browse {
	margin-top: 60px;
}

/* =====================================
16. Blog Css End
======================================== */

/* =====================================
16. Footer Css Start
======================================== */

footer {
	background: url(../images/footer-bg-image.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#contact {
	padding: 60px 0;
}

.footer-social p {
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
	margin-top: 10px;
	
}

.footer-social ul li {
	float: left;
}

.footer-social ul li i {
	color: #fff;
	opacity: 0.5;
	padding-right: 17px;
	margin-top: 30px;
}

.footer-social ul li i:hover {
	color: #ffffff;
	opacity: 1;
}

.recent-tweet li h3 {
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
	
	padding-right: 30px;
}

.recent-tweet ul li i {
	padding-right: 30px;
}

.treatment h5 {
	font-size: 16px;
	color: #ddb95b;
	
	font-weight: 700;
    margin-bottom: 10px;
    padding-top: 10px;
	
}

.treatment ul li {
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
	
}

.recent-tweet h5 {
	font-size: 16px;
	color: #ddb95b;
	
	font-weight: 700;
	margin-bottom: 30px;
	
}

.recent-tweet ul li {
	font-size: 16px;
	color: #ddb95b;
	font-weight: 400;
	line-height:2rem!important;
}

.instragram h5 {
	font-size: 16px;
	color: #ddb95b;
	
	font-weight: 700;
    margin-bottom: 22px;
    margin-top: 10px;
	
}

.instragram ul li {
	float: right;
	margin: 2px;
	transition: all 0.5s ease 0s;
    width:81px;
    height:81px;
    overflow:hidden;
}

.instragram ul li:hover {
	transform: scale(1.14);
}

.copy-right p {
	font-size: 13px;
	color: #ffffff;
	
	font-weight: 400;
	margin-top: 50px;
}

/* ===================================
        Start: About banner Slider
   =====================================*/

/* ===================================
        End: About banner Slider
   =====================================*/
.about-banner {
	background: url(../images/about-banner-image.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	z-index: 0;
	overflow: hidden;
	margin-top: 46px;
}

.about-banner:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #bb1093;
	opacity: 0.8;
	z-index: -9;
}

.about-banner-inner h3 {
    color: #fff;
    font-weight: 700;
    padding: 148px 0 41px;
    direction:rtl;
}

.p0 {
	padding: 0;
}

.ser-user {
	position: relative;
}

.about-service {
	height: 363px;
	overflow: hidden;
}

.ser-user img {
	width: 100%;
	height: 363px;
	object-fit: cover;
}

.about-service {
	position: relative;
}

.ser-test-2 {
	background: #7d002e;
	position: relative;
	z-index: 99;
}

.ser-test-2:after {
	position: absolute;
	content: '';
	top: 0;
	left: -300%;
	height: 100%;
	width: 300%;
	background: #7d002e;
	opacity: 1;
	z-index: 9;
}

.ser-test {
	position: absolute;
	top: 0;
	float: right;
	right: -43px;
	z-index: 0;
	height: 484px;
	overflow: hidden;
	width: 1400px;
}

.feature-title {
	background: #bb1093;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 80px;
	opacity: 0.8;

}

.feature-title h5 {
	color: #fff;
	padding: 25px 0;
	font-size: 30px;
	
	font-weight: 700;
	line-height: 24px;
}

.feature-title-mid {
	background: #7d002e;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 80px;
	opacity: 0.8;

}

.feature-title-mid h5 {
	color: #fff;
	padding: 25px 0;
	font-size: 30px;
	
	font-weight: 700;
	line-height: 24px;
}

.about-chooseus .heading {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.exclusive-part {
	padding-bottom: 50px;
	margin-top: -30px;
}

/* ===================================
           Start: service page
=====================================*/

.service-page {
	overflow: hidden;
}

.service-page-img {
	position: relative;
	transition: all 1s ease;
}

.ser-color {
	position: absolute;
	bottom: 0%;
	top: 62%;
	width: 100%;
	color: #fff;
	transition: all 1s ease;
	padding: 15px 35px 30px;
	background: rgba(125, 0, 46, 0.8);
}

.ser-color2 {
	position: absolute;
	bottom: 0%;
	top: 62%;
	transition: all 2s ease;
	width: 100%;
	color: #fff;
	padding: 15px 35px 30px;
	background: rgba(187, 16, 147, 0.8);
}

.service-page-img:hover .ser-color,
.service-page-img:hover .ser-color2 {
	top: 0%;
	transition: all 1s ease;
}

.service-page-img:hover .ser-color i,
.service-page-img:hover .ser-color2 i,
.service-page-img:hover .ser-color p,
.service-page-img:hover .ser-color2 p {
	display: block;
	transition: all 1s ease;
}

.ser-color2 i,
.ser-color i {
	padding-top: 20px;
}

.ser-color2 p,
.ser-color p,
.ser-color2 i,
.ser-color i {
	display: none;
}

.ser-color2 [class^="flaticon-"]:before,
.ser-color2 [class*=" flaticon-"]:before,
.ser-color2 [class^="flaticon-"]:after,
.ser-color2 [class*=" flaticon-"]:after,
.ser-color [class^="flaticon-"]:before,
.ser-color [class*=" flaticon-"]:before,
.ser-color [class^="flaticon-"]:after,
.ser-color [class*=" flaticon-"]:after {

	margin-left: 0px !important;
	font-size: 60px !important;
}

.service-page-img h5 {
	font-size: 30px;
	
	font-weight: 600;
	text-transform: capitalize;
	line-height: 24px;
	padding-top: 20px;
}

.service-page-img p {
	font-size: 15px;
	font-weight: 400;
	/*	text-transform: capitalize;*/
	line-height: 24px;
	padding-top: 20px;
}

.relaxation2 {
	background: url(../images/free-seation-bg.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	z-index: 0;
}

.relaxation2:after {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	height: 100%;
	width: 50%;
	background: #7d002e;
	opacity: 0.8;
	z-index: -9;
}

/* ===================================
           End: service page
=====================================*/
/* ===================================
           Model
=====================================*/
.modal-header,
.modal-content {
	background: transparent;
	border-color: transparent;
}

.modal-dialog {
	margin-top: 100px;
	max-width: 800px !important;
	z-index: 99999;
}

.download-close {
	float: right;
	background: -webkit-linear-gradient(100deg, #bb1093 20%, #ff3dd2 80%);
	background: -o-linear-gradient(100deg, #bb1093 20%, #ff3dd2 80%);
	background: -moz-linear-gradient(100deg, #bb1093 20%, #ff3dd2 80%);
	background: linear-gradient(100deg, #bb1093 20%, #ff3dd2 80%);
	border-radius: 50%;
	border: 1px solid transparent;
	width: 40px;
	height: 40px;
	z-index: 99999;
	position: absolute;
	right: -16px;
	top: 12px;

}

.download-close i {
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	line-height: 39px;
	padding: 0px 13px;
}

.download-icon {
	margin-left: 59%;
	transform: translateX(-50%);
	margin-top: 30px;
}

.news_letter {
	position: relative;
	width: 800px;
	height: 410px;
	margin-top: 25%;
	background: #ffffff;
	margin-left: 50%;
	overflow: hidden;
	transform: translate(-50%, -50%);
}

.letter_img {
	width: 34%;
	float: left;
}

.letter_inner {
	text-align: left;
	margin-left: 42%;
	margin-right: 6%;
	padding-top: 75px;
}

#letter input {
	margin-top: 30px;
	position: relative;
	color: #ccc;
	border: 1px solid #ccc;
	font-size: 14px;
	border-radius: 50px;
	
	height: 45px;
	background: transparent;
	width: 400px;
	padding-left: 22px;
	z-index: 9;
	box-shadow: none;
	/*    margin-left: 12%;*/
}

#letter a{
    color:#bb1093;
    font-weight:bold;
    display: block;
    font-size: 13px;
    text-align: center;
    margin: 25px auto;

}

#letter a:hover,#letter a:click{
    color:#ff3dd2;
}

#letter input:focus {
	outline: none !important;
	border: 0.5px solid #ccc;
	color: #bb1093;
}

#letter::placeholder {
	color: #bb1093;
	opacity: 1;
	/* Firefox */
}

#letter .input-group-btn {
	position: absolute;
	transform: translate(-172px, 29px);
	z-index: 9;
}

.modal-open {
	overflow: -webkit-paged-y;
	padding-right: 0 !important;
}

.modal-open .navbar {
	margin-right: inherit !important;
}

.modal {
	background: rgba(125, 0, 46, 0.4);
}

/* === BACK TO TOP CSS == */

#back-top-btn {
	position: fixed;
	bottom: 20px;
	left: 20px;
	background: #bb1093;
	width: 50px;
	height: 50px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
	display: none;
	-webkit-transition: ease all .5s;
	-moz-transition: ease all .5s;
	-o-transition: ease all .5s;
	transition: ease all .5s;
	z-index: 999;
	padding: 14px;
	text-align: center;
}

#back-top-btn i {
	position: relative;
	color: #fff;
	-webkit-transition: ease all .5s;
	-moz-transition: ease all .5s;
	-o-transition: ease all .5s;
	transition: ease all .5s;
}

#back-top-btn:hover {
	background: #7d002e;
	box-shadow: 0px 0px 40px 4px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0px 0px 40px 4px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0px 0px 40px 4px rgba(0, 0, 0, .3);
	-o-box-shadow: 0px 0px 40px 4px rgba(0, 0, 0, .3);
}



/* ===================================
           Start: 404 Error page
=====================================*/

.error {
	background: url(../images/404-background-image.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100vh;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.product-page-inner2 {
	position: relative;
	width: 475px;
	float: right;
	margin-right: 50px;
}

.error-content {
	position: relative;
	margin-top: 50%;
	transform: translateY(-50%);
	text-align: center;
	width: 450px;
}

.error-content h2 {
	padding-top: 80px;
	font-size: 200px;
	
	font-weight: 600;
	
	line-height: 200px;
	color: #bb1093;
	animation: bulb 10s infinite;
}

.error-content h3 {
	font-size: 30px;
	
	font-weight: 700;
	line-height: 30px;
	color: #444;
	margin-top: 15px;
	padding-bottom: 20px;
	
}

.error-content p {
	font-size: 16px;
	
	font-weight: 400;
	line-height: 24px;
	color: #444;
	padding-bottom: 40px;
}

/* ===================================
           End: 404 Error page
=====================================*/
/* =======================================
      Blog Details
=========================================*/
.blog-detail-banner {
	background: url(../images/blog-details-banner.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	z-index: 0;
	overflow: hidden;
	margin-top: 46px;
}

.blog-detail-banner:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #bb1093;
	opacity: 0.8;
	z-index: -9;
}

.blog-detail-inner {
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.blog-detail-inner h4 {
	
	font-weight: 400;
	color: #bb1093;
	font-size: 30px;
	padding: 0px 0 10px;
}

.blog-detail-inner p {

	font-size: 16px;
	
	font-weight: 500;
	line-height: 24px;
	color: #444;
	padding-bottom: 20px;
}

.search-icon button {
	text-decoration: none;
	position: absolute;
	right: 27px;
	font-size: 16px;
	top: 1px;
	cursor: pointer;
	background: transparent;
	border: 1px solid transparent;
	padding: 5px;
	z-index: 99;
}

.search-icon button a {
	color: #bb1093;
}

.search-icon i {
	color: #bfbfbf;
}

.search-icon i:hover {
	color: #bb1093;
}

.search-icon .form-control:focus {
	border-color: #bfbfbf;
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: transparent;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, .25);
}

button:focus {
	outline: none;
}

.sidebar_search {
	margin-bottom: 50px;
}

.search-icon input {
	height: 42px;
	width: 100%;
	display: inline-block;
	border: 1px solid #bfbfbf;
	font-size: 13px;
	border-radius: 30px;
	padding-left: 20px;
	
}

.sidebar_search input::placeholder {
	color: #bfbfbf;
	opacity: 1;
	/* Firefox */
}

.sidebar_categori h2 {
	
	font-weight: 400;
	line-height: 24px;
	color: #bb1093;
	font-size: 22px;
	padding: 0px 0 30px;
    text-align:right;
}

.sidebar_categori .row {
	margin-bottom: 25px;
}

.news {
	padding-top: 20px;
}

.news a {
	
	font-weight: 400;
	color: #bb1093;
	font-size: 15px;
}

.news p {
	
	font-weight: 400;
	line-height: 24px;
	color: #444;
	font-size: 16px;
	padding-top: 12px;
}

.tag h2 {
	
	font-weight: 400;
	line-height: 24px;
	color: #e94d86;
	font-size: 26px;
	text-transform: capitalize;
	margin-top: 50px;
	padding-bottom: 30px;
}

.tag a {
	
	font-weight: 400;
	line-height: 43px;
	color: #fff;
	font-size: 16px;
	background: #e94d86;
	padding: 8px 20px;
	border-radius: 30px;
}

.blog_comments h4 {
	
	font-weight: 400;
	line-height: 24px;
	color: #444;
	font-size: 26px;
	text-transform: capitalize;
	padding-bottom: 30px;
}

.media-body {
	padding-left: 15px;
}

.media-heading {
	
	font-weight: 600;
	line-height: 24px;
	color: #444;
	font-size: 16px;
}

.media-heading span {
	font-weight: 400;
	padding-left: 10px;
}

.media-heading span em {
	font-weight: 400;
	color: #bb1093;
	font-style: normal;
}

.media-body p {
	
	font-weight: 400;
	line-height: 24px;
	color: #444;
	padding-bottom: 30px;
}

.media-bdr {
	/*	border-top: 1px solid #e1e1e1;*/
	border-bottom: 1px solid #e1e1e1;
	padding: 30px 0 0;
}

.media-middle-last {
	padding-left: 80px;
}

.media_last {
	padding-top: 30px;
}

.blogdetails_form h4 {
	
	font-weight: 400;
	line-height: 24px;
	color: #444;
	font-size: 26px;
	padding-top: 30px;
}

/* contact form */

form .blogdetails_form .form-group.col-sm-12 textarea {
	width: 720px;
	height: 140px;
	margin-top: 40px;
	padding: 15px 20px;
}

form .blogdetails_form textarea::placeholder,
form .blogdetails_form input::placeholder {
	color: #bfbfbf;
	opacity: 1;
}

form .blogdetails_form .form-group {
	margin-left: 0;
}

form .blogdetails_form .form-group input,
form .blogdetails_form .form-group textarea {
	color: #888;
	text-transform: capitalize;
	resize: none;
	
	border: 1px solid #e1e1e1;
	border-radius: 0px;
	font-size: 14px;
	padding: 15px 20px 15px 20px;
}

.blogdetails_form {
	margin-top: 30px;
	margin-bottom: 25px;
}

/* ==================================
           Contact Us
=====================================*/
.contact-banner {
	background: url(../images/counter-background-image.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	z-index: 0;
	overflow: hidden;
	margin-top: 46px;
}

.contact-banner:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #bb1093;
	opacity: 0.8;
	z-index: -9;
}

.aboutus form .blogdetails_form .form-group.col-sm-12 textarea {
	width: 100%;
	height: 140px;
	margin-top: 40px;
	padding: 15px 20px;
}

.contact-in p {
	
	font-weight: 400;
	line-height: 24px;
	color: #444;
	font-size: 16px;
}

.contact-in {
	left: 30px;
	position: absolute;
	top: 50%;
	transform: translateY(-53%);
}

.contact-inner,
.contact-img {
	position: relative;
	padding: 0;
}

.contact-text {
	position: absolute;
	bottom: 0;
	z-index: 99;
	color: #fff;
	padding: 80px 100px;
}

.contact-img:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: -webkit-linear-gradient(to top, #bb1093 20%, transparent 90%);
	background: -o-linear-gradient(to top, #bb1093 20%, transparent 90%);
	background: -moz-linear-gradient(to top, #bb1093 20%, transparent 90%);
	background: linear-gradient(to top, #bb1093 20%, transparent 90%);
	opacity: 0.8;
	z-index: 1;
}

.form-map {
	position: relative;
	width: 100%;
}

.form-map iframe {
	width: 100%;
	border: 0;
	height: 500px;
	position: relative;
	z-index: 99;
	margin-bottom: -5px;
}

/* ========== animation ================ */
@keyframes bulb {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0.6;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes stretch {
	0% {
		transform: scale(.3);
		background-color: #bb1093;
		border-radius: 100%;
	}

	50% {
		background-color: #bb1093;
	}

	100% {
		transform: scale(1);
		background-color: #bb1093;
	}
}

@keyframes zoom {
	0% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(1.2, 1.2);
	}

	100% {
		transform: scale(1, 1);
	}
}


.navbar{
    direction:rtl;
}

.navbar-nav{
    direction:rtl;
}

.dropdown-menu{
    right:0;
    left:auto!important;
}

.dropdown-menu > li{
    text-align:right;
    padding-right: 25px;
}

.rtl{
    direction:rtl;
}


.fillter li{
    padding:30px 10px;
}


.fillter li a{
    color:#333;
}


.fillter li a.active,.fillter li a:hover{
    color:#bb1093!important;
}

.notify{
    width:100%;
    font-weight:bold;
    text-align:center;
    direction:rtl;
    padding:10px;
    margin-bottom:80px;
}


.table-custom{
    direction:rtl;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    text-align: center;
    background: #ffffff;
    border-collapse: collapse;
    margin-bottom:100px;
}

.table-custom th {
    padding: 25px 14px;
    font-weight: 700;
    text-transform: uppercase;
    background: #f2f3f8;
}

.table-custom td {
    padding: 7px 14px;
    color: #333333;
    background: #ffffff;

}

.table-custom.table-custom-striped tbody td {
    border: 0;
}

.table-custom.table-custom-striped tbody tr:nth-of-type(odd) td {
    background: transparent;
}


.table-custom.table-custom-bordered tbody > tr:first-of-type > td {
    border-top: 0;
}


.table-custom.table-custom-striped tbody tr:nth-of-type(even) td {
    background: #f2f3f8;
}


.table-custom.table-custom-bordered tr td:first-child {
    border-left: 0;
}

.alert{
    position: absolute;
    padding: .75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: 0rem;
    top: 120px;
    z-index: 1000000000;
    width: 100%;
    text-align: right;
    direction: rtl;
}

.close{
    float:left;
}