:root{
	--rosegold: #df8d91;
	--light-rosegold: #e9b1b4;
	--rose-grad: var(--rosegold) 0%, var(--light-rosegold) 33.8%, #fff 67.2%, var(--rosegold) 100%;
}

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

@font-face {
    font-family: 'latolight';
    src: url('fonts/lato/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('fonts/lato/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/lato/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/lato/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('fonts/lato/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'lato';
    src: url('fonts/lato/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/lato/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/lato/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/lato/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'latoblack';
    src: url('fonts/lato/Lato-Black.eot'); /* IE9 Compat Modes */
    src: url('fonts/lato/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/lato/Lato-Black.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/lato/Lato-Black.woff') format('woff'), /* Modern Browsers */
         url('fonts/lato/Lato-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family:'birds';
    src: url('fonts/birds-of-paradise/birds_of_paradise.woff') format('woff'), /* Modern Browsers */
         url('fonts/birds-of-paradise/birds_of_paradise.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/birds-of-paradise/birds_of_paradise.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body{
	font-family:'lato';
}

::selection{
}

i{font-style:normal;}

ul, li{
	list-style-type:none;
}

p{
	letter-spacing:1px;
	font-size:14px;
	line-height:22px;
	color:#2B2B2B;
}

a{
	text-decoration:none;
}

img{
	width:100%;
	display:block;
}

.fullwidth{
	width:100%;
	float:left;
}

.padding{
	padding:50px 0;
}

.min-width{
	width:80%;
	float:left;
	margin:0 10%;
}

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

.white{
	color:#fff !important;
}

.relative{
	position:relative;
}

.header{
	position:fixed;
	z-index:999;
	padding:20px 30px;
	transition:all 300ms ease-in-out;
}

.header *{
	transition:all 300ms ease-in-out;
}

.header .top-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 50px;
}

.header .logo{
	width:250px;
	float:left;
	transition:all 300ms ease-in-out;
}

.header .logo a{
	font-size: 28px;
	color: #fff;
	text-transform: uppercase;
}

.header .menu-secondary{
	display: flex;
	gap: 10px;
}

.header .menu-secondary li a{
	display: flex;
	gap: 5px;
	padding: 10px 15px;
	background-color: rgb(255 255 255 / 32%);
	backdrop-filter: brightness(1.2);
	color: #000;
	border-radius: 50px;
}

.header .menu-secondary li a:hover{
	background-color: var(--light-rosegold);
}

.header .top-media{
	float:right;
	padding-right:8%;
}

.top-media ul{
	float:right;
	padding:0;
}

.top-media ul li, .navi-social dd{
	display:inline-block;
	vertical-align:top;
}

.top-media ul li a, .navi-social dd a{
	display:block;
	color:#fff;
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	border-radius:3px;
	border:1px solid #CDCDCD;
	width:40px;
	height:40px;
	line-height:40px;
	font-size:18px;
	text-align:center;
	transition:all 300ms ease-in-out;
}

.top-media ul li a:hover, .navi-social dd a:hover{
	color:var(--rosegold);
	border-color:var(--rosegold);
}

.top-media ul li i, .navi-social dd i{
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.menuBtn{
	width:36px;
	height:30px;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-15px;
	overflow:hidden;
	cursor:pointer;
	transition:all 600ms;
}

.menuBtn span{
	width:100%;
	height:4px;
	float:left;
	background:#fff;
	position:absolute;
	left:0;
	transition:all 600ms linear;
}

.menuBtn .menu-line1{
	top:0;
}

.menuBtn .menu-line2{
	top:50%;
	margin-top:-2px;
}

.menuBtn .menu-line3{
	bottom:0;
}

.menuBtn.closeMenuBtn{
	position:absolute;
	right:400px;
}

.menuBtn.closeMenuBtn span{
	background:var(--rosegold);
}

.menuBtn.closeMenuBtn .menu-line1{
	-webkit-transform:rotate(45deg) translate(9px,9px);
	-o-transform:rotate(45deg) translate(9px,9px);
	-moz-transform:rotate(45deg) translate(9px,9px);
	-ms-transform:rotate(45deg) translate(9px,9px);
	transform:rotate(45deg) translate(9px,9px);
}

.menuBtn.closeMenuBtn .menu-line2{
	opacity:0;
}

.menuBtn.closeMenuBtn .menu-line3{
	-webkit-transform:rotate(-45deg) translate(9px,-9px);
	-o-transform:rotate(-45deg) translate(9px,-9px);
	-moz-transform:rotate(-45deg) translate(9px,-9px);
	-ms-transform:rotate(-45deg) translate(9px,-9px);
	transform:rotate(-45deg) translate(9px,-9px);
}

.header.fixed{
	background:linear-gradient(45deg,var(--rose-grad));
	padding:0px 30px;
}

.header.fixed .logo{
	width: 50px;
	height: 50px;
	overflow: hidden;
}

.header.fixed .logo img{
	width: 154px;
	height: 50px;
	object-fit: cover;
}

.header.fixed .top-media{
	padding-top:4px;
}

.header.fixed .top-media ul li a{
	width:30px;
	height:30px;
	line-height:30px;
	font-size:16px;
}

.navi-overlay{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:998;
	background:rgb(223 141 145 / 44%);
	display:none;
}

.navi{
	background:#000;
	width:400px;
	padding:100px 0 0;
	position:fixed;
	right:-100%;
	top:0;
	bottom:0;
	z-index:999;
	-webkit-transition:all 800ms linear;
	-o-transition:all 800ms linear;
	-ms-transition:all 800ms linear;
	-moz-transition:all 800ms linear;
	transition:all 800ms linear;
}

.navi ul li{
	width:100%;
	float:left;
	padding:0 30px;
	position:relative;
}

.navi ul li a{
	color:#bfbfbf;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	padding:14px 10px 10px;
	font-family:'latoblack';
	-webkit-transition:all 300ms;
	-o-transition:all 300ms;
	-ms-transition:all 300ms;
	-moz-transition:all 300ms;
	transition:all 300ms;
}

.navi ul li:hover > a{
	color:var(--rosegold);
}

.navi ul li .dropdown{
	position:absolute;
	right:150%;
	top:0;
	width:350px;
	background:#000;
	visibility:hidden;
	opacity:0;
	-webkit-transition:all 300ms;
	-o-transition:all 300ms;
	-ms-transition:all 300ms;
	-moz-transition:all 300ms;
	transition:all 300ms;
}

.navi ul li:hover .dropdown{
	right:100%;
	visibility:visible;
	opacity:1;
}

.navi ul li .dropdown ul li{
	padding:0 0 0 30px;
	border-right:4px solid transparent;
}

.navi ul li .dropdown ul li:hover{
	border-right:4px solid var(--rosegold);
}

.navi-social{
	width:100%;
	float:left;
	padding:0 20px;
	text-align:center;
	position:absolute;
	bottom:50px;
}

.navi-social dd{
	margin:0 10px;
}

.navi-social dd a{
	font-size:16px;
	width:35px;
	height:35px;
	line-height:35px;
}

.navi.show{
	right:0;
}

.banner{
	overflow:hidden;
}

.banner .controls{
	position:absolute;
	width:100px;
	height:100px;
	top:50%;
	margin-top:-50px;
	border:2px solid #fff;
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	z-index:99;
	opacity:0.6;
	-webkit-transition:all 300ms;
	-o-transition:all 300ms;
	-ms-transition:all 300ms;
	-moz-transition:all 300ms;
	transition:all 300ms;
	cursor:pointer;
}

.banner .controls:hover{
	opacity:1;
}

.banner .controls:before{
	position:absolute;
	top:50%;
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	color:#fff;
	font-size:24px;
	background-size:100%;
	background:no-repeat center;
	width:40px;
	height:40px;
}

#prev{
	left:-50px;
}

#prev:before{
	content:'';
	background-image:url(images/arrow-left.png);
	background-size:100%;
	right:8px;
	top:10%;
}

#next{
	right:-50px;
}

#next:before{
	content:'';
	background-image:url(images/arrow-right.png);
	background-size:100%;
	left:9px;
}

.slider-tag{
	position:absolute;
	bottom:10%;
	left:10%;
	width:50%;
	color:#fff;
}

.slider-tag h1{
	font:100 55px 'latolight';
	margin:40px 0 15px;
	width:100%;
	float:left;
	font-weight:100;
	text-transform:uppercase;
	color:var(--rosegold);
}

.slider-tag h1 span{
	font-weight:600;
	font-family:'latoblack';
	color:#fff;
}

.slider-tag .read-more{
	margin:30px 0 0;
}

.read-more{
	display:table;
	margin:30px 0 0;
}

.read-more a{
	display:block;
	text-transform:uppercase;
	font-size:16px;
	padding:15px 20px 10px;
	color:#000;
	background:#fff;
	letter-spacing:1px;
	-webkit-transition:all 300ms;
	-o-transition:all 300ms;
	-ms-transition:all 300ms;
	-moz-transition:all 300ms;
	transition:all 300ms;
}

.read-more a:hover{
	background:var(--rosegold);
	color:#fff;
}


.hm-hairSalon-container{
	width:66.6666%;
	float:left;
}

.hm-salonBox > div{
	width:50%;
	float:left;
	height:400px;
	overflow:hidden;
	background:#fff;
}

.hm-salonBox .hm-salonImg{
}

.hm-salonBox #salonImg1{
	background:url(images/bride.jpg) center no-repeat;
	background-size:cover;
}

