* { margin:0; padding:0;}
html {    -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;}
body {font-family: 'Montserrat', sans-serif;  font-size: 15px;  line-height: 1.6;}
h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif;  font-weight:800;
  letter-spacing: 0em;     margin: 0; padding:0;}
p {  color: #666;}
blockquote{border:2px solid #Ff0; font-size:18px; padding:20px; color:rgba(0,0,0,0.7);     margin: 10px 0px 20px;}
ul,ol { padding:0; margin:0;  list-style: none;}
li { list-style-type:none; }
dt {  font-weight: bold;}
dd {  margin: 0 1.5em 1.5em;}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section,
summary {   display: block; }
audio, canvas, progress, video {   display:inline-block;  vertical-align:baseline; }
audio:not([controls]) {  display: none;  height: 0; }
dfn {  font-style: italic;}
mark {  background: #ff0;  color: #000;}
small {  font-size: 80%;}
sub,sup {  position:relative;  vertical-align:baseline;  font-size:75%;  line-height:0;}
sup {  top: -0.5em;}
sub { bottom: -0.25em;}
svg:not(:root) {  overflow: hidden;}
figure {  margin: 0;}
hr {  box-sizing: content-box;  height: 0;}
pre {  overflow: auto;}
code,kbd,pre,samp {  font-size: 1em;  font-family: 'Montserrat', sans-serif;}
button,input,optgroup,select,textarea { margin:0; color:inherit; font:inherit;}
button {  overflow: visible;}
button,select {  text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
  cursor: pointer;  -webkit-appearance: button;}
button[disabled],html input[disabled] {  cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {  padding: 0;  border: 0;}
input {  line-height: normal;}
input[type="checkbox"],input[type="radio"] {  box-sizing: border-box;  padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {  height: auto;}
input[type="search"] {  box-sizing: content-box;  -webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}
fieldset {  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;  border: 1px solid #c0c0c0;}
legend {  padding: 0;  border: 0;}
textarea {  overflow: auto;}
optgroup {  font-weight: bold;}
table {  border-spacing: 0;  border-collapse: collapse;}
td,th {  padding: 0;}
button {  outline: none;}
b,strong {  font-weight: bold;}
img {  border: 0;}


a { text-decoration:none!important;  color: #111; }
a:hover {  color: #de0647;}
a:active, a:hover {  outline: 0; }

.modal-title{
    float: left;
    color: #e82a6a;
    font-weight: bold;
    font-size: 17px;
}

#sendemail .form-control { 
     box-shadow: 0 0 1px 1px #ccc6c6;
    height: 45px;
    background: #ffffff;
    border-color: #ffffff;
}	

.top-bar {
    width: 100%;    z-index: 1;
    display: inline-block;
    color: #fff;
    padding: 10px 0;
    background-color:#ca0bc9;
    position: relative;
    float: left;
}

.e-p-bx {    float: right; margin-right: 12px}
.e-p-bx li {display: block;     padding-right: 10px;   } 
.e-p-bx li a { color:#fff; font-size:22px; line-height:29px;   
               font-family: 'Montserrat', sans-serif; }
.social-bx   {  float: right;}
.social-bx li {  padding-left: 2px;   padding-right: 2px;}
.social-bx li a  {   color: #ffffff; }
 
.top-bar .fa {font-size:19px; padding:4px 7px; vertical-align:middle; margin-right:5px;
   border-radius: 1px; text-align:center; background-color: rgba(0,0,0,0.08);    border: 1px solid rgba(0,0,0,0.01);   -webkit-border-radius: 1px; -moz-border-radius:1px; }



.ss h3 {content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(212, 24, 102,0.75);
    z-index: 0;
    transform: skewX(-40deg);
    -webkit-transform: skewX(-40deg);
    -ms-transform: skewX(-40deg);
    -o-transform: skewX(-40deg);
    -moz-transform: skewX(-40deg);
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}

.ss h3 {position: relative;
    font-size: 32px;
    text-transform: uppercase;
    display: inline-block;
    padding: 16px 50px;
    color: #ffffff;
    overflow: hidden;}


.site-navigation{ float:left; width:100%; background:#fff; position:relative;}
.navbar-fixed {z-index:99; position:fixed; opacity:.98; width:100%;  border-radius:0; top:0;   background-color: #fff;   -webkit-box-shadow: 0 3px 6px 0 rgba(50,50,50,.75);
-moz-box-shadow:0 3px 6px 0 rgba(50,50,50,.75); box-shadow:0 3px 6px 0 rgba(50,50,50,.75);   -webkit-animation: fadeInDown .8s;  -moz-animation:fadeInDown .8s;
-ms-animation:fadeInDown .8s; -o-animation:fadeInDown .8s;  animation:fadeInDown .8s;
    -webkit-backface-visibility: hidden; }

.navbar-inverse {background-color:#ff41ff; border:none; float:left;width:100%; margin:0;     border-radius:0;   padding: 10px 0;}


.beautypress-logo-wraper {
    position: relative;
    top: 0;
}

.beautypress-logo {
	display: block;
	position: absolute;
	top: 9px;
	left: 0;
	background-color: #ff41ff;
	box-shadow:0px 8px 21px 0px rgba(0, 0, 0, 0.1);
	padding:21px 9px;
	z-index: 9;
	text-align: center;
}
   
 
.beautypress-footer-details-text a{
    font-size:18px;
    color: #fff;
    letter-spacing: 1px;
}


.beautypress-logo:before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #ca0bc9;
	z-index: -1;
	top: 5px;
}


.beautypress-logo:after {
	position: absolute;
	content: "";
	top: 100%;
	left: 0;
	width: 100%;
	height: 0;
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;
	filter: drop-shadow(0px 8px 21px rgba(0, 0, 0, 0.1));
	z-index: -2;
}


 
/*-----menu---------*/
  .main-navigation{
    width: 100%;
    background: #ff41ff;
}
 

 
/*-------------------------------------
	1. mena-menu
-------------------------------------*/
.navbar-toggle { 
	border:none; 
	margin-top:24px;
	margin-bottom:24px;
	margin-left:15px;
	margin-right:-10px;
	padding: 12px 10px;
}

.navbar-toggle .icon-bar { 
	background:#555;
	height:3px;
	border-radius:0;
	-webkit-border-radius:0;
}
@media only screen and (max-width:480px) {
.navbar-toggle { 
	margin-left:10px;
}	
.extra-nav .extra-cell {
	margin-left:0;
}
}
.is-fixed .navbar-toggle { 
	margin-top:14px;
	margin-bottom:14px;
}

.header-nav {
	position:relative;
	padding:0;
}

.header-nav .nav {
	float:right;
}

.header-nav .nav i {
	font-size:9px; 
	margin-left:3px;
	margin-top:-3px;
	vertical-align:middle;
	opacity:0.7;
}

.header-nav .nav > li {
	margin: 0px;
	font-weight:400;
	text-transform:uppercase;
	position:relative;
}

.header-nav .nav > li > a {
	border-radius: 0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	color: #fff;
    font-size: 14px;
    font-weight:bold;
    padding: 23px 12px;
    cursor: pointer;
}

.header-nav .nav > li > a:hover {
	background-color: transparent;
	color: #212427;
}

.header-nav .nav > li > a:active,
.header-nav .nav > li > a:focus {
	background-color: transparent;
}

.header-nav .nav > li.active > a,
.header-nav .nav > li.current-menu-item > a {
	    background-color: #9a119a;
	color: #fff;
}
.header-nav .nav > li:hover > a {
	 background-color: #9a119a;
	color: #fff;
}

.header-nav .nav > li:hover > .sub-menu,
.header-nav .nav > li:hover > .mega-menu {
	opacity: 1;
	visibility: visible;
	margin-top:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

}

.header-nav .nav > li .sub-menu {
	background-color: #ffffff;
	border: 1px solid #f4f4f4;
	display: block;
	left: 0;
	list-style: none;
	margin:20px 0 0;
	opacity: 0;
	padding: 0px;
	position: absolute;
	visibility: hidden;
	width: 220px;
	z-index: 10;
}

.header-nav .nav > li .sub-menu li {
	border-bottom: 1px solid #f4f4f4;
	position: relative;
}

.header-nav .nav > li .sub-menu li a {
	color: #474747;
	display: block;
	font-size: 13px;
	padding: 10px 20px;
	font-weight: 600;
	text-transform:none;
}
.header-nav .nav > li .sub-menu li a:hover {
	background-color:#F2F2F2;
	color: #1BBCE8;
	text-decoration: none;
}
.header-nav .nav > li .sub-menu li:hover > a {
	color: #1BBCE8;
}
.header-nav .nav > li .sub-menu li:last-child {
	border-bottom: 0px;
}
.header-nav .nav > li .sub-menu li .fa {
	color: #363636;
	display: block;
	float: right;
	position: absolute;
	right: 10px;
	top: 12px;
}

.header-nav .nav > li .sub-menu li > .sub-menu {
	left:220px;
	margin:0 0 0 20px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.header-nav .nav > li .sub-menu li:hover > .sub-menu {
	left:220px;
	margin:0px;
	opacity:1;
	top: -1px;
	visibility: visible;
}

.header-nav .nav > li .sub-menu li:hover > .sub-menu:before {
	background-color: transparent;
	bottom: 0px;
	content: '';
	display: block;
	height: 100%;
	left: -6px;
	position: absolute;
	top: 0px;
	width: 6px;
}

.header-nav .nav > li.has-mega-menu {
	position: inherit;
}
.header-nav .nav > li .mega-menu li a > i{
	font-size:13px;
	margin-right:5px;
	min-width:20px;
}
.header-nav .nav > li .mega-menu {
	background-color: #ffffff;
	border: 1px solid #e9e9e9;
	display: table;
	left: 0px;
	list-style: none;
	opacity: 0;
	position: absolute;
	right: 0px;
	visibility: hidden;
	width: 100%;
	margin-top:20px;
	z-index:10;
}

.header-nav .nav > li .mega-menu > li {
	display: table-cell;
	padding:10px 0;
	position: relative;
	vertical-align: top;
	width: 25%;
}

.header-nav .nav > li .mega-menu > li:after {
	content:"";
	background-color:rgba(204,204,204,0.4) ;
	position: absolute;
	right: 0px;
	top: 0px;    
	display: block;
	width:1px;
	height: 100%;
}

.header-nav .nav > li .mega-menu > li:last-child:after {
	display: none;
}

.header-nav .nav > li .mega-menu > li > a {
	color: #555555;
	display: block;
	font-size: 14px;
	padding:0 20px;
}

.header-nav .nav > li .mega-menu > li ul {
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.header-nav .nav > li .mega-menu > li ul a {
	color: #474747;
	display: block;
	font-size: 13px;
	line-height: 34px;
	padding: 2px 20px;
	font-weight: 600;
	text-transform:none;
}

.header-nav .nav > li .mega-menu > li ul a:hover {
	color: #1BBCE8;
	background-color:#F2F2F2;
}

.header-nav .nav > li.menu-item-has-children:before {
	content: "\f078";
	display: block;
	font-family: "FontAwesome";
	right: 4px;
	position: absolute;
	top: 50%;
	color:#999;
	margin-top:-8px;
	font-size:8px; 
}


/*-- Submenu direction---*/
.header-nav .nav > li.submenu-direction .sub-menu {
	left: auto;
	right: 0;
}
.header-nav .nav > li.submenu-direction .sub-menu li > .sub-menu {
	left:auto;
	right:220px; 
	margin:0 20px 0 0;
}
.header-nav .nav > li.submenu-direction .sub-menu li:hover > .sub-menu {
	left:auto;
	right:219px;
	margin:0 0 0 0;
}

.has-child .submenu-toogle {
    position:absolute;
    right:10px;
    top:10px;
    color:#fff;
    background-color:#4b3941;
    z-index:999;
    cursor:pointer;
    padding:7px;
    font-size:10px;
    display:none;
}
.has-child li .submenu-toogle  {
    opacity:0.9;
}

.has-child.nav-active > a+.submenu-toogle.glyphicon-plus:before {
 content:"\2212";
}
/*.header-nav .nav > li:last-child{display:none;}*/
@media only screen and (max-width: 991px) {
 
.header-nav .nav i {
	margin-top:6px;
}

.header-nav .nav  li.has-child.nav-active > a{
	color:#ec5598;
}
}

@media only screen and (max-width: 991px) {
/* responsive strat when media screen [991px] css START*/
.navbar-header {
	float: none;
}
.navbar-toggle {
	display: block;
}
.navbar-collapse.collapse {
	display: none!important;
}
.navbar-collapse.collapse.in {  /* NEW */
	display: block!important; 
}

/* Responsive strat when medai screen [991px] css END*/
.header-nav {
	clear:both;
	margin:0 -15px;
	border-bottom:1px solid #E9E9E9 ;
}
.header-nav .nav{
	float:none;
	margin:0;
	background:#fff;
}
.header-nav .nav li {
	float:none;
}

.header-nav .nav > li .sub-menu > li,
.header-nav .nav > li .mega-menu > li {
	float:none;
	display:block;
	width:auto;
}
.header-nav .nav  li .sub-menu > li a {
	padding-left:30px;
}
.header-nav .nav > li > a {
	padding: 12px 15px;
	border-top:1px solid #E9E9E9 ;
	color: #777;
}
.header-nav .nav > li.active > a, 
.header-nav .nav > li.current-menu-item > a {
    color: #ec5598;
}
.header-nav .nav i{
	float:right;	
}

.header-nav .nav > li > a:hover,
.header-nav .nav > li > a:active, 
.header-nav .nav > li > a:focus {
	background-color:#ca0bc9;
	text-decoration: none;
}

.header-nav .nav > li .mega-menu > li:after{
	display:none;
}

.header-nav .nav > li ul,
.header-nav .nav > li .sub-menu,
.header-nav .nav > li .mega-menu {
	display: none;
	position: static;
	visibility: visible;
	width:auto;
	background:#f9f9f9;
}

.header-nav .nav > li ul.mega-menu ul {
	display: block;
}

.header-nav .nav > li .mega-menu > li {
	padding:0px;
}

.header-nav .nav > li ul.mega-menu li:hover ul {
	display: block;
}

.header-nav .nav li.has-child {
    position:relative;
}
.header-nav .nav  li .sub-menu,
.header-nav .nav  li .mega-menu {
    opacity:1;
    margin:0 !important;
}
.has-child .submenu-toogle {
    display:block;
}

}
 

/*------end menu---------*/ 
.navbar-fixed .beautypress-logo {
     position: static; 
    background-color: inherit;
    box-shadow: none;
    padding: 0px 28px;
    float: left; 
} 
 
 .navbar-fixed .top-bar { display:none;}
.navbar-fixed .main-navigation {background: #991297;}	
 
.navbar-fixed .beautypress-logo img{    width: 247px; margin: 7px 0;}
.navbar-fixed .header-nav .nav > li > a {
    color: #000;
    margin-top: 15px;
    padding: 11px 14px;
    cursor: pointer;
}

.navbar-fixed  .nav > li.active > a  {
    background-color: #9a119a;
    color: #fff;
}

.navbar-fixed  .nav > li  a:hover, .navbar-fixed  .nav > li  a:focus  {
    background-color: #9a119a;
    color: #000;
}



.slider{   float: left;   width: 100%;    background: #fff;}
.carousel-inner > .item > img {   float: left;   width: 100%; }
.carousel-control.left, .carousel-control.right {    background-image: inherit;}
.carousel-control {     width:8%;    opacity: 1;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right  {
 width:40px; height:40px; margin-top:0; font-size:30px; background:#d41866; 
 line-height: 40px;    border-radius: 50%;}
 
 
 /* ========= 4. Welcome Text =========== */
#welcome-wrap {  background: #FFF;  padding:100px 0 0px 0; display:inline-block;
    float: left;   width: 100%;}
.welcome-text{display: inline-block; padding:0px 0 50px; float:left; width: 100%;}

.welcome-text h1 {
    font-size: 32px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.welcome-text h1 span{	color:#e05855;	font-weight:600;}
.welcome-text p{   text-align: justify;   line-height: 24px;}

.home-services{ 	padding-top:30px;}

.home-services-wrap img{
	margin-right:20px;
}
.home-services-wrap h6{
color: #e05855; font-size:22px;
    font-weight: 600;
    margin-bottom: 9px;
}
.home-services-wrap .text{
	overflow:hidden;
}

#home-servies.owl-carousel .owl-item img {
	display:inline;
	width:auto;
}
/* ========= End =========== */



.section-full {
    background: #efeeee;
    position: relative;
    padding-bottom: 40px;
    padding-top: 40px;
    float: left;
    width: 100%;
}

.about-com-pic {
    position: relative;
    z-index: 1;
    float: left;
    width: 335px;
    margin: 16px;
}

.about-com-pic img {
    width: 100%;
}

.about-com-pic:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    left: -10px;
    border-color: #ad1659;
    background-color: #ad1659;
    z-index: -1;
}


.widget-title   {
      color: #ff1174;
         display: inline-block;
    letter-spacing: 2px;
    padding-bottom: 15px;
    position: relative;
    margin: 0 0 25px;
    font-size: 28px;
    font-weight: bold;
    line-height: 33px;
}
 
 
.widget-title:before {
    content: "\f06c";
    font-size: 18px;
    font-family: 'FontAwesome';
    position: absolute;
    bottom: -8px;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-bottom: 10px;
}

.widget-title:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 30px;
    height: 3px;
    margin: 0 0 0;
    width: 70px;
    margin: 10px 0;
    background-color: #ec5598;
}




/*------------price---------*/
.bg-gray {
    width: 100%;  
    padding: 60px 0 90px;
    float: left;
    background:#fff;
}

.pricing-table-style-4 .pricingtable-inner-overlay {
    position: relative;
    z-index: 1;
}
.section-head.text-center {
    margin-bottom: 41px;
}
.text-center {
    text-align: center;
}

.bg-gray .text-primary {
    width: 60px;
    display: inline-block;
    text-align: center;
    color: #EC5598;
    float: none;
    margin-right: 12px;
}
.wt-separator-outer {
    overflow: hidden;
}

.wt-separator.style-icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
}
.wt-separator {
    display: inline-block;
    position: relative;
}

.text-black {
    color: #000;
}

.wt-separator .separator-left, .wt-separator .separator-right {
    position: absolute;
    top: 50%;
    width: 70px;
    height: 2px;
    margin-top: -1px;
}
 

.wt-separator .separator-left {
    left: -80px;
}

.wt-separator .separator-right {
    right: -80px;
}

.separator-left.bg-primary, .separator-right.bg-primary {
    background-color: #EC5598;
}


.pricingtable-inner { 	text-align:center;}

.pricingtable-bx {	font-size:70px; color:#666666;	color:#4b3941; } 


.pricingtable-inner{position:relative;overflow:hidden;border-bottom:4px solid #EC5598;}
.pricingtable-inner.radius{	-webkit-border-radius: 40px 40px 40px 40px;
	border-radius: 40px 40px 40px 40px;}
	
.pricing-table-style-4 .pricingtable-type{
	color:#fff;
}

.pricing-table-style-4 .pricingtable-inner-overlay{
	position:relative;
	z-index:1;
}
.pricing-table-style-4 .pricingtable-inner-overlay .overlay-main{
	z-index:-1;
}
.pricing-table-style-4 .pricingtable-title {
    background-color: inherit;
    color: #e82a6a;
    padding: 60px 0px 0px 0px;
    font-size:26px;
    font-family: sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 5px #131011;
}

.pricing-table-style-4 .pricingtable-title * {
	color:#fff;
}
.pricing-table-style-4 .pricingtable-bx {
	color:#fff;
}
.pricing-table-style-4 .pricingtable-price {
    padding: 0px 10px 40px;
}
.pricing-table-style-4 .pricingtable-highlight .pricingtable-price{
	padding:30px 10px;
}

.pricing-table-style-4 .pricingtable-price{
	background-color:inherit;
}
.pricing-table-style-4  .pricingtable-features li:nth-child(2n) {
    background-color: inherit;
}
.pricing-table-style-4  .pricingtable-footer{
    background-color: inherit;
}
.pricing-table-style-4 .pricingtable-features{
	border:none;
	padding-top:20px;
}
.pricing-table-style-4 .pricingtable-features li{
	border-bottom:0px;
}



.overlay-main {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.opacity-07 {
    opacity: 0.8;
}
.bg-black {
    background-color: #000;
}



 .beautypress-both-side-list{
    padding: 35px 24px 16px;
}


.beautypress-both-side-list li {
    display: flex;
    font-size: 1.143em;
    margin: 0 0 16px;
    flex: 1;
}

.beautypress-both-side-list li span {
    text-align: right;
    color: #444;
    flex: 1;
}

.b1 {
    background-image: url(../images/b1.jpg);
    background-size: cover; background-position:right;
    background-repeat: no-repeat;
}

.b2 {
        background-image: url(../images/b2.jpg);
    background-size: cover; background-position:left;
    background-repeat: no-repeat;
}

.b3 {
       background-image: url(../images/b3.png);
    background-size: cover; background-position:left;
    background-repeat: no-repeat;
}





.bg-white {box-shadow: 0 0 1px 1px #ccc;
    background-color: #FFF;
}


/*----------service----------------*/
.services-wrapper {
    width: 100%;
    float: left;
    padding: 80px 0;
}
.services-wrapper .extra-head {
    text-align: center;
    font-size: 18px;
}
.extra-head {
    line-height: 35px;
    margin: 0 0 10px;
    font-family: Niconne,cursive;
    color: #e82d6c;
}


.services-wrapper .h6 {
    text-align: center;
    font-size: 3em;
    font-weight: 600;
    margin: 0 0 62px;
    color: #000;
}

.services-wrapper {
    width: 100%;
    float: left;
    padding:30px 0; 
}

.services-wrapper .extra-head {
    text-align: center;
    font-size: 18px;
}
.extra-head {
    font-size: 1.5em;
}
.extra-head {
    line-height: 35px;
    margin: 0 0 10px;
    font-family: Niconne,cursive;
    color: #e82d6c;
}

.services-wrapper .h6 {
    text-align: center;
    font-size: 3em;
    font-weight: 600;
    margin: 0 0 62px;
    color: #000;
}

.beautypress-top-nav li {position: relative;    padding-left: 10px;
    padding-right: 10px;    height: 190px; cursor:pointer;
 width:20%;    background-color: #fff; text-align: center;
    margin-right: -1px;    min-height: 1px;
    float: left;     border-width: 1px;    border-style: solid;     border-color: #dddddd; }
 
.beautypress-top-nav li.active  {
    position: relative;  border: none;
    background-color: #EC5598;
}


.beautypress-top-nav li.active:after {
    position: absolute;
    content: "";
    bottom: -24px;
    margin-left: -15px;
    left: 50%;
    width: 30px;
    height: 30px;
    border-top: 18px solid #EC5598;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
}

.beautypress-top-nav li.active    i:before {
    color: #fff;
}

.beautypress-top-nav li.active  {
    color: #fff!important;
}

.beautypress-tab .beautypress-side-nav {
    background-color: #fff; margin-top:40px; 
    box-shadow: 0 8px 21px 0 rgba(0, 0, 0, .1)
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;  
    cursor: default;
    background-color: inherit;
    border: none;
    border-bottom-color: transparent;
}

.icon-cell  [class^="flaticon-"]:before {
    font-family: Flaticon;
    font-size: 55px;
    font-style: normal;
}
	
	 
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: none
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: inherit
}

.beautypress-tab .beautypress-side-nav {
    padding: 30px 20px 30px 0;
    border: 0;
    display: block;
    width: 100%; margin: 52px 30px 0 0; float:left;
  
}

.beautypress-tab .beautypress-side-nav li {
    display: block;
    width: 100%;
    margin: 16px 0 0 30px
}

.beautypress-tab .beautypress-side-nav li:last-child {
    border-bottom: 0;
    margin: 16px 0 0 30px;
    padding: 0
}

.beautypress-tab .beautypress-side-nav li:last-child a {
    padding: 0
}

.beautypress-tab .beautypress-side-nav li:last-child a:after {
    display: none
}

.beautypress-tab .beautypress-side-nav li a {
    display: block;
    width: 100%;
    color: #777;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 16px;
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    padding: 0 0 16px
}

.beautypress-tab .beautypress-side-nav li a:hover,
.beautypress-tab .beautypress-side-nav li.active a {
    color: #EC5598
}

.beautypress-tab .beautypress-side-nav li a:before {
    position: absolute;
    content: "";
    left: -30px;
    top: 50%;
    height: 0;
    width: 4px;
    background-color: #EC5598;
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.beautypress-tab .beautypress-side-nav li a:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    border-bottom: 1px dashed #C3C3C3;
    width: calc(100% - 40px)
}

.beautypress-tab .beautypress-side-nav li a:hover:before,
.beautypress-tab .beautypress-side-nav li.active a:before {
    height: calc(100% + 10px)
}



 .tab-content{
    float: left;
    width: 100%;
    margin-top: 52px;
}
 
 
.beautypress-tab .beautypress-spilit-container {
    display: block;
    height: 100%;
    float: left;
    width: 100%;

    background-color: #fff;
    box-shadow: 0 4px 17px 2px rgba(0,0,0,.3);
    height: 100%;
}

.tab-content > .active {
    display: block;
}


.beautypress-tab-image{
    float: left;
}

.beautypress-tab .xs-btn {
    margin-top: 21px;}

	
.beautypress-tab .beautypress-tab-text-content .tab-heading  {
    margin:21px 0 20px;
    color: #444;
    font-size: 19px;
    line-height: 32px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: sans-serif;
}



.beautypress-tab  img  {

    width: 96%;
}


 .beautypress-tab  p {
    padding: 0 16px;
    text-align: justify;
    line-height: 23px;
    font-size: 14px;
}

 


/*-------call button-------*/
.beautypress-bg { background-color:#f2f2f2; float:left; width:100%;
    background-size: cover; background-image: url(../images/slider.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.beautypress-call-to-action-content {
    text-align: center;
    padding:40px 0 80px;
}

.beautypress-content-headinig {
    margin: 0 0 30px;
}


.beautypress-content-headinig .h2 {
    margin: 60px 0 20px;
    color: #fff;
    font-size: 3.571em;
    text-shadow: 3px 1px 12px #d01f1f;
}

.beautypress-content-headinig .h3{
    color: #000;
}






/*------footer---------*/

.site-footer {
    width: 100%;
    float: left; 
    background-color: #1b1b1b;
    color: #999;
    padding: 50px 0 0;
    position: relative;
  
}


.widget .widget-title{
    font-size: 18px;
    color: #fff;
}

.site-footer p {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 21px;
    color: #fff;
    text-align: justify;
    padding-right: 12px;
}


.site-footer .widget ul {
    list-style: none;
    margin-top: 5px;
}

 .widget_services ul li {
    padding-bottom: 18px;
    margin-bottom: 13px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    padding: 10px 10px 10px 15px;
    margin-bottom: 0;
    line-height: 20px;
}

 .widget_services ul li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
    font-family: "FontAwesome";
}

  .site-footer  .widget_services ul li a {
    color: #999;
}



 .site-footer  .widget_services ul li a:hover{
    color: #EC5598;
}



.footer-bottom { width: 100%; float:left;
    padding:20px 0px 0px 0px;    background-color: #1B1B1B;;
    color: #787878;
    font-size: 13px;  
}
 

 
.constrot-strip { background-image: url(../images/footer-strip-pink.png);
    position: relative;
    height: 35px;
    width: 100%;
   
    background-repeat: repeat-x;
    background-position: center top;
}


.wt-footer-bot-left {
    float: left;
    width: 100%;
    padding: 24px 0 20px;
    text-align: center;
	}

	
	
	.form-control {
    border-radius: 0;
    box-shadow: 0 0 1px 1px #3c3839;
    height: 45px;
    background: #0a0a0a;
    border-color: #0a0a0a;
}


.wt-footer-bot-left p{
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin: 0;
    padding: 0;
}


.wt-footer-bot-left a{
    color:#f70f6c;
}

 .xs-btn {
    display: inline-block
}
 
 
.xs-btn {
    padding: 15px 36px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    background: #e82a6a;
    border-radius: 25px;
    color: #fff!important;
    transition: .4s ease-in-out;
    z-index: 2;
    font-weight: 600;
    border: none
}

.xs-btn span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: #EC5598;
    -webkit-transition: width .4s ease-in-out, height .4s ease-in-out;
    transition: width .4s ease-in-out, height .4s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1
}

.beautypress-btn.round-btn,
.xs-btn.round-btn {
    border-radius: 25px
}

.xs-btn:hover span {
    width: 335%; color:#fff;
    height: 562.5px
}

.xbtn {
    top: 226.33px;
    left: 98.36px
}

 .section-head p{
    text-align: justify;
    line-height: 26px;
}


.footer-detail {
    padding: 0 0 30px;
    margin: 0 0 30px;
    border-bottom: 1px solid #2d2d2d;
	float: left;
    width: 100%;
}

.footer-details {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 90px calc(100% - 90px);
    grid-template-columns: 90px calc(100% - 90px);
}



.details-icon {
    box-shadow: 2px 3.464px 8px 0px rgba(0, 0, 0, 0.4);
      height: 70px;
    width: 70px;
    border-radius: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color:#fff;   background-color:#6A1B9A!important;
    font-size: 2.143em;
    position: relative;
    z-index: 9;
    margin: 0 20px 0 0;
}
 

 .details-icon  i {
    color: #fff;
}

.beautypress-footer-details-text .h5 {
    margin: 0 0 10px;
    font-size: 1.429em;
    font-weight: 400;
    text-transform: capitalize;
    color: #fbd417;
}






/*---------------about page---------*/
.page-title {background-image:url(../images/about-title-bg.jpg);  float:left; width:100%;
    position: relative;
    padding:70px 0px 70px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: #ffffff; 
}

.page-title:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.30);
    z-index: 0;
}

.page-title .page-name {
    position: relative;
    margin-bottom: 10px;
}

.page-title .page-name h3 {
    position: relative;
    font-size: 32px;
    text-transform: uppercase;
    display: inline-block;
    padding: 16px 50px;
    color: #ffffff;
    overflow: hidden;
}

.page-title .page-name h3:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background:rgba(212, 24, 102,0.75);
    z-index: 0;
    transform: skewX(-40deg);
    -webkit-transform: skewX(-40deg);
    -ms-transform: skewX(-40deg);
    -o-transform: skewX(-40deg);
    -moz-transform: skewX(-40deg);
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}

.page-title .page-name h3 span {
    position: relative;
    z-index: 2;
}

.tom {font-size: 33px;}

.tom2 {font-size: 33px;}

.page-title .bread-crumb a, .page-title .bread-crumb .fa {
    position: relative;
    font-size: 14px;
    color: #ffffff;
    margin-right: 10px;
    display: inline-block;
}

.page-title .bread-crumb a, .page-title .bread-crumb .fa {
    position: relative;
    font-size: 14px;
    color: #ffffff;
    margin-right: 10px;
    display: inline-block;
}



#wcu {float:left; width:100%;
    background: #f7f7f7;
    position: relative;
}


 .wc1  {
    padding: 0;
}

#wcu h2 {
    margin-bottom: 20px;

    font-size: 40px;
    font-weight: 500;
 
    float: left;
    width: 100%;
    margin: 30px 10px 20px;
}


#wcu p{
    color: #504e4e;
    padding: 0 14px;
    font-weight: normal;
}

#wcu h6{
    float: left;
    padding: 0 14px;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
    width: 100%;
}


.fr-section  li {    width: 50%;
    position: relative;
    float: left;
    padding:10px 10px 5px 30px;
    background: url(../images/list-image-1.png) left center no-repeat;
    margin-bottom: 0px;
    min-width: 25%;
}











/*** 
=============================================
    Gallery Area style
=============================================
***/

.overlay-box{
    background-color: rgba(253,199,22, .85);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;	
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 450ms ease-out 0s;
    transition: all 450ms ease-out 0s;
    -webkit-transform: rotateY(180deg) scale(0.5,0.5);
    transform: rotateY(180deg) scale(0.5,0.5);    
}


.overlay-style-two{
    position: absolute;
    left: 0px;
    bottom: -85%;
    width: 100%;
    height: 100%;
    display: block;
    vertical-align: middle;
    color: #ffffff;
    text-align: center;
    background: rgba(0, 0, 0, 0.80);
    opacity: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}





.gallery-area {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50px;
    padding-top:50px;
    position: relative;
    z-index: 1;  
float: left;
    width: 100%;	
}
.gallery-area::before {
    background: rgba(54, 54, 54, 0.97) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.gallery-area .sec-title h1{
    color: #ffffff;
}
.gallery-area .sec-title p {
    color: #dedede;
}
.gallery-area .single-gallery-item{
    margin-bottom: 30px;    
}
.gallery-area .single-gallery-item .img-holder{
    position: relative;
    overflow: hidden;
    display: block;
}
.gallery-area .single-gallery-item .img-holder img{
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;    
}
.gallery-area .single-gallery-item:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.gallery-area .single-gallery-item .img-holder .top-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
}
.gallery-area .single-gallery-item:hover .img-holder .top-overlay .overlay-box{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);    
}
.gallery-area .single-gallery-item .img-holder .top-overlay .overlay-box .box .content a i {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    display: inline-block;
    line-height: 40px;
    border-radius: 3px;
    transition: all 500ms ease;
}
.gallery-area .single-gallery-item .img-holder .top-overlay .overlay-box .box .content a:hover i{
    background: #0065bd;
}

.gallery-area .single-gallery-item .img-holder .bottom-overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;    
}
.gallery-area .single-gallery-item .img-holder .bottom-overlay .overlay-style-two {
    background: #fff;
    bottom: -100%;
    opacity: 1;
}
.gallery-area .single-gallery-item:hover .img-holder .bottom-overlay .overlay-style-two{
	bottom:0px;
	opacity:1;	
}
.gallery-area .single-gallery-item .img-holder .bottom-overlay .overlay-style-two .box .content {
    color: #444444;
    padding-top: 5px;
    padding-left: 30px;
    padding-right: 30px;
}
.gallery-area .single-gallery-item .img-holder .bottom-overlay .overlay-style-two .box .content .title{
    text-align: left;
}
.gallery-area .single-gallery-item .img-holder .bottom-overlay .overlay-style-two .box .content .title h5{
    color: #444444;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.gallery-area .single-gallery-item .img-holder .bottom-overlay .overlay-style-two .box .content .title p {
    color: #777777;
    font-size: 13px;
    margin: 0;
    line-height: 20px;
}
.gallery-area .single-gallery-item .img-holder .bottom-overlay .overlay-style-two .box .content .see-project a i {
    border: 1px solid #777777;
    height: 45px;
    width: 45px;
    display: block;
    color: #333;
    font-size: 15px;
    border-radius: 50%;
    line-height: 43px;
    position: relative;
    top: -3px;
    transition: all 500ms ease;
}
.gallery-area .single-gallery-item .img-holder .bottom-overlay .overlay-style-two .box .content .see-project a:hover i{
    background: #ffd526;
    border-color: #ffd526;
    color: #fff;
}

.gallery-area .more-project {
    padding-top: 20px;
}
.gallery-area .more-project a {
    padding: 10px 45px 5px;
}

   

/*** 
=============================================
    Gallery area.gallery-page area style
=============================================
***/
.gallery-area.gallery-page { }
.gallery-area.gallery-page::before {
    background: rgba(255, 255, 255, 0.99) none repeat scroll 0 0;
}
.gallery-area.gallery-page .single-gallery-item .img-holder .top-overlay .overlay-box{
    background-color: rgba(0, 101, 189, .70);   
}
.gallery-area.gallery-page .single-gallery-item .img-holder .bottom-overlay .overlay-style-two{
    background-color: rgba(0, 101, 189, .90);    
}
.gallery-area.gallery-page .single-gallery-item .img-holder .bottom-overlay .overlay-style-two .box .content .title h5 {
    color: #ffffff;
}
.gallery-area.gallery-page .single-gallery-item .img-holder .bottom-overlay .overlay-style-two .box .content .title p {
    color: #ffffff;
}
.gallery-area.gallery-page .single-gallery-item .img-holder .bottom-overlay .overlay-style-two .box .content .see-project a i {
    border: 1px solid #fff;
    color: #fff;
}
.gallery-area.gallery-page .post-pagination {
    margin-top: 30px;
}


 
 
 
 
 
 
 
 
 
 
 
 
 
 .single-page-head {
    margin-bottom: 30px;
}
.single-services-page p {
    color: #666;
    margin-bottom: 0px;
    font-size: 15px;
    letter-spacing: 0.5px;
}
.left-menu li:first-child {
    margin: 0px 0px 2px
}
.left-contact h4 {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.left-menu li {
    display: block;
}
.build-img .page-img {
    padding-bottom: 0;
}
.left-menu ul li.active a {
       background: #d01864 none repeat scroll 0 0;
    color: #ffffff;
}
.left-menu ul li a:hover {
       background: #d01864;
    color: #ffffff;
}
.left-menu ul li a {
      background: #eaeaea;
    color: #070706;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding:10px 30px 10px 18px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 21px;
    font-family: monospace;
}
.left-menu ul li.active a::after, .left-menu ul li a:hover::after {
    content: "\f178";
    font-family:FontAwesome;
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 15px;
}


.section-full.white {
    background: #fff;
}


.pop {
    position: fixed;
    right: 0px;
    margin-bottom: 40px;
    bottom: 28px;
    z-index: 10000;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: example;
}

@keyframes example{0%{bottom:28px;right:0;}
50%{bottom:48px;right:0;}
100%{bottom:28px;right:0;}
}










.services-wrapper {
    width: 100%;
    background: #e0548d;
    float: left;
    padding:40px 0;
}

.services-wrapper .extra-head {
    text-align: center;
    font-size: 18px;     color: #fff;
}
.extra-head {
    font-size: 1.5em;
}
.extra-head {
    line-height: 35px;
    margin: 0 0 10px;
    font-family: Niconne,cursive;
    color: #e82d6c;
}

.services-wrapper .h6 {
    text-align: center;
    font-size: 3em;
    font-weight: 600;
    margin: 0 0 62px;
    color: #000;
}



 
 .beautypress-top-nav li {position: relative;    padding-left: 10px;
    padding-right: 10px;    height: 190px; cursor:pointer;
 width:20%;    background-color: #fff; text-align: center;
    margin-right: -1px;    min-height: 1px;
    float: left;     border-width: 1px;    border-style: solid;     border-color: #dddddd;
 
 
 
 }
 
 .pd1 { padding:0 0 0 5px;}
 .pd2 { padding:0 5px 0 0;}
 
 .m-b5 { cursor:pointer;
    margin-bottom: 5px;     display: inline-block;
    text-align: center;     width: 80px;
}




.beautypress-border.beautypress-version-3, .beautypress-border.beautypress-version-3:after, .beautypress-border.beautypress-version-3:before {
    border-color: #fff;
}
.beautypress-border.beautypress-version-3 {
    position: relative;
    border-right: 0;
}
.beautypress-booking-text {
    height: 100%;
    padding: 55px 0 55px 50px;
    width: calc(100% + 30px);
}
.beautypress-border {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    border: 10px solid #222;
    z-index: 1;
}
.beautypress-booking-text .h2 {
      margin: 0 0 28px;
    color: #ffffff;
    font-weight: 800;
    text-transform: capitalize;
    font-size: 26px;
}

.beautypress-booking-text .h3 {
    margin: 0 0 40px;
    font-size:1.8em;
    font-weight: 600;
    text-transform: capitalize;
    color: #222;
}

.beautypress-icon-bg-text {
    position: relative;
    padding: 0 0 40px;
}


.beautypress-icon-bg-text:before {
    position: absolute;
    content: "\f017";
    top: -21px;
    left: 0;
    height: 100%;
    width: 100%;
    font-family: FontAwesome;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    color: red;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10em;
    z-index: -1;
}


.beautypress-icon-bg-text p {
    line-height: 1.875; color: #fff;
}


.beautypress-booking-text ul li {
    font-size: 1.143em;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 18px;
    line-height: 1;
}

.beautypress-booking-text ul li:last-child {
    margin: 0;
    color: #ff0;
}






#appoinment {  float:left; width:100%;
    padding: 80px 0; background: #e0548d;
}

.opening-hours {
    color: #000;
    margin-top: 50px;
    padding: 70px 80px;
    border: 5px solid rgba(255, 255, 255, .2);
    border-right: 0;
    float: left;
    width: 50%;
}


.opening-hours h3 {
    margin-bottom: 20px;
    color: #000;
}
.opening-hours h3 {
    font-size: 36px;
    font-weight: 500;
}

.opening-hours p {
    margin-bottom: 20px;
color:#000;
    font-size: 16px;
}


.appoinment-wrapper {
    border-radius: 10px;
    background: #fff;
    padding: 50px;
    float: left;
    width:100%;     margin-top: 23px;
}


.appoinment-wrapper .input {
    background: #f7f7f7;
    margin-bottom: 25px;
}

.touch{
    font-weight: bold;
    font-size: 27px;
    margin: 0;
    padding: 0 0 23px;
    text-transform: uppercase;
    color: #d41866;
}

.beautypress-border.beautypress-version-3:after, .beautypress-border.beautypress-version-3:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 43px;
    width: 43px;
    border-right: 10px solid #ffffff;
}
.beautypress-border.beautypress-version-3, .beautypress-border.beautypress-version-3:after, .beautypress-border.beautypress-version-3:before {
    border-color: #eaae1e;
}
 .beautypress-border.beautypress-version-3:after {
    top: initial;
    bottom: 0;
}



 


/* Button Style */

.boxed-btn {
    display: inline-block;
    color: #fff;
    border-radius: 23px;
    padding: 11px 34px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.boxed-btn:before,
.boxed-btn:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    border-radius: 0;
    z-index: -1;
    height: 100%;
    background: #fff;
    will-change: transform;
    -webkit-transform: skew(-45deg) scaleX(0);
    transform: skew(-45deg) scaleX(0);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.boxed-btn:before {
    right: 75%;
    margin-right: -1px;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.boxed-btn:after {
    width: 70%;
    left: 75%;
    margin-left: -1px;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}

.boxed-btn:hover {
    box-shadow: 0px 16px 35px 0px rgba(0, 0, 0, 0.2);
    z-index: 2;
  }

.boxed-btn:hover:before,
.boxed-btn:hover:after {
    -webkit-transform: skew(-45deg) scaleX(1.5);
    transform: skew(-45deg) scaleX(1.5);
}

.boxed-btn:hover {
    box-shadow: 0px 16px 35px 0px rgba(0, 0, 0, 0.2);
    z-index: 2;
}
.beautician-footer-text h5, .boxed-btn:hover {
    color: #ec5598 !important;
}
.boxed-btn{
    background: #ec5598; border-color:#ec5598;
}


/* Input Style */

.appoint .input {
    position: relative;
    z-index: 1;
    display: inline-block;
    max-width: 100%;
    width: 100%;
    vertical-align: top;
}

.input__field {
    position: relative;
    display: block;
    float: right;
    padding: 15px 15px;
    width: 100%;
    border: none;
    border-radius: 0;
    background: #f00;
    color: #aaa;
}

.input__field:focus {
    outline: none;
}

.input__label {
    display: inline-block;
    float: right;
    padding: 0 1em;
    width: 40%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input__label-content {
    position: relative;
    display: block;
    padding: 0.6em 0;
    width: 100%;
}

.graphic {
    position: absolute;
    top: 0;
    left: 0;
    fill: none;
}

 
.input__field--hantus {
    width: 100%;
    background: transparent;
    color: #2c3145;
}

.input__label--hantus {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #2c3145;
    cursor: text;
}

.input__label-content--hantus {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.graphic--hantus {
    -webkit-transform: scale3d(1, -1, 1);
    transform: scale3d(1, -1, 1);
    -webkit-transition: stroke-dashoffset 0.3s;
    transition: stroke-dashoffset 0.3s;
    pointer-events: none;
    stroke: #d9d9d9;
    stroke-width: 4px;
    stroke-dasharray: 962;
    stroke-dashoffset: 558;
}

.textarea .graphic--hantus {
    stroke-width: 2px;
}

.input__field--hantus:focus+.input__label--hantus,
.input--filled .input__label--hantus {
    cursor: default;
    pointer-events: none;
}

.input__field--hantus:focus+.input__label--hantus .graphic--hantus,
.input--filled .graphic--hantus {
    stroke-dashoffset: 0;   stroke:#d11965;
}

.input__field--hantus:focus+.input__label--hantus .input__label-content--hantus,
.input--filled .input__label-content--hantus {
    -webkit-transform: scale3d(0.81, 0.81, 1) translateY(-50px);
            transform: scale3d(0.81, 0.81, 1) translateY(-50px);
}