/*
Theme Name: Spa Salon Pro
Theme URI: https://www.misbahwp.com/products/spa-wordpress-theme/
Description: Spa WordPress Theme is a multipurpose and smart theme that engulfs all salon and hospitality related websites. Being a premium theme, it offers all advance options for customization. It has advance colour options and colour pallets to make your website more eye-catchy. The responsive layout fits perfectly in all devices screen sizes. 100+ font family options and full integration with font awesome icon is also available. Using the advance slider, you can upload a number of slider images. The codes used for the theme are well written and optimized. Use the background image option with parallax image background section to hook your visitors on the site. Spa WordPress Theme has theme options using customizer API. You are allowed to customize favicon, logo, title and tagline. The advance social media option let’s you integrate all your social media pages. Other features available are: footer widgets and editor style, full-width template, custom page templates, footer customization options, customizable home page, left and right sidebar, enable/disable options on all sections, favicon, logo, title and tagline customization, etc. It is compatible with all popular WordPress plugins like WooCommerce, Contact form 7 and many more. Add a blog page and post about your salon, fashion trends, news and so on.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 5.6
Tested up to: 5.8
Tags: blog, food-and-drink, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready
Text Domain: spa-salon-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a {
  text-decoration: none;
}

body {
  font-family: 'Inter', sans-serif;
  color: #a3aab4;
  margin:0;
  background: #fff;
}

h1, h3, h4, h5, h6{
  font-family: 'Inter', sans-serif;
}

h2{
  font-family: 'Cookie', cursive;

}

a {
  color:#1a1d21;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#fc4075;
  text-decoration: none;
}

header.header-top {
  background: #131c21;
}
section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}
/* ===============================================
   HEADER BOX
   ============================================= */

.register,.login {
  background: #aa8a63;
  color: #fff;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
.login{
	background: #fff;
	color: #212121;
}
a.cart-customlocation p.cart-item-box{
  background: #1a1d21;
  width: 18px;
  border-radius: 50%;
  height: 18px;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 25px;
  color: #fff;
}
.header {
  position: static;
}

/*404 Page*/
.page-404 h1{
	font-size: 300px;
  color: #1a1d21;
}
.page-404 h3{
	font-size: 38px;
	color: #1a1d21;
}
.page-404 hr{
	width: 10%;
	background: #fc4075;
	padding: 1px;
}
.page-404 p{
	margin-left: 30%;
	margin-right: 30%;
}
.page-404 .intro-button{
 text-align: center;
 display: inline-block;
 padding: 5px;
}
.page-404 .button{
	padding: 15px 40px;
	color: #fff;
	font-size: 18px;
	display: inline-block;
	transition: all 0.2s; 
  text-decoration: none;
}
.page-404 .intro-button:hover{
	background: #1a1d21;
}
.page-404 .intro-button,
.page-404 .intro-button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
.page-404 .intro-button::before,
.page-404 .intro-button::after {
  background: #fc4075;
  content: '';
  position: absolute;
  z-index: -1;
}
.page-404 .intro-button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.page-404 .intro-button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
  padding: 15px 0;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color: #1a1d21;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}
.logo a:hover,
.logo a:focus {
  color:#fc4075;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
}

/* ===============================================
   SOCIAL BOX
   ============================================= */

.social-links a {
  color: #fff;
  
}
.social-links a:hover,.top-header p{
	color: #222222; 
	margin-bottom: 0;
}

/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
	display:block;
	position:relative;
	float:right;
	margin:0 auto;
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
	color: #2f3235;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:10px 25px;
	padding-left: 0;
	margin:0;
	font-weight: 500;
	-webkit-transition: color .1s linear, background-color .1s linear;
	-moz-transition: color .1s linear, background-color .1s linear;
	-o-transition: color .1s linear, background-color .1s linear;
	transition: color .1s linear, background-color .1s linear;
	position:relative;
	line-height:40px;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:#fc4075;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 50px;
	left: 0;
	background:#fff;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
	box-shadow: 0px 5px 30px rgb(0 0 0 / 13%);
  border-radius: 3px;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	display:block; 
  position:relative; 
  float:none; 
  line-height:18px; 
  margin-left:0; 
  margin-right:0; 
  -webkit-transform: skew(0deg); 
  -ms-transform: skew(0deg); 
  transform: skew(0deg);
  padding: 5px 10px;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}

#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	display: block;
  position:relative;
  padding: 0px 14px;
  padding-right: 14px;
  font-size: 14px;
	color: #767c83;
	-webkit-transition: 
	all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	cursor: pointer;-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#main-menu ul.sub-menu li a:hover {
	color: #fff;
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	content: '';
	position: absolute;
	-webkit-transition: 
	inherit;transition: 
	inherit;z-index: -1;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	top: 0;
	width: 0;
	height: 100%;}

#main-menu ul.sub-menu li a:before {
	left: 0;
	border: 1px solid #fc4075;
	border-left: 0;
	border-right: 0;}
#main-menu ul.sub-menu li a:hover:before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
#main-menu ul.sub-menu li a:hover:before,
 #main-menu ul.sub-menu li a:hover:after {
 	width: 100%;
 }
#main-menu ul.sub-menu li a:after {
	right: 0;
}
#main-menu ul.sub-menu li a:hover:after {
	background: #fc4075;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
#main-menu ul.sub-menu li a:hover:before, #main-menu ul.sub-menu li a:hover:after {width: 100%;}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	right:calc(100% - 213px);
}
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display: none;
	background: #fc4075;
	color: #fff;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search {
  text-align: right;
}
.header-search .open-search-form i{
  font-size: 18px;
  cursor: pointer;
	color: #2f3235;
	margin: 10px 0;
	width: 45px; 
	height: 45px;
	padding: 14px;
	border-radius: 50%;
	background: #f5f5f5;
 }
 .header-search .open-search-form i:hover{
 	color: #fc4075;
 }