.hm-salonBox #salonImg2{
	background:url(images/beauty2.jpg) center no-repeat;
	background-size:cover;
}

.hm-salonBox #salonImg3{
	background:url(images/beauty3.jpg) center no-repeat;
	background-size:cover;
}

.hm-salonBox .hm-salonImg a{
	float:left;
	display:block;
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
}

.hm-salonBox .hm-salonImg a:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.80);
	z-index:-1;
	opacity:0;
	-webkit-transition:all 300ms;
	-o-transition:all 300ms;
	-ms-transition:all 300ms;
	-moz-transition:all 300ms;
	transition:all 300ms;
}

.hm-salonBox .hm-salonImg a:hover:before{
	opacity:1;
}

.hm-salonBox .hm-salonImg a .bookNow{
	position:absolute;
	left:50%;
	top:-20%;
	margin:-44px 0 0 -70px;
	text-transform:uppercase;
	font-size:16px;
	padding:15px 20px 10px;
	color:#000;
	background:#fff;
	letter-spacing:1px;
	-webkit-transition:all 500ms;
	-o-transition:all 500ms;
	-ms-transition:all 500ms;
	-moz-transition:all 500ms;
	transition:all 500ms;
	z-index:2;
	opacity:0;
}

.hm-salonBox .hm-salonImg a .bookNow:hover{
	background:var(--rosegold);
	color:#fff;
}

