/*
------------------
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
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Playfair+Display:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,800');

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

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;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
}

body {
	overflow-x: hidden;
}

a {
	text-decoration: none;
	color:#7a9faf;
	font-weight:bold;
}

a:focus {
	outline: none;
	color:#7a9faf;
	font-weight:bold;
}

a:hover {
	text-decoration: none;
		color:#c5ac94;
	font-weight:bold;
}
/*
==========================================
    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;
}

.heading h5 {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	line-height: 24px;
}

.color h2 {
	color: #bb1093;
}

.heading h2 {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	line-height: 50px;
	letter-spacing: -1px;
	word-spacing: 6px;
	font-size: 50px;
}

.heading p {
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	line-height: 24px;
	padding-top: 40px;
}

.btn {
	color: #fff !important;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	position: relative;
	transition: ease all .3s;
	padding: 12px 38px !important;
	font-family: "Open Sans", sans-serif !important;
	border-radius: 100px;
	cursor: pointer;
	text-decoration: none;
	border: 0 none;
}

.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: #d6c3b2;
}

.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: #7a9faf;
	z-index: 99;
}

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

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

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

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

.header-top ul li a {
	color: #ffffff;
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	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: #ffffff;
	transition: all ease 0.5s 0s;
	font-size: 13px;
}

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

.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(255, 255, 255, 0.9);
}

.navcss {
	position: fixed;
	background: rgba(255, 255, 255, 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: 20px 20px 15px 0;
	padding: 0px 10px;
	outline: none;
	color: #6e94a5;
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing:1px;
	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: #6e94a5;
}

.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;
	color:#6e94a5;
}

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

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

.navbar-toggler span + span + span {
	width: 10px;
	color:#6e94a5;
}

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

.dropdown-toggle::after {
	margin-left: -1px !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: 350px;
	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(211, 188, 166, 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: #7a9faf !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;
}

.tg-slidercontent h6 {
	color: #fff;
	font-size: 18px;
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 2px;
	padding-bottom: 10px;
}

.tg-slidercontent h1 {
	color: #fff;
	font-size: 80px;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	line-height: 80px;
	letter-spacing: -1px;
	word-spacing: 6px;
	padding-bottom: 60px;
}

.banner-btn {
	background: rgba(0, 0, 0, 0) -o-linear-gradient(left, #4f7d91 0%, #7a9faf 100%) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #4f7d91 0%, #7a9faf 100%) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) -moz-linear-gradient(left, #4f7d91 0%, #7a9faf 100%) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) linear-gradient(to right, #4f7d91 0%, #7a9faf 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;
}

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

.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: #81a4b3;
	position: relative;
	z-index: 99;
}

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

.test-2 {
	position: absolute;
	top: 0;
	right: -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 95px 90px 0;
}

.slide-service img {
	width: 100%;
	height: 485px;
	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: #6c93a4;
	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(220, 199, 180, 0.9);
	z-index: 999;
}

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

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

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

.slidNext4 {
	position: absolute;
	right: -35px;
	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: #ffffff;
	color: #7a9faf;
}


.slidNext4:hover {
	background: #dcc7b4;
	color: #ffffff;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.7);
	transition: all 0.4s ease;
}

.slidprev4 {
	position: absolute;
	right: 0px;
	;
	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: #ffffff;
	color: #7a9faf;
}

.slidprev4:hover {
	background: #dcc7b4;
	color: #ffffff;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.7);
	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-family: "Open Sans", sans-serif;
	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 {
	text-transform: uppercase;
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 4px;
}

.counter-text h3 {
	text-transform: uppercase;
	font-size: 45px;
	font-family: "Playfair Display", sans-serif;
	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 {
	text-transform: uppercase;
	font-size: 15px;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	line-height: 24px;
	padding-top: 35px;
	color: #fff;
}

.text-holder p {
	text-transform: capitalize;
	font-size: 15px;
	font-family: "Open Sans", sans-serif;
	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(100, 131, 145, 0.9) 20%, rgba(122, 159, 175, 0.9) 80%);
	background: -o-linear-gradient(100deg, rgba(100, 131, 145, 0.9) 20%, rgba(122, 159, 175, 0.9) 80%);
	background: -moz-linear-gradient(100deg, rgba(100, 131, 145, 0.9) 20%, rgba(122, 159, 175, 0.9) 80%);
	background: linear-gradient(100deg, rgba(100, 131, 145, 0.9) 20%, rgba(122, 159, 175, 0.9) 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: #dcc7b4;
	opacity: 0.8;
	z-index: -9;
}


.ortho1 {
	background: url(../images/ortho-banner.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	z-index: 0;
}

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



.other-cont {
	color: #5b8090;
	padding: 100px 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-family: "Playfair Display", sans-serif !important;
	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;
	font-family: "Playfair Display", sans-serif !important;
	position: absolute;
	text-transform: lowercase;
}

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

.other-cont ul li a span {
	font-family: "Open Sens", sans-serif !important;
	font-weight: 400 !important;
	font-size: 14px;
	color: #e94d86;
	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: -42%;
	left: -55px;
	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: 32px 0;
	z-index: 99;
}

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

.Pricing-top h6 {
	color: #fff;
	font-size: 30px;
	font-family: "Playfair Display", sans-serif;
	font-weight: 600;
	text-transform: capitalize;
	line-height: 24px;
	letter-spacing: -1px;
}

.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-family: "Open Sans", sans-serif;
	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: #547b8b;
	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: 150px;
	height: 150px;
	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;
	font-family: "Arimo";
	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-family: 'Open Sans', sans-serif;
	font-weight: 400;
	border: 1px solid #ff0000;
	padding: 5px 10px;
	height: 40px;
	color: #444444 !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-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #444444 !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-family: 'Baloo Paaji', cursive;
	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-content {
	padding: 25px 38px 25px 50px;
	border: 1px solid #e1e1e1;
	border-left: none;
}

.blog-content h4 {
	font-size: 22px;
	color: #bb1093;
	font-family: "Playfair Display", sans-serif;
	font-weight: 400;
	line-height: 24px;
}

.blog-content h6 {
	font-size: 14px;
	color: #444444;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	margin-bottom: 18px;
	padding-top: 4px;
	line-height: 24px;
}

.blog-content p {
	font-size: 16px;
	line-height: 24px;
	color: #444444;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	margin-bottom: 3px;
}

.blog-content a {
	font-size: 15px;
	color: #bb1093;
	font-family: "Open Sans", sans-serif;
	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;
}

footerB {
	background: url(../images/footer-bg-image2.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: 30px;
	font-family: "Open Sans", sans-serif;
}

.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;
	font-family: "Open Sans", sans-serif;
	padding-right: 30px;
}

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

.treatment h5 {
	font-size: 16px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 30px;
	font-family: "Open Sans", sans-serif;
}

.treatment ul li {
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Open Sans", sans-serif;
}

.recent-tweet h5 {
	font-size: 16px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 30px;
	font-family: "Open Sans", sans-serif;
}

.recent-tweet ul li {
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Open Sans", sans-serif;
}

.instragram h5 {
	font-size: 16px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 30px;
	font-family: "Open Sans", sans-serif;
}

.instragram ul li {
	float: left;
	margin: 2px;
	transition: all 0.5s ease 0s;
}

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

.copy-right p {
	font-size: 13px;
	color: #ffffff;
	font-family: "Open Sans", sans-serif;
	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: #d2bca7;
	opacity: 0.8;
	z-index: -9;
}

.about-banner-inner h3 {
	font-size: 50px;
	color: #fff;
	font-family: "Playfair Display", sans-serif;
	font-weight: 700;
	line-height: 24px;
	padding: 225px 0 110px;
	text-transform: capitalize;
}

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


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


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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


.techno-banner:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 1;
	z-index: -9;
}


.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-family: "Playfair Display", sans-serif;
	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-family: "Playfair Display", sans-serif;
	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-family: "Playfair Display", sans-serif;
	font-weight: 600;
	text-transform: capitalize;
	line-height: 24px;
	padding-top: 20px;
}

.service-page-img p {
	font-size: 15px;
	font-family: "Open Sens", sans-serif;
	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;
	left: 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: 45px;
	position: relative;
	color: #ccc;
	border: 0.5px solid #ccc;
	font-size: 14px;
	border-radius: 50px;
	font-family: "Open Sans", sans-serif;
	height: 45px;
	background: transparent;
	width: 400px;
	padding-left: 22px;
	z-index: 9;
	box-shadow: none;
	/*    margin-left: 12%;*/
}