.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#site-navigation .sidenav a.closebtn, .open-menu{
  	display: none;
}


/* ===============================================
   POST BOX
   ============================================= */

.post-box,.post-single,.page-single {
  background: #fff;
}
.post-thumbnail {
  line-height: 0;
}
h4.post-title {
  font-size: 20px;
  color: #1a1d21;
  font-weight: 600;
}
.post-content p{
	color: #a3aab4;
}
.post-meta i{
	color: #fc4075;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
  color: #717982;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #121d21;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,footer {
    float: left;
    width: 100%;
}
.post-box {
    border: 2px solid #edf1f5;
    background: #fff;
}
.latest-post {
	filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
}
.latest-post .post-admin span img {
    width: auto;
    display: inline-block;
    border-radius: 50%;
  }
.latest-post .post-meta{
	border: 2px solid #edf1f5;
	border-top: none;
	background: #fff;
}
.latest-post .post-date span, .latest-post .post-meta i {
    color: #62646c;
    font-weight: 600;
    text-transform: uppercase;
}
.latest-post .post-meta a {
    color: #767c83;
    font-weight: 500;
    font-style: italic;
    font-size: 18px;
}
.latest-post figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
.latest-post figure:hover+span{
	opacity: 1;
}

.latest-post figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
}
.latest-post :hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}
.latest-post .icon-book{
  float: right;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #717982;
  width: 40px;
  height: 40px;
  padding: 10px 14px;
  margin-top: -8px;
}
.post-single .tags-bg a{
	padding: 10px 15px;
	background: #fc4075;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
}
.post-single .tags-bg a:hover{
	background:#1a1d21 ;
}
.post-single .blog_share_icon .fab{
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #fc4075;
	color: #fff;
	font-size: 18px;
	padding: 15px;
	margin:0 10px;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.post-single .blog_share_icon .fab:hover{
	transform: rotate(360deg);
	background: #1a1d21;
}
.post-single {
	display: block;
}
label{
	display: block;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #fc4075;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 7px;
  display: inline-block;
  margin: 15px 0;
}
.comment-respond input#submit:hover{
  background-color: #1a1d21;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #fc4075;
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}
.comment-reply a:hover {
  background: #1a1d21;
  color: #f3f4f7;
  text-decoration: none;
}

 
@media screen and (min-width : 0) and (max-width : 767px) {

  section.category-title h1 {
    text-align: center;
  }
  #wpadminbar{
  	position: fixed;
  }
  #mySidenav span{
  	display: block;
  	font-size:30px;
  	cursor:pointer;
  }
  .logo {
    text-align: center;
  }
  .open-menu{
  	display: block;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
    padding: 5px 15px;
  }

  #main-menu > li > ul.children,
  #main-menu > li > ul.sub-menu {
    position: absolute;
    top:-100%;
    background: #fff;
  }

  #main-menu li.focus > ul.children,
  #main-menu li.focus > ul.sub-menu ,
  #main-menu li:hover > ul.children,
  #main-menu li:hover > ul.sub-menu ,
  #main-menu li:focus > ul.children,
  #main-menu li:focus > ul.sub-menu {
    width: 100%;
    top:0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
  }

  #main-menu ul li a {
    padding: 0;
    display: initial;
    font-size: 18px;
  }

  #main-menu ul.children li a ,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height:53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #fc4075;
    right: 10px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after ,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform:  rotate(45deg);
    transform:  rotate(45deg);
  }

  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover > a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus > a,
  #main-menu li:focus > a,
  #main-menu ul li.current-menu-item > a,
  #main-menu ul li.current_page_item > a,
  #main-menu ul li.current-menu-parent > a,
  #main-menu ul li.current_page_ancestor > a,
  #main-menu ul li.current-menu-ancestor > a {
    background:none;
  }
}


/* ===============================================
   Pagination
   ============================================= */

.pagination,
.spa-salon-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.spa-salon-pro-pagination a span,
.spa-salon-pro-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 20px;
	font-size:18px;
  font-weight: 600;
	line-height:21px;
	color:#222;
  border-radius: 4px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.spa-salon-pro-pagination span.current,
.spa-salon-pro-pagination span.current:hover,
.spa-salon-pro-pagination span.current:focus,
.spa-salon-pro-pagination a span:hover,
.spa-salon-pro-pagination a span:focus {
	background:#fc4075;
  color: #ffffff;
}

.commentlist {
	list-style:none;
	margin:0;
	padding:0
}

.commentlist ul {
	list-style:none;
	padding:0;
	margin:0;
}

.commentlist li {
	margin:0;
}

.commentlist li .comment-respond {
	margin-bottom:25px;
}

.commentlist li:last-of-type .comment-respond {
	margin-bottom:0px;
}

.comment-container {
	position: relative;
	margin:0 0 25px 0;
	padding:30px;
	background:#fff;
	border:solid 1px #f3f4f7 !important;
	z-index:999
}

.comment-avatar img {
	float:left;
}

.comment-text {
	position:relative;
	margin-left:110px;
	padding:0 0 0 15px
}

.comment-container .comment-date {
	padding:15px 0;
}

.comment-avatar {
	position:relative;
	width:110px;
	float:left;
}

.comment-author .author {
	display:block;
	font-weight:bold;
}

.commentlist .children li {
	margin-left:30px;
}

.comment-notes {
	font-size:12px;
	margin:-25px 0 25px 0;
}