.hm-salonBox .hm-salonImg a:hover .bookNow, .hm-salonBox .hm-salonImg a:hover .bookNow.explore{
	opacity:1;
	top:50%;
}

.hm-salonBox .hm-salonImg a .bookNow.explore{
	width:140px;
	top:120%;
	text-align:center;
	background:var(--rosegold);
	color:#fff;
	margin:22px 0 0 -70px;
}

.hm-salonBox .hm-salonImg a .bookNow.explore:hover{
	background:#fff;
	color:#000;
}

.hm-salonBox .hm-salonImg.rightImg{
	float:right;
}

.hm-salonBox .hm-salonText{
	padding:20px;
	text-transform:uppercase;
}

.hm-salonBox .hm-salonText .hm-innerSalonText{
	width:100%;
	float:left;
	padding:80px 30px 0 30px;
}

.hm-salonBox .hm-salonText p{
	line-height:normal;
}

.title-h1{
	font-size:50px;
	font-weight:700;
	font-family:'latoblack';
	letter-spacing:2px;
}

.title-h2{
	font-size:36px;
	font-family:'latoblack';
	letter-spacing:3px;
}

.title-h3{
	font-size:30px;
	font-family:'latoblack';
	letter-spacing:2px;
}

.title-h4{
	font-size:24px;
	font-weight:700;
	font-family:'latoblack';
	line-height:38px;
	letter-spacing:2px;
}

.title-h5{
	font-size:19px;
	font-family:'latoblack';
}

.title-h6{
	font-size:16px;
	font-family:'latoblack';
}

.title-xlarge{
	font-size:80px;
	font-family:'latoblack';
	letter-spacing:3px;
}

.pink{
	color:var(--rosegold);
}

.light{
	font-family:'latolight';
}

.mx-auto{
	margin-left: auto;
	margin-right: auto;
}

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

hr{
	border:none;
	border-bottom:1px solid var(--rosegold);
	width:100px;
	margin-top:30px;
}

.hm-hairSalon-right-container{
	width:33.333334%;
	float:left;
}

.hm-hairSalon-right-container #salonImg4{
	width:100%;
	height:800px;
	background:url(images/beauty4.jpg) center no-repeat;
	background-size:cover;
}

.hm-hairSalon-right-container .hm-salonText{
	background:#1A1A1A;
	width:100%;
}

.hm-hairSalon-right-container .hm-salonText p{
	color:#fff;
}