#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(-145px, 46px);
	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;
	right: 20px;
	background: #dcc7b4;
	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: #dcc7b4;
	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-family: "Open Sens", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 200px;
	color: #bb1093;
	animation: bulb 10s infinite;
}

.error-content h3 {
	font-size: 30px;
	font-family: "Open Sens", sans-serif;
	font-weight: 700;
	line-height: 30px;
	color: #444;
	margin-top: 15px;
	padding-bottom: 20px;
	text-transform: uppercase;
}

.error-content p {
	font-size: 16px;
	font-family: "Open Sens", sans-serif;
	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 {
	border-bottom: 1px solid #efefef;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.blog-detail-inner h4 {
	font-family: "Playfair Display", sans-serif;
	font-weight: 400;
	line-height: 24px;
	color: #bb1093;
	font-size: 30px;
	padding: 30px 0 10px;
}

.blog-detail-inner p {
	letter-spacing: -0.3px;
	font-size: 16px;
	font-family: "Open Sans", sans-serif;
	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: #cccccc;
}

.form-control:focus {
	color: #444444;
	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;
	font-family: 'Open Sens', sans-serif;
}

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

.sidebar_categori h2 {
	font-family: "Playfair Display", sans-serif;
	font-weight: 400;
	line-height: 24px;
	color: #bb1093;
	font-size: 30px;
	padding: 0px 0 30px;
}

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

.news {
	padding-top: 20px;
}

.news a {
	font-family: "Playfair Display", sans-serif;
	font-weight: 400;
	line-height: 24px;
	color: #bb1093;
	font-size: 24px;
}

.news p {
	font-family: "Open Sens", sans-serif;
	font-weight: 400;
	line-height: 24px;
	color: #444;
	font-size: 16px;
	padding-top: 12px;
}

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

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

.blog_comments h4 {
	font-family: "Playfair Display", sans-serif;
	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-family: 'Open Sens', sans-serif;
	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-family: 'Open Sens', sans-serif;
	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-family: "Playfair Display", sans-serif;
	font-weight: 400;
	line-height: 24px;
	color: #444;
	font-size: 26px;
	padding-top: 30px;
}

/* contact form */

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

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

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

.blogdetails_form form .form-group input,
.blogdetails_form form .form-group textarea {
	color: #888;
	text-transform: capitalize;
	resize: none;
	font-family: 'Open Sens', sans-serif;
	border: 1px solid #e1e1e1;
	border-radius: 0px;
	font-size: 14px;
	padding: 15px 0 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 .blogdetails_form form .form-group.col-sm-12 textarea {
	width: 100%;
	height: 140px;
	margin-top: 40px;
	padding: 15px 20px;
}

.contact-in p {
	font-family: 'Open Sens', sans-serif;
	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, #6c8c9a 20%, transparent 90%);
	background: -o-linear-gradient(to top, #6c8c9a 20%, transparent 90%);
	background: -moz-linear-gradient(to top, #6c8c9a 20%, transparent 90%);
	background: linear-gradient(to top, #6c8c9a 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);
	}
}