h3#reply-title,
h3.comments {
	height:30px;
	line-height:30px;
	margin:30px 0;
}

h3#reply-title small,
.logged-in-as {
	font-size: 15px;
	margin:-25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
	padding: 10px 2%;
	background:#fff;
	width: 100%;
	margin:0 0 15px 0;
	border:1px solid black;
	color:#222222;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: #fc4075;
	color: #fff;
	border:none;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	display: block;
	text-shadow:none;
	padding:10px 15px;
	width:inherit;
	margin:0;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
	cursor: pointer;
}

.comment-form input[type=submit]:hover ,
.comment-form input[type=submit]:focus {
	background-color:#248efa;
	text-decoration:none
}

.logged-in-as a {
	color:#222222;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
	display:block;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}

.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
	border: 2px solid #edf1f5;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style:none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 18px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
  color: #1a1d21;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #fc4075;
  color: #1a1d21;
  font-size: 24px;
  background: #eeeff3;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #fc4075;
	color: #fff;
}
.sidebar-area form {
  padding: 0;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  background-color: #f3f4f7;
  border: none;
  float: unset;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}
.searchform input[type=submit]{
	background: #fc4075;
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:110px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#1a1d21;
	text-decoration:none
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}

.sidebar-area .post-thumbnail img {
    width: 100%;
    height: 75px;
    border-radius: 50%;
    margin-top: 10px;
  }
  .sidebar-area .post-title {
    font-size: 16px;
  }

footer {
	background: #fff;
}

footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #717982;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
	margin-bottom: 10px;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}
.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}
.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}
.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}
.footer-area .woocommerce ul.cart_list li img, .footer-area .woocommerce ul.product_list_widget li img{
	height: 70px;
}

/*SCROLL TO TOP BUTTON*/

#button_scroll {
  display: inline-block;
  background: #fc4075;
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}
#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
} 
#button_scroll:hover,#button_scroll:active {
  cursor: pointer;
  background: #1a1d21;
  color: #fff;
}
#button_scroll.show {
  opacity: 1;
  visibility: visible;
}
#button_scroll .fas{
	color: #fff;
	padding: 8px;
	margin: 5px 0;
}

#button_scroll:hover {
  background: #1a1d21;
}
#button_scroll,
#button_scroll::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#button_scroll::before,
#button_scroll::after {
  background: #fc4075;
  content: '';
  position: absolute;
  z-index: -1;
}
#button_scroll::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#button_scroll:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

/** loader **/
.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #fc4075 transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }  
  
  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}
a.close-search-form{
	display: none;
}

/*SRTICKY HEADER*/

.fix-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.admin-bar .fix-sticky {
	margin-top: 32px;   
}
 
/*Body*/

header#site-navigation{
	background: #fff;   
}
.top-header{
  background: #fc4075;
}
.top-header span.dashicons{
	color: #fff;
	font-size: 20px;
  margin: 5px 0;
}
.top-header span{
	color: #fff;
  font-size: 13px;
}
.top-header .header-call , .top-header .header-email{
  border-right: 1px solid #fff;
}
.top-header a.goog-logo-link{
	display: none;
}
.top-header .language{
	background: transparent;
	padding: 0;
}
.top-header .goog-te-gadget .goog-te-combo{
	border: none;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	outline: none;
	background: #fc4075
}
.top-header .goog-te-gadget{
	font-size: 0;
	margin-top: 15px;
}
div#\:0\.targetLanguage{
	border-left: 1px solid #fff;
}


/*SLIDER SECTION*/ 

#slider #carousel-caption{
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 55%;
}
#slider h2{
  color: #fc4075;
  font-size: 32px;
  font-weight: 400;
}
#slider h1{
  font-size: 44px;
  color: #1a1d21;
  font-weight: 300;
  line-height: 1.5;
}
#slider p{
  color: #474e57;
}
#slider .button{
  padding: 15px 30px;
  background: #fc4075;
  color: #fff;
  margin: 10px 0;
  display: inline-block;
  border: none;
  font-weight: 500;
}
#slider .button:hover{
  background: #1a1d21;
}
#slider .button,
#slider .button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#slider .button::before,
#slider .button::after {
  background: #fc4075;
  content: '';
  position: absolute;
  z-index: -1;
}
#slider .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#slider .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*Services Section*/

#services{
  position: relative;
  left: 0;
  right: 0;
  z-index: 99;
  transform: translateY(-55%);
  height: 275px;
}
#services .services-content{
  background-color: #fff;
  filter: drop-shadow(0px 30px 20px rgba(0,0,0,0.03));
  margin: 20px 0;
}
#services .dashicons{
  font-size: 50px;
  display: inline;
  color: #fc4075;
}
#services .services-content h5{
  color: #1a1d21;
}
#services .services-content hr{
	background: #fc4075;
}
#services .services-content .hr1{
  height: 1.5px;
  width: 45%;
}
#services .services-content .hr2{
  height: 1.2px;
  width: 30%;
  position: relative;
  bottom: 10px
}
#services .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
}
#services .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #8e9ead;
  margin: 0 5px;
  outline: none;
}
#services .owl-dots button.owl-dot.active {
  background-color:#fc4075;
  width: 15px;
  height: 7px;
  border-radius: 20px;
}
#services p{
	margin-bottom: 0;
}
#services .services-content{
	padding: 0;
	overflow: hidden;
}
#services .services-content:hover+span{
  opacity: unset;
}
#services .services-content{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
}
#services .services-content:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	background: #fc4075;
	color: #fff;
	filter: drop-shadow(0px 30px 20px rgba(0,0,0,0.03));
}
#services .services-content:hover .dashicons, #services .services-content:hover h5{
	color: #fff;
}
#services .services-content:hover hr{
	background: #fff;
}