/* ------featured grids */
#services-bg{
	background: radial-gradient(#eeabae,#dd7278);
	padding-bottom: 80px;
}
.servicesContainer{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.service-social{
	padding: 20px 0;
	border-radius: 40px;
	background-color: #fff;
	box-shadow: 0 1rem 3rem rgb(0 0 0 / 15%);
}

.service-social ul li{
	padding: 0 20px;
}

.service-social ul li a{
	display: block;
	text-align: center;
	padding: 20px 0;
	color: var(--rosegold);
	border-bottom: 1px solid rgb(0 0 0 / 15%);
	transition: all 300ms ease-in-out;
	position: relative;
	z-index: 1;
}

.service-social ul li:last-child a{
	border-bottom: none;
}

.service-social ul li:hover > a{
	color: #000;
}

.service-social ul li a span{
	position: absolute;
	padding: 7px 20px 7px 15px;
    background-color: #000;
    color: #ffffff;
    border-radius: 0 40px 40px 0;
    top: calc(50% - 14px);
    left: 250%;
    z-index: -1;
    font-size: 12px;
    height: 28px;
    text-transform: uppercase;
	transition: all 400ms ease-in-out;
	transform: perspective(600px) rotateY(90deg);
    transform-origin: left;
}

.service-social ul li:hover a span{
	transform: perspective(600px) rotateY(0deg);
}

.hm-featuresGrid{
	width: 650px;
	height: 650px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-rows: 1fr 1fr 1fr;
	position: relative;
	z-index: 1;
}

.hm-featuresGrid::before{
	content:'';
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	border-radius: 50%;
	background: radial-gradient(#565656,#000);
	box-shadow: 0 0 100px #ffc7ca;
	transform: scale(0.85);
	z-index: -1;
}

.hm-featuresGrid .gridbox{
	text-align: center;
	display: flex;
}

.hm-featuresGrid .gridbox.gridbox2{
	align-items: flex-start;
}

.hm-featuresGrid .gridbox.gridbox2,
.hm-featuresGrid .gridbox.gridbox8{
	justify-content: center;
}

.hm-featuresGrid .gridbox.gridbox6{
	justify-content: flex-end;
}

.hm-featuresGrid .gridbox.gridbox8{
	align-items: flex-end;
}

.hm-featuresGrid .gridbox.gridbox4,
.hm-featuresGrid .gridbox.gridbox6{
	align-items: center;
}

.hm-featuresGrid .gridbox.gridbox1,
.hm-featuresGrid .gridbox.gridbox3,
.hm-featuresGrid .gridbox.gridbox7,
.hm-featuresGrid .gridbox.gridbox9{
	align-items: center;
	justify-content: center;
}

.hm-featuresGrid .gridbox.gridbox1 section{
	margin: 70px 0 0 70px;
}

.hm-featuresGrid .gridbox.gridbox3 section{
	margin: 70px 70px 0 0;
}

.hm-featuresGrid .gridbox.gridbox7 section{
	margin: 0 0 70px 70px;
}

.hm-featuresGrid .gridbox.gridbox9 section{
	margin: 0 70px 70px 0;
}

.hm-featuresGrid .gridbox .emblem{
	/* transform: scale(0,0); */
	transition: all 1s linear;
	border-radius: 50%;
    box-shadow: 0px 6px 0 #de757b;
}

.hm-featuresGrid .gridbox .emblem.done{
	transform: scale(1,1);
}

.hm-featuresGrid .gridbox section{
	position: relative;
	z-index: 1;
}

.hm-featuresGrid .gridbox .img-fluid{
	overflow: auto;
}

.hm-featuresGrid .gridbox .img-fluid img, .hm-featuresGrid .gridbox .img-fluid svg{
	width: 100px;
	height: 100px;
	margin:0 auto;
	border-radius:50%;
	object-fit: cover;
	border: 2px solid var(--rosegold);
	background-color: #fff;
	padding: 10px;
}

.hm-featuresGrid .gridbox .img-fluid svg path{
	fill: var(--rosegold);
}

.hm-featuresGrid .gridbox section span{
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	color: #fff;
}
/* ------featured grids */


/*----------------------------------------Individuals start---------------------------*/
#individual-bg{
	background:url(images/beauty_salon_individual_bg.jpg) no-repeat center;
	background-size:cover;
}

.hm-individual-container{
	width:33.333%;
	float:left;
	margin:50px 0 0 50%;
}

.hm-title-container p{
	line-height:normal;
	text-transform:uppercase;
}

.hm-individualText p{
	font-size:16px;
	line-height:27px;
}

.hm-individualText .read-more a{
	border:1px solid #000;
}

.hm-individualText .read-more a:hover{
	border-color:var(--rosegold);
}
/*----------------------------------------Individuals end---------------------------*/


/*----------------------------------------why us start---------------------------*/
.whyUsBox{
	width:25%;
	height:332px;
	float:left;
	padding:40px 30px;
}

#whyUs-heading{
	background:#1A1A1A;
}

#whyUs1{
	background:#eaeaea;
}

#whyUs2{
	background:#e2e2e2;
}

#whyUs3{
	background:#dadada;
}

.whyUsBox .title-h1{
	text-align:right;
	margin-bottom:30px;
	color:#fff;
}

.whyUsBox .whyUsText{
	width:100%;
	float:left;
	margin-top:30px;
}
/*----------------------------------------why us end---------------------------*/


/*----------------------------------------offers start---------------------------*/
#offers-bg{
	background:url(images/beauty_salon_parallax_bg.jpg) top fixed no-repeat;
	background-size:cover;
	position:relative;
	z-index:1;
}

#offers-bg:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,0.47);
	z-index:-1;
}

.hm-offersContainer{
	padding:80px 0;
}

.hm-offersContainer .hm-offers{
	float:left;
	color:#fff;
	text-transform:uppercase;
	padding:20px 50px;
	margin-right:5%;
	position:relative;
}

.hm-offersContainer .hm-offers:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:60px;
	border:solid #fff;
	border-width:1px 0 1px 1px;
}

.hm-offersContainer .hm-offers:after{
	content:'';
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:60px;
	border:solid #fff;
	border-width:1px 1px 1px 0;
}

.hm-offersContainer .hm-offersText{
	text-transform:uppercase;
}
/*----------------------------------------offers end---------------------------*/


/*----------------------------------------services start---------------------------*/
.services-slide{
	width:100%;
	display: flex;
	position:relative;
}