/*Popular Package*/

#popular-package h6{
    color: #fc4075;
    font-size: 24px;
    font-weight: 500;
}
#popular-package h3{
    color: #1a1d21;
    font-weight: 300;
}
#popular-package .popular-number{
  width: 45px;
  height: 45px;
  padding: 10px;
  color:#fc4075;
  border-radius: 50% 50% 50% 0;
  background: #ffecf1;
  display: inline-block;
}
#popular-package .popular-content{
  background-color: #fff;
  filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
  margin: 20px;
}
#popular-package .popular-content h5{
    color: #1a1d21;
}
#popular-package .button{
  padding: 10px 30px;
  background: #fc4075;
  color: #fff;
  margin-top: 10px;
  display: inline-block;
  border: none;
  font-weight: 500;
}
#popular-package .button:hover{
  background: #1a1d21;
  display: inline-flex;
}
#popular-package .button,
#popular-package .button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#popular-package .button::before,
#popular-package .button::after {
  background: #fc4075;
  content: '';
  position: absolute;
  z-index: -1;
}
#popular-package .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#popular-package .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#popular-package .list-text::before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c";
  margin-right: 10px;
}
#popular-package .owl-item img{
  height: 100%;
}
#popular-package .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
}
#popular-package .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #8e9ead;
  margin: 0 5px;
  outline: none;
}
#popular-package .owl-dots button.owl-dot.active {
  background-color:#fc4075 ;
  width: 15px;
  height: 7px;
  border-radius: 20px;
}
#popular-package figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
#popular-package figure:hover+span{
	opacity: 1;
}
#popular-package figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: auto;
}
#popular-package .popular-content:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}

/* STANDARD BMI CHART*/
#bmi-chart {
  background: #f2f3f7;
}
#bmi-chart h6{
  color: #fc4075;
  font-weight: 500;
  font-size: 22px;
}
#bmi-chart h3{
  color: #1a1d21;
  font-weight: 300;
}
#bmi-chart fieldset{
  display: block;
  outline: 0;
  padding:10px 0;
  transition: height 0.4s ease-in-out;
  background:transparent;
  margin: 15px 0;
  color: #fc4075;
}
#bmi-chart legend{
  text-align:center;
  background: #fff;
  border: 1px solid #C5DFEA;
  padding: 0.25em 0.5em;
}
#bmi-chart select{
  width: 45%;
  padding: 15px 20px;
  border: 1px solid #C5DFEA;
  outline: 0;
  margin-bottom: 20px;
  color: #95a3ae;
  background: #fff;
}
#bmi-chart .age{
  display: block;
  outline: 0;
  border: 1px solid #C5DFEA;
  padding: 15px 20px;
  line-height: 1.5em;
  margin-bottom: 20px;
  width: 45%;
  margin-left: 30px;
}
#bmi-chart .age::placeholder, #bmi-chart .height::placeholder, #bmi-chart .weight::placeholder{
	color: #95a3ae;
}
#bmi-chart .height{
  display: block;
  outline: 0;
  border: 1px solid #C5DFEA;
  padding: 15px 20px;
  line-height: 1.5em;
  margin-bottom: 20px;
  width: 45%;
  margin-right:30px;
}
#bmi-chart .weight{
  display: block;
  outline: 0;
  border: 1px solid #C5DFEA;
  padding:15px 20px;
  line-height: 1.5em;
  margin-bottom: 20px;
  width: 45%;
}
#bmi-chart .results{
  clear:both;
  margin-top: 30px;
}
#bmi-chart .cms:after{
  position:absolute;
  content:"cm";
  top: 33px;
  right: 33px;
}
#bmi-chart .kgs:after{
  position:absolute;
  content:"kg";
  top: 15px;
}
#bmi-chart .clearfix{
  clear:both;
}
#bmi-chart input#submit{
  margin-right: 10px;
  width: 30%;
  padding: 15px 20px;
  background-color: #fc4075;
  border: none;
  color: #fff;
  margin-top: 20px;
}
#bmi-chart input#submit:hover{
  background: #fff;
  color: #fc4075;
  border: 1px solid #fc4075;
}
#bmi-chart .reset{
  margin-right: 10px;
  width: 30%;
  padding: 15px 20px;
  color: #fc4075;
  border: 1px solid #fc4075;
  margin-top: 20px;
  margin-left: 10px;
}
#bmi-chart .reset:hover{
  background: #fc4075;
  border: 1px solid #fc4075;
  color: #fff;
}
#bmi-chart .fas.fa-redo-alt{
  position:absolute;
  top: 65%;
  left: 38%;
  right: 0;
  color: #fc4075;
  font-size: 16px;
}
#bmi-chart .fas.fa-redo-alt:hover{
	color: #fff;
}

#bmi-chart .bmi-chart-cal2{
  background: #ffffff;
  filter: drop-shadow(0px 30px 20px rgba(0,0,0,0.03));
}
#bmi-chart .bmi-chart-cal2 h5{
  color: #1a1d21;
}
#bmi-chart .bmi-chart-cal2 hr{
  width: 20%;
  background: #fc4075;
  position: relative;
}
#bmi-chart .bmi-chart-cal2 .hr1{
  width: 30%;
  height: 1.5px;
}
#bmi-chart .bmi-chart-cal2 .hr2{
  bottom: 12px;
  height: 1.2px;
}
#bmi-chart .bmi_chart1{
  background: #f8f9fb;
  border: 1px solid  #dbdde6;
  border-radius: 10px;
}
#bmi-chart .bmi-text{
  border: 1px solid;
  border-radius: 25px;
  padding: 10px 10px;
  text-align: center;
  color: #fff;
  margin: 20px 0;
}
#bmi-chart .bmi-dash-icon{
  margin-left: 10px;
}
.content2{
  margin-bottom: 0;
}
#bmi-chart .bmi-text1{
  background: #1da7e8;
}
.bmi-text2{
 background: #36e657;
}
.bmi-text3{
  background: #ff9a16;
}
.bmi-text4{
  background: #ee3938;
}
#bmi-chart .result-text{
	color: #1a1d21;
	font-size: 20px;
	font-weight: 500;
}
#bmi-chart .content2{
	color: #fff;
}
span.wight1{
	background: #1da7e8;
	color: #fff;
	padding: 10px 20px;
	border-radius: 25px;
	font-size: 14px;
	font-family: 'Inter', sans-serif;
  font-weight: 500;
}
span.wight2{
	background: #36e657;
	color: #fff;
	padding: 10px 20px;
	border-radius: 25px;
	font-size: 14px;
	font-family: 'Inter', sans-serif;
  font-weight: 500;
}
span.wight3{
	background: #ff9a16;
	color: #fff;
	padding: 10px 20px;
	border-radius: 25px;
	font-size: 14px;
	font-family: 'Inter', sans-serif;
  font-weight: 500;
}
span.wight4{
	background: #ee3938;
	color: #fff;
	padding: 10px 20px;
	border-radius: 25px;
	font-size: 14px;
	font-family: 'Inter', sans-serif;
  font-weight: 500;
}

/*Latest Tips Tricks*/

#latest-tips h6{
  color: #fc4075;
  font-size: 24px;
  font-weight: 500;
}
#latest-tips h3{
  color: #1a1d21;
  font-weight: 300;
}
#latest-tips h5.post-title {
  color: #1a1d21;
  font-weight: 500;
  font-size: 18px;
}
#latest-tips .post-content .read_more{
  color: #fc4075;;
}
#latest-tips .owl-item .post-admin span img{
  width: auto;
  display: inline-block;
  border-radius: 50%;
}
#latest-tips .post-item{
  background:#fff;
  filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
  border: 1px solid  #edf1f5;
  margin: 20px 0;
}
#latest-tips  .post-meta {
  border-top: 1px solid  #edf1f5;
}
#latest-tips .far.fa-calendar-alt, #latest-tips .fas.fa-bookmark{
  color: #717982;
} 
#latest-tips .icon-book{
  float: right;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #717982;
  width: 40px;
  height: 40px;
  padding: 10px 14px;
  margin-top: -8px;
}
#latest-tips .owl-carousel .owl-nav{
  position: absolute;
  top: 50%;
  left: -10%;
  right: -10%;
  display: block;
}
#latest-tips .owl-carousel .owl-nav button.owl-prev{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #e1e0e8;
  color: #6f6c81;
  outline: none;
  position: relative;
  left: 20px;
  float: left;
}
#latest-tips .owl-carousel .owl-nav button.owl-next{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fc4075;
  color: #fff;
  outline: none;
  float: right;
  position: relative;
  right: 20px;
}
#latest-tips .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
}
#latest-tips .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #8e9ead;
  margin: 0 5px;
  outline: none;
}
#latest-tips .owl-dots button.owl-dot.active {
  background-color:#fc4075;
  width: 15px;
  height: 7px;
  border-radius: 20px;
}
#latest-tips figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
#latest-tips figure:hover+span{
	opacity: 1;
}
#latest-tips figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
}
#latest-tips .post-item:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}

/*Book NOw page*/
#book-now {
	background-position: top;
	background-size: 100% !important;
}
#book-now h6{
  color: #fc4075;
  font-size: 24px;
  font-weight: 500;
}
#book-now h3{
  color: #1a1d21;
  font-weight: 300;
}
#book-now .contact-form{
  filter: drop-shadow(0px 30px 20px rgba(0,0,0,0.03));
  margin-top: 30px;
  background: #fff;
}
#book-now input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  padding: 10px;
  width: 45%;
  margin: 15px 15px;
  outline: 0;
  color: #95a3ae;
  border: 1px solid #dde3ea;
}
#book-now input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::placeholder{
  color: #95a3ae;
}
#book-now input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel {
  padding: 10px;
  width: 45%;
  margin: 15px 15px;
  color: #95a3ae;
  outline: none;
  border: 1px solid #dde3ea;
}
#book-now input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel::placeholder{
  color: #95a3ae;
}
#book-now select.wpcf7-form-control.wpcf7-select {
  padding: 10px;
  width: 45%;
  margin: 15px 15px;
  color: #95a3ae;
  border: 1px solid #dde3ea;
  background: transparent;
}
#book-now input.wpcf7-form-control.has-spinner.wpcf7-submit {
  padding: 15px 30px;
  margin: 20px 0;
  background: #fc4075;
  color: #ffffff;
  border: none;
  font-weight: 500;
}
#book-now .wpcf7-spinner{
	display: block;
}
#book-now input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: #1a1d21;
}

/*Testimonials*/