.services-slide .instaBox{
	width:calc(100% - 100% / 3);
	height: 34vw;
	overflow: hidden;
	padding: 0 20px;
}

.services-slide .servicesTextContainer{
	width:calc(100% / 3);
	background:#000;
	color:#fff;
	z-index:1;
	padding:40px 30px;
}

.white-hr{
	border-color:#fff;
}

.services-slide .servicesTextContainer .title-h5{
	letter-spacing:4px;
}

.services-slide .servicesTextContainer .servicesText{
	width:100%;
	float:left;
	margin-top:30px;
}

.instaIcon{
	width: 100%;
	float: left;
	margin: 40px auto 0;
}

.instaIcon img{
	width: 200px;
	margin: 0 auto;
}


/*----------------------------------------services end---------------------------*/

.heading{
	display:table;
	margin:0 auto 30px;
	text-align:center;
}

.heading h1{
	position:relative;
	text-transform:uppercase;
	color:#000;
	letter-spacing:2px;
	font-weight:100;
	font-family:'latolight';
}


/*----------------------------------------testimonial start---------------------------*/
#testim-bg{
	background:#000;
}

.testim-slider{
	width:70%;
	float:left;
	margin:0 15%;
}

.testim-slider li{
	width:100%;
	float:left;
}

.testim-slider li .testim-text{
	width:100%;
	float:left;
	text-align:center;
	color:var(--rosegold);
}

.testim-slider li .testim-text p{
	color:#A8A8A8;
}

.testim-slider li .testim-text h4{
	text-transform:uppercase;
	margin-top:20px;
}

.testim-controls{
	margin-top:30px;
	text-align:center;
}

.testim-controls span{
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
	padding:5px;
	width:30px;
	border:1px solid #fff;
	cursor:pointer;
}

.testim-controls span:hover{
	background:var(--rosegold);
	border-color:var(--rosegold);
}
/*----------------------------------------testimonial end---------------------------*/


.hm-addressBox .title-h1{
	color:#000;
	margin-bottom:50px;
}

.hm-addressBox .title-h1 i{
	text-align:center;
	letter-spacing:normal;
	width:45px;
	height:45px;
	line-height:45px;
	font-size:24px;
	border:2px solid #000;
}

/*------footer---------*/
.footer{
}

.footer .social-links{
	padding:15px 30px;
	background:#1a1a1a;
}

.footer .social-links p{
	float:left;
	color:#fff;
	font-size:20px;
}

.footer .social-links ul{
	float:right;
}

.footer .social-links ul li{
	display:inline-block;
	vertical-align:middle;
	margin:0 10px;
}

.footer .social-links ul li a{
	color:#fff;
	font-size:18px;
	-webkit-transition:all 300ms;
	-o-transition:all 300ms;
	-ms-transition:all 300ms;
	-moz-transition:all 300ms;
	transition:all 300ms;
}

.footer .social-links ul li a:hover{
	color:var(--rosegold);
}

.form{
	padding-top:0px;
}

.form h2{
	color:#fff;
	display:table;
	margin-bottom:15px;
}

.form .fields{
	width:100%;
	float:left;
	margin:5px 0;
}

.form .fields input, .form .fields textarea{
	width:100%;
	padding:10px 0px;
	outline:none;
	border:none;
	border-bottom:1px solid #8E8E8E;
	background:none;
	color:#fff;
	resize:none;
	font:14px 'lato';
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    -ms-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
}

.form .fields input::placeholder, .form .fields textarea::placeholder{
	color:#fff;
}



.form .fields input[type=text]:focus, .form .fields textarea:focus{
	border-color:#fff;
}

.form .fields .send{
	width:130px;
    background: #009472;
    text-transform: uppercase;
    font-size:14px;
    padding:15px 20px 10px;
    color: #fff;
    letter-spacing: 1px;
    border-color: #fff;
    border-radius: 50px;
    border: 2px solid transparent;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    -ms-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
	cursor:pointer;
}

.form .fields .send:hover{
	background: none;
    border-color: #009472;
    color: #009472;
}

.bottom{
	width:100%;
	float:left;
	padding:5px 30px;
	background:#1a1a1a;
}

.bottom p{
	float:left;
	color:#fff;
	font-size:13px;
	padding:10px 0 0;
}

.bottom p span{
	text-transform:uppercase;
	color:var(--rosegold);
	font-size:14px;
}

.ecis{
	float:right;
	padding:5px 0;
}

.ecis img{
	width:25px;
	height:25px;
	display:inline-block;
	vertical-align:middle;
}

.ecis p{
	float:none;
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	padding:0;
}

.button-top{
	background:rgba(76, 76, 76, 0.32);
    position: fixed;
	cursor:pointer;
	right:10px;
    bottom:40px;
	color:#FFFFFF;
	font-size:20px;
	opacity:0;
	width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
	z-index:99;
}

.button-top i{
	margin-right:0;
}

.button-top:hover{
	background:#424242;
}
/*------footer---------*/