#testimonial h6{
   color: #fc4075;
   font-size: 24px;
   font-weight: 500;
}
#testimonial h3{
  color: #1a1d21;
  font-weight: 300;
}
#testimonial .owl-carousel .owl-item img {
  display: block;
  width: auto;
  position: relative;
  right: 30%;
  bottom: 61px;
  z-index: 999;
}
#testimonial .testimonial-box{
  background: #f5f6fa;
  margin: 50px 50px;
  border: 1px solid #edf1f5;
}
#testimonial .testimonial-box h5 {
  position: relative;
  right: 60%;
  bottom: 56px;
  background: #fc4075;
  padding: 15px 20px;
  color: #ffffff;
  border-radius: 0 0 50px 0;
}
#testimonial .content{
  position: relative;
  bottom: 80px;
}
#testimonial p{
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 0;
  color: #8c949e;
}
#testimonial .owl-dots {
  text-align: center;
  bottom:100px; 
  position: absolute;
  width: 100%;
  display: block;
}
#testimonial .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #8e9ead;
  margin: 0 5px;
  outline: none;
}
#testimonial .owl-dots button.owl-dot.active {
  background-color:#fc4075 ;
  width: 15px;
  height: 7px;
  border-radius: 20px;
}


/*Special Offer*/

#special-offer h6{
   color: #fc4075;
   font-size: 24px;
   font-weight: 500;
}
#special-offer h3{
  color: #1a1d21;
  font-weight: 300;
}
#special-offer h5{
  color: #1a1d21;
  font-weight: 500;
}
#special-offer .special-offer-box{
  filter: drop-shadow(0px 30px 20px rgba(0,0,0,0.03));
  background: #fff;
}
#special-offer .special-month{
  color: #1a1d21;
}
#special-offer .special-offer-box hr{
  width: 25%;
  background: #fc4075;
  position: relative;
}
#special-offer .special-offer-box .hr1{
  width: 40%;
  height: 1.5px;
}
#special-offer .special-offer-box .hr2{
bottom: 12px;
height: 1.3px;
}
#special-offer .button{
  padding: 12px 35px;
  background: #fc4075;
  color: #fff;
  margin: 20px 0;
  display: inline-block;
  border: none;
  font-weight: 500;
}
#special-offer .button:hover{
  background: #1a1d21;
}
#special-offer .button,
#special-offer .button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#special-offer .button::before,
#special-offer .button::after {
  background: #fc4075;
  content: '';
  position: absolute;
  z-index: -1;
}
#special-offer .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#special-offer .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#special-offer .special-box{
  clip-path: circle(68% at 50% -35%);
}
#special-offer .special-price{
  font-size: 40px;
  font-weight: 600;
  position: relative;
  bottom: 20px;
}
#special-offer .special-month{
  font-weight: 600;
  position: relative;
  bottom: 20px;
}
#special-offer p{
	color: #717982;
}
#special-offer :nth-child(odd)  .special-month{
 color: #fff;
}
#special-offer :nth-child(even)  .special-month{
 color: #fc4075;
}
#special-offer :nth-child(odd)  .special-price{
 color: #fff;
}
#special-offer :nth-child(even)  .special-price{
 color: #fc4075;
}
#special-offer :nth-child(odd) .special-box{
 background: #fc4075;
}
#special-offer :nth-child(even) .special-box{
   background: #ffe3ea;
}
#special-offer .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
}
#special-offer .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #8e9ead;
  margin: 0 5px;
  outline: none;
}
#special-offer .owl-dots button.owl-dot.active {
  background-color:#fc4075;
  width: 15px;
  height: 7px;
  border-radius: 20px;
}

/*Instagram*/

#instagram h6{
   color: #fc4075;
   font-size: 24px;
   font-weight: 500;
}
#instagram h3{
  color: #1a1d21;
  font-weight: 300;
}
#instagram #sb_instagram .sbi_photo{
  border: 2px solid #fff;
}
#instagram .button{
  padding: 12px 30px;
  background: #fc4075;
  color: #fff;
  margin: 10px 0;
  display: inline-block;
  border: none;
}
#instagram .button:hover{
  background: #1a1d21;
}
#instagram .button,
#instagram .button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#instagram .button::before,
#instagram .button::after {
  background: #fc4075;
  content: '';
  position: absolute;
  z-index: -1;
}
#instagram .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#instagram .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
/*News Letter*/

#news-letter h6{
   color: #fc4075;
   font-size: 24px;
   font-weight: 500;
}
#news-letter h3{
  color: #1a1d21;
  font-weight: 300;
}
#news-letter input.wpcf7-form-control.wpcf7-text{
  padding: 15px 20px;
  width: 70%;
  outline: 0;
  color: #95a3ae;
  border: 1px solid #dde3ea;
}
#news-letter input.wpcf7-form-control.has-spinner.wpcf7-submit {
  padding: 15px 20px;
  width: 25%;
  outline: 0;
  background: #fc4075; 
  color: #ffffff;
  border: 1px solid #dde3ea;
  font-weight: 500;
}
#news-letter input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: #1a1d21;
  cursor: pointer;
}

/*Footer Section*/

.footer-area .textwidget ul{
  padding: 0 10px;
}
.footer-area .textwidget ul li {
  margin: 10px 0;
  list-style: square;
  font-size: 14px;
  color: #798189;
  font-weight: 500;
}
 .footer-area h4.title{
  color: #1a1d21;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 20px
 }
 .footer-area hr{
 	background: #fc4075;
 	padding: 1px;
 	margin-right: 65%;
 }
.copyright {
  background: #1a1d21;
  color: #fff;
}
.copyright p{
  color: #fff;
}
.copyright a{
	color: #fc4075;
}
.footer-area  .fab{
  width: 40px;
  height: 40px;
  padding: 11px 13px;
  border: 1px solid #babec2;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 10px;
  color: #9aa0a6;
  cursor: pointer;
}
.footer-area .fab:hover{
  background: #fc4075;
  color: #fff;
  border: 1px solid #fc4075;
}

/*Contact Page*/
#contact-page{
  background: black; 
}
#contact-page h3{
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 50px;
}
#contact .dashicons{
  font-size: 50px;
  display: inline;
  color: #fc4075;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
#contact .about-us:hover .dashicons, 
#contact .open-hours:hover .dashicons,
#contact .contacts:hover .dashicons{
	transform: rotate(360deg);
	color: #1a1d21;
}
#contact .about-us h6, #contact .open-hours h6, #contact .contacts h6{
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
  color: #1a1d21;
}
#contact p{
  margin-bottom: 0;
}
#contact .contact-form{
  background: #eeeff3;
}
#contact .location-form h2{
  color: #fc4075;
  font-size: 40px;
}
#contact .location-form h4{
  color: #1a1d21;
  font-weight: 500;
  font-size: 30px;
}
#contact .location-form input.wpcf7-form-control.wpcf7-text {
  padding: 10px 15px;
  width: 45%;
  margin: 15px 10px 0 0;
  color: #95a3ae;
  border: 1px solid #dde3ea;
  outline: none;
}
#contact .location-form input.wpcf7-form-control.wpcf7-text::placeholder{
  color: #95a3ae;
}
#contact .location-form input.wpcf7-form-control.has-spinner.wpcf7-submit{
  margin: 10px 10px 0 0;
  padding: 10px 25px;
  background: #fc4075;
  color: #ffffff;
  border: none;
}
#contact .location-form input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: #1a1d21;
}
#contact .location-form textarea.wpcf7-form-control.wpcf7-textarea {
  height: 90px;
  padding: 10px;
  width: 92%;
  margin: 15px 0;
  border: 1px solid #dde3ea;
  outline: none;
}
#contact .location-form textarea.wpcf7-form-control.wpcf7-textarea::placeholder{
  color: #95a3ae;
}
.site-main h2, .woocommerce h2{
	font-family: 'Inter', sans-serif;
}

/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
  .admin-bar .fix-sticky{
    margin-top: 0;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #ffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align:center;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  #main-menu{
    top: 25px;
  }
  .sidenav a:hover{
    color: #f1f1f1;
  }
  #main-menu ul.children, #main-menu ul.sub-menu{
    box-shadow: none;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 50px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }
  #site-navigation .sidenav a.closebtn, .open-menu{
    display: inline-block;
    background: #fc4075;
    padding: 0 10px;
    color: #fff;
  }
  #main-menu ul.children, #main-menu ul.sub-menu{
    background: transparent;
  }
  #main-menu ul.sub-menu li a:hover:after{
    background: transparent;
    color: #1a1d21;
  }
  #main-menu ul.sub-menu li a:hover{
    color: #1a1d21;
  }
  #main-menu ul.sub-menu li a:before{
    border: none;
  }
  .woocommerce #content table.cart td.actions .coupon .button.alt,
	.woocommerce #content table.cart td.actions .coupon .input-text+.button,
	.woocommerce table.cart td.actions .coupon .button.alt,
	.woocommerce table.cart td.actions .coupon .input-text+.button,
	.woocommerce-page #content table.cart td.actions .coupon .button.alt,
	.woocommerce-page #content table.cart td.actions .coupon .input-text+.button,
	.woocommerce-page table.cart td.actions .coupon .button.alt,
	.woocommerce-page table.cart td.actions .coupon .input-text+.button{
     float: unset;
     width: 100% !important;
     margin: 0;
  }
	.woocommerce #content table.cart td.actions .button,
	.woocommerce table.cart td.actions .button,
	.woocommerce-page #content table.cart td.actions .button,
	.woocommerce-page table.cart td.actions .button{
    width: 100%;
    margin: 0;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text{
  	width: 100% !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li{
  	padding: 10px 20px;
  }
  .woocommerce .quantity .qty{
  	max-width: 130px;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
  	width: 100%;
  }
  .page-404 h1{
  	font-size: 100px;
  }
  .page-404 p{
  	margin-left: 0;
  	margin-right: 0;
  }
  #slider #carousel-caption{
    top: 25%;
    left:5%;
    right: 25%;
  }
  #slider h1{
    font-size: 22px;
  }
  #slider h2{
    display: none;
  }
  #slider p{
    display: none;
  }
  #slider .button{
    padding: 7px 10px;
    font-size: 12px;
  }
  #services{
    position: unset;
    transform: none;
    height: unset;
  }
  #services .services-content{
  	height: 275px;
  	margin: 0;
  }
  #services .services-content h5{
    font-size: 18px;
  }
  #popular-package h5{
    font-size: 18px;
  }
  #popular-package .popular-content{
    margin: 0;
   }
  #bmi-chart p{
    font-size: 13px;
  }
  #bmi-chart select , #bmi-chart .age , #bmi-chart .height , #bmi-chart .weight{
    width: 100%;
    margin: 10px 0;
  }
  #bmi-chart select::placeholder , #bmi-chart .age::placeholder , 
  #bmi-chart .height::placeholder , #bmi-chart .weight::placeholder{
      font-size: 14px;
  }
  #bmi-chart input#submit, #bmi-chart .reset{
    margin: 10px 0;
    width: 100%;
  }
  #bmi-chart .bmi-text{
    padding: 8px 0;
  }
  #bmi-chart span.bmi-value{
    font-size: 14px;
    display: inline;
    position: relative;
    left: -5px;
  }
  #bmi-chart .bmi-dash-icon{
    margin: 0;
  }
  #bmi-chart .bmi-chart-cal2 h5{
    font-size: 18px;
  }
  #bmi-chart .bmi-chart-cal2 .hr1{
    bottom: 2%;
  }
  #bmi-chart .bmi-chart-cal2 .hr2{
    bottom: 5%;
  }
  #bmi-chart .fas.fa-redo-alt{
  	top: 83%;
  	left: 0;
  	right: 50%;
  }
  #latest-tips .owl-carousel .owl-nav{
    display: none;
  }
  #book-now input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required , 
  #book-now input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel , 
  #book-now select.wpcf7-form-control.wpcf7-select{
    width: 100%;
    margin-left: 0px;
  }
  #book-now input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::placeholder ,
  #book-now input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel::placeholder , 
  #book-now select.wpcf7-form-control.wpcf7-select::placeholder{
    font-size: 14px;
  }
  #book-now input.wpcf7-form-control.has-spinner.wpcf7-submit{
    font-size: 13px;
  }
  #testimonial .testimonial-box{
    margin: 45px 10px;
  }
  #testimonial .owl-carousel .owl-item img{
    right: 0;
  }
  #testimonial .testimonial-box h5{
    font-size: 14px;
    right: 0;
    left: 0px;
  }
  #testimonial .content{
    bottom: 35px;
  }
  #testimonial p{
    margin-left: 0;
    margin-right: 0;
  }
  #testimonial .owl-carousel .owl-nav{
    display: none;
  }
  #testimonial .owl-dots{
    bottom: 50px;
  }
  #special-offer h5{
    font-size: 20px;
  }
  #special-offer .special-price{
  bottom: 25px;
  }
  #special-offer .special-month{
  	bottom: 25px;
  }
  #special-offer .special-offer-box{
    margin: 0;
  }
  #special-offer .special-box{
    clip-path: circle(66% at 50% -30%);
  }
  #special-offer .button{
    font-size: 14px;
  }
  #instagram .button{
    font-size: 14px;
  }
  #news-letter input.wpcf7-form-control.wpcf7-text{
    padding: 9px 10px;
  }
  #news-letter input.wpcf7-form-control.wpcf7-text::placeholder{
    font-size: 14px;
  }
  #news-letter input.wpcf7-form-control.has-spinner.wpcf7-submit{
    padding: 12px 5px;
    width: 30%;
    font-size: 13px; 
  }
  #contact .location-form input.wpcf7-form-control.wpcf7-text,
  #contact .location-form textarea.wpcf7-form-control.wpcf7-textarea{
  	width: 100%;
  }
  .wpcf7-spinner{
  	display: block;
  }
  .footer-area .textwidget ul{
  	padding: 0 40px;
  }
  .footer-area hr{
  	margin-left: 20%;
  	margin-right: 20%;
  }
}