/*------inside page-------*/
.inside-title{
	position:absolute;
	left:10%;
	bottom:20%;
}

.inside-title h1{
	color:#fff;
	font:72px 'birds';
	margin-bottom:20px;
	letter-spacing:5px;
}

.breadcrumb li{
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	padding:0 5px;
}

.breadcrumb li a{
	color:var(--rosegold);
}

.smallContainer{
	width:50%;
	float:right;
}

.smallContainer .hm-title-container{
	margin-bottom:20px;
}

.text p{
	padding-bottom:10px;
}

.smallContainer .list{
}

.list li{
	position:relative;
	padding:4px 0px 4px 20px;
	letter-spacing:1px;
    font-size:14px;
    line-height:22px;
    color:#2B2B2B;
}

.list li:before{
	content:'';
	position:absolute;
	width:5px;
	height:5px;
	border:4px double var(--rosegold);
	background:#fff;
	left:0;
	top:8px;
	z-index:1;
}

.inside-socials{
	float:left;
	margin-top:20px;
}

.inside-socials ul li a{
	color:#3a3a3a;
	border-color:#3a3a3a;
	width:30px;
    height:30px;
    line-height:30px;
    font-size:16px;
}

#why-bg{
	background:#F1F1F1;
}

.icons{
	width:25%;
	float:left;
	padding:2%;
}

.icons .imgBox{
	width:70px;
	margin:0 auto 15px;
}

.icons .number{
	color:#292929;
}

.icons h2{
	color:var(--rosegold);
}

#process-bg{
	background:url(images/sky.jpg) fixed;
}

.processContainer{
	margin-top:30px;
	padding:0 5%;
	text-align:center;
}

.processContainer .processBox{
	width:25%;
	float:left;
	color:#fff;
}

.processContainer .processBox .imgBox{
	position:relative;
}

.processContainer .processBox .imgBox .processText{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.78);
	padding:20px;
	-webkit-transform:perspective(600px) rotateY(-90deg);
	-o-transform:perspective(600px) rotateY(-90deg);
	-moz-transform:perspective(600px) rotateY(-90deg);
	-ms-transform:perspective(600px) rotateY(-90deg);
	transform:perspective(600px) rotateY(-90deg);
    -webkit-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    transition: all 300ms linear;
	-webkit-transform-origin:left;
	-o-transform-origin:left;
	-moz-transform-origin:left;
	-ms-transform-origin:left;
	transform-origin:left;
}

.processContainer .processBox:hover .imgBox .processText{
	-webkit-transform:perspective(0px) rotateY(0deg);
	-o-transform:perspective(0px) rotateY(0deg);
	-ms-transform:perspective(0px) rotateY(0deg);
	-moz-transform:perspective(0px) rotateY(0deg);
	transform:perspective(0px) rotateY(0deg);
}

.processContainer .processBox .imgBox .processText:before{
	content:'';
	position:absolute;
	left:10px;
	right:10px;
	top:10px;
	bottom:10px;
	border:1px solid #5C5C5C;
}

.processContainer .processBox .imgBox .processText h4{
	padding:30px 0 15px;
	text-transform:uppercase;
	color:#e91e63;
	letter-spacing:1px;
}

.processContainer .processBox .imgBox .processText p{
	color:#fff;
	padding-bottom:10px;
}

.processContainer .processBox span{
	width:100%;
	float:left;
	padding:10px 10px;
	-webkit-transform:translateY(0);
	-o-transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	transform:translateY(0);
    -webkit-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    transition: all 300ms linear;
}

.processContainer .processBox:hover span{
	-webkit-transform:translateY(30px);
	-o-transform:translateY(30px);
	-ms-transform:translateY(30px);
	-moz-transform:translateY(30px);
	transform:translateY(30px);
	visibility:hidden;
	opacity:0;
}

.processContainer .read-more{
	display:inline-block;
}


#team-bg{
}

#team-bg .hm-title-container{
}

#team-bg .boxContainer{
	margin-top:80px;
}

.box{
	width:33.3333%;
	float:left;
	padding:0 2%;
}

.box .innerBox{
	width:100%;
	float:left;
	padding:20px;
	background:#e3e3e3;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    -ms-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
}

.box .innerBox *{
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    -ms-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
}

.box .innerBox:hover{
	background:#F1F1F1;
}

.box .innerBox .imgBox{
	width:100px;
	margin:-70px 0 20px;
}

.box .innerBox .imgBox img{
	border-radius:50%;
	padding:10px;
	background:#fff;
	border:4px solid #e3e3e3;
}

.box .innerBox:hover .imgBox img{
	border-color:#F1F1F1;
}

.box .innerBox h2{
	text-transform:uppercase;
	letter-spacing:2px;
	color:#414141;
}

.box .innerBox p{
	padding-bottom:10px;
}

.box .innerBox .list{
	margin-top:10px;
}

.box .innerBox .list .title-h5{
	font-family:'lato';
	color:var(--rosegold);
}

#vm-bg{
	background:#F1F1F1;
}