/*MEDIA 721 TO 1023*/
@media only screen and (min-width: 721px) and (max-width: 1023px){
  .logo-image img{
    width: 100%;
  }
  #main-menu ul li a{
    padding: 10px 10px;
  }
  .top-header span{
  	font-size: 10px;
  }
  .top-header span.dashicons{
  	font-size: 16px;
  }
  .top-header .goog-te-gadget .goog-te-combo{
  	font-size: 10px;
  }
  #slider #carousel-caption{
  	top: 35%;
  	left: 5%;
  	right: 45%;
  }
  #slider h1{
  	font-size: 36px;
  }
  #slider .button{
  	padding: 10px 25px;
  }
  #services{
    position: unset;
    transform: unset;
    height: unset;
  }
  #services .services-content{
  	margin: 0;
  }
  #bmi-chart .bmi_chart1{
    margin: 10px 100px;
  }
  #bmi-chart .bmi-chart-cal2{
  }
  #bmi-chart .fas.fa-redo-alt{
  	top: 75%;
  }
  #latest-tips .owl-carousel .owl-nav{
    display: none;
  }
  #testimonial .owl-carousel .owl-item img{
    right: 20%;
  }
  #testimonial .testimonial-box h5{
    right: 100%;
    bottom: 56px;
    padding: 10px 20px;
  }
  #testimonial .owl-carousel .owl-nav{
    display: none;
  }

#book-now input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 43%;
}
#book-now input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel {
  width: 43%;
}
#book-now select.wpcf7-form-control.wpcf7-select {
  width: 43%;
}
  #special-offer .special-price{
    bottom: 25px;
  }
  #special-offer .special-month{
  	bottom: 25px;
  }
  .sidebar-area .post-title{
		font-size: 14px;
	}
	.woocommerce div.product div.images img{
		width: auto;
	}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
	 	width: 50%;
	}
	.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary,
	.woocommerce div.product div.images, .woocommerce div.product div.summary, 
	.woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, 
	.woocommerce-page div.product div.images, .woocommerce-page div.product div.summary{
	 	float: left;
	 	width: 50%;
	}
	.woocommerce button.button{
	 	margin: 0 10px;
	 	padding: 12px 20px;
	}
	#contact  .wpcf7-spinner{
		display: block;
	}
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
	#slider #carousel-caption{
		top: 35%;
		left: 5%;
		right: 45%;
	}
  #latest-tips .owl-carousel .owl-nav{
    display: none;
  }
  #popular-package .owl-item img{
  	width: 100%;
  }
  #testimonial .owl-carousel .owl-nav{
    display: none;
  }
  #testimonial .testimonial-box h5{
  	right: 45%;
  }
  #special-offer .special-price{
    font-size: 34px;
  }
  #bmi-chart input#submit{
  	width: 35%;
  }
  #bmi-chart .reset{
  	width: 35%;
  }
  #bmi-chart .fas.fa-redo-alt{
  	left: 43%;
  }

}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1200px) and (max-width: 1400px){
	#latest-tips .owl-carousel .owl-nav{
		display: none;
	}
	}