.vmBox{
	width:50%;
	float:left;
}

.vmText{
	padding:30px;
}
.ryt{
	float:right;
}

.vmText p{
	padding-bottom:10px;
}

.socialEmbed{
	width:33%;
	height:300px;
	float:left;
	text-align:center;
}

.subscribe{
	background:#1a1a1a;
	padding:10px;
	height:300px;
}

.subscribe .hm-title-container p{
	color:#fff;
}

.subscribe .hm-title-container i{
	font-size:46px;
	margin-bottom:20px;
}

.subscribe .hm-title-container{
	color:#fff;
}

.subscribeForm{
	margin-top:30px;
}

.subscribeForm input{
	width:88%;
	padding:10px 0;
	border:none;
	background:none;
	text-align:center;
	color:#fff;
	font-size:16px;
	outline:none;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
	transition:all 300ms ease;
}

.subscribeForm input[type=text]{
	border-bottom:1px solid #363636;
	margin-bottom:10px;
	text-align:left;
}

.subscribeForm input[type=text]:focus{
	border-bottom-color:#7F7F7F;
}

.subscribeForm .subscribeBtn{
	cursor:pointer;
	text-transform:uppercase;
	padding:15px 20px 10px;
	color:#000;
	background:#fff;
	letter-spacing:1px;
}

.subscribeForm .subscribeBtn:hover{
	background:var(--rosegold);
	color:#fff;
}
/*------inside page-------*/

#grey-bg{
	background:#F3F3F3;
}

.inside-wrapper .hm-title-container{
	margin-bottom:20px;
}

.serviceContainer{
	width:90%;
	margin:0 5%;
}

.serviceBox{
	width:25%;
	float:left;
	padding:1px;
}

.innerServiceBox{
	width:100%;
	float:left;
}

.innerServiceBox .imgBox img{
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
	transition:all 300ms ease;
}

.innerServiceBox .imgBox{
	overflow:hidden;
}

.innerServiceBox:hover .imgBox img{
	-webkit-transform:rotate(5deg) scale(1.2,1.2);
	-o-transform:rotate(5deg) scale(1.2,1.2);
	-moz-transform:rotate(5deg) scale(1.2,1.2);
	-ms-transform:rotate(5deg) scale(1.2,1.2);
	transform:rotate(5deg) scale(1.2,1.2);
}

.serviceBoxText{
	width:100%;
	float:left;
	padding:20px;
	background:#3D3D3D;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
	transition:all 300ms ease;
}

.innerServiceBox:hover .serviceBoxText{
	background:#96004b;
}

.serviceBoxText .title-h4{
	color:#E0E0E0;
}

.serviceBoxText p{
	color:#E0E0E0;
}

.serviceBoxText:hover .title-h4, .serviceBoxText:hover p{
	color:#fff;
}

.serviceBoxText .read-more a{
	font-size:14px;
	padding:10px 15px 7px;
}


/******************RESPONSIVE*********************/
@media (max-width:1290px){
	.hm-individual-container{width:45%;}
}
@media (max-width:1215px){
	.title-xlarge{font-size:70px;}
	.title-h1{font-size:40px;}
	.title-h2{font-size:30px;}
	.title-h4{font-size:20px;}
	.title-h5{font-size:16px;}
	
}
@media (max-width:1170px){
	.slider-tag h1{font-size:48px;}
}
@media (max-width:1024px){
	.slider-tag h1{font-size:40px;}
	.read-more a{font-size:14px;}
	.hm-salonBox > div{height:325px;}
	.hm-salonBox .hm-salonText .hm-innerSalonText{padding-top:60px;}
	.hm-hairSalon-right-container #salonImg4{height:650px;}
	.whyUsBox{height:280px; padding:25px 20px;}
	.whyUsBox .title-h1{margin-bottom:20px;}
	.whyUsBox .whyUsText{margin-top:15px;}
	hr{margin-top:20px;}
	.title-xlarge{font-size:60px;}
	.title-h1{font-size:35px;}
	.title-h2{font-size:25px;}
	.title-h4{font-size:18px;}
	.hm-individual-container{float:right; margin:50px 0 0;}
	.services-slide .servicesTextContainer{padding:15px 20px;}
	.services-slide .servicesTextContainer .servicesText, .read-more{margin-top:20px;}
}
@media (max-width:800px){
	.header .logo{width:220px;}
	.menuBtn{width:30px; height:22px; margin-top:-11px;}
	.menuBtn span{height:2px;}
	.menuBtn .menu-line2{margin-top:-1px;}
	.menuBtn.closeMenuBtn .menu-line1{-webkit-transform:rotate(45deg) translate(5px,9px); -o-transform:rotate(45deg) translate(5px,9px); -moz-transform:rotate(45deg) translate(5px,9px); -ms-transform:rotate(45deg) translate(5px,9px); transform:rotate(45deg) translate(5px,9px);}
	.menuBtn.closeMenuBtn .menu-line3{-webkit-transform:rotate(-45deg) translate(5px,-9px); -o-transform:rotate(-45deg) translate(5px,-9px); -moz-transform:rotate(-45deg) translate(5px,-9px); -ms-transform:rotate(-45deg) translate(5px,-9px); transform:rotate(-45deg) translate(5px,-9px);}
	.banner .controls{width:80px; height:80px; margin-top:-40px;}
	#prev{left:-40px;}
	#next{right:-40px;}
	.banner .controls:before{width:35px; height:35px;}
	#next:before{left:7px; margin-top:-3px;}
	.slider-tag h1{font-size:30px;}
	.read-more a{font-size:13px; padding:10px 15px 6px;}
	.hm-salonBox > div{height:250px;}
	.hm-salonBox .hm-salonText .hm-innerSalonText{padding:35px 0 0 5px;}
	.hm-hairSalon-right-container #salonImg4{height:500px;}
	.title-xlarge{font-size:45px;}
	.title-h1{font-size:30px;}
	.title-h2{font-size:20px;}
	.title-h5{font-size:14px;}
	#individual-bg{background-position:40% center;}
	.hm-individual-container{width:50%;}
	.hm-individualText{padding:30px 0;}
	.whyUsBox{width:50%; height:250px;}
	.hm-offersContainer{padding:0;}
	.hm-offersContainer .hm-offers{padding:20px 40px;}
	.hm-offersContainer .hm-offers:before, .hm-offersContainer .hm-offers:after{width:40px;}
	.services-slide .servicesTextContainer{width:100%; float:left; position:static; background:#1a1a1a;}
}
@media (max-width:640px){
	.header{z-index:9999;}
	.header .top-media{display:none;}
	.navi ul li .dropdown{position:static;width:100%;display:none;visibility:visible;opacity:1;-webkit-transition:none;-o-transition:none;-ms-transition:none;-moz-transition:none;transition:none;}
	.navi ul li .dropdown ul{width:100%; float:left; padding-left:10px;}
	.navi ul li .dropdown ul li{padding-left:15px;}
	.navi ul li .dropdown ul li:hover{border-right:0;border-left:4px solid var(--rosegold);}
	.menuBtn.closeMenuBtn{right:0;}
	.min-width{width:90%; margin:0 5%;}
	#individual-bg{background-position:-27% center;}
	.hm-individual-container{width:100%; background:rgba(255, 255, 255, 0.41); padding:15px;}
	.title-xlarge{font-size:35px;}
	.title-h1{font-size:25px;}
	.title-h2{font-size:18px;}
	.heading h1{font-size:25px;}
	.hm-offersContainer .hm-offers{padding:15px 30px;}
}
@media (max-width:568px){
	.header, .header.fixed{padding:10px;}
	.banner .controls{top:auto; bottom:10%; margin-top:0;}
	.slider-tag{display:none;}
	.hm-hairSalon-container, .hm-hairSalon-right-container{width:100%;}
	.hm-salonBox > div, .hm-hairSalon-right-container #salonImg4{height:200px;}
	.hm-salonBox .hm-salonText .hm-innerSalonText{padding:25px 0 0 5px;}
	.hm-individualText p{font-size:14px; line-height:22px;}
	.title-xlarge{font-size:32px;}
	.title-h1{font-size:20px;}
	.title-h2{font-size:16px;}
	.bottom p, .ecis{width:100%; text-align:center;}
	.header .menu-secondary {
		gap: 0;
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
	}
	.header .menu-secondary li {
		width:50%;
		text-align: center;
	}
	.header .menu-secondary li a {
		border-radius: 0;
		background:linear-gradient(45deg,var(--rose-grad));
        justify-content: center;
	}
	
}
@media (max-width:425px){
	.navi{width:90%;}
	.navi ul li{padding:0 20px;}
	.navi-social{position:static; margin-top:30px; padding:0 10px;}
	hr{margin-top:10px;}
	.hm-individual-container{margin:0;}
	.hm-individualText{padding-bottom:0;}
	.whyUsBox{width:100%; height:auto;}
	.whyUsBox .title-h1{margin-bottom:0; float:right; font-size:30px;}
	.whyUsBox .hm-title-container{float:left;}
	.hm-offersContainer .hm-offers{display:table; margin:0 auto 25px; float:none;}
	.hm-offersContainer .hm-offersText{width:100%; float:left; text-align:center;}
	.hm-offersContainer .hm-offersText .read-more{margin:20px auto 0;}
	p{text-align:justify;}
	.footer .social-links{padding:15px; border-bottom:1px dashed #4c4c4c;}
	.footer .social-links p{width:100%; text-align:center;}
	.footer .social-links ul{width:100%; text-align:center; margin-top:15px;}
	.bottom{padding:5px 10px;}
}
@media (max-width:320px){
	.navi{width:100%;}
	.hm-salonBox .hm-salonText{padding:8px;}
	.hm-salonBox .hm-salonText .hm-innerSalonText{padding:40px 0 0 0px;}
}