@charset "utf-8";
/* CSS Document */

/* FONT FACE */

@import url(http://fonts.googleapis.com/css?family=Amatic+SC:400,700);

@font-face {
    font-family: 'danielblack';
    src: url('font/Daniel-Black-webfont.eot');
    src: url('font/Daniel-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Daniel-Black-webfont.woff') format('woff'),
         url('font/Daniel-Black-webfont.ttf') format('truetype'),
         url('font/Daniel-Black-webfont.svg#danielblack') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'danielbold';
    src: url('font/danielbd-webfont.eot');
    src: url('font/danielbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/danielbd-webfont.woff') format('woff'),
         url('font/danielbd-webfont.ttf') format('truetype'),
         url('font/danielbd-webfont.svg#danielbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td, p{
    padding: 0;
    margin: 0;
}

.body_pg1 {
	background:url(images/bg_page1.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	overflow: hidden;
	
}

.body_pg4, .body_pg3 {
	background:#DD5083;	
	overflow-x: hidden;
}



#container {
	
	margin: 0 auto;
	width: 960px;
	 /*background:#399;*/
	overflow: hidden;
}



#container_pg4 {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: auto;	
	/* background:#399; */
	overflow: hidden;
	z-index: -1;
}


/* CONTACT / LOGIN PAGE */

.bg-pink {
	position: absolute;
	 background:#ff8dbb;
	 display: block;
	 width: 100%; 
	 height: 800px;
	 z-index: -100;	
	 
	
}

.bg-contact {
	height: 1300px;	
}

					/* PAGE 1 - LANDING PAGE */

#container #content_pg1{
	text-align: center;	
	
}

#container #content_pg1 img {
	margin: 30px 0 20px 0;
}

.main-text {
	font-family: 'danielbold';
	color:#FFF;
	text-align: center;
	letter-spacing: 2px;
	font-size: 22px;
	margin-bottom: 30px;
	z-index: 3;
}	

.navi-btn ul{
	text-align: center;
		
}

.navi-btn ul li {
	display: inline-block;
	width: 164px;
	height: 40px;
	margin-right: 30px;	
}

.navi-btn ul li a:link {
	
	width: 164px;
	height: 40px;
	display: table;
	text-decoration: none;
	color:#FFF;
	
}

.navi-btn ul li a span {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height:100%;
	text-align: center;
	display: none;

	
}
.navi-btn ul li a:hover {
	
	background-position: 0px -40px;
	-webkit-transition: all 0.3s ease-out 0s; /* chrome */
	-moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
	transition: all 0.35s ease-out 0s; 
 
}

.navi-btn .forhim a {
	background:url(images/page1_forhimbtn.png);
	
}

.navi-btn .forher a{
	background:url(images/page1_forherbtn.png);	
}

					/* PAGE 2 - HOME */
					
/* NAV - MOBILE */
				
#main-nav {
	
	top: 35px;
	width: 100%;
	height: 140px;
	position: absolute;
	background:url(images/nav_bg.png) repeat-x;

	
		
}


#main-nav ul {
	text-align: center;	
	font-family: 'Amatic SC';
	font-weight: 700;

}

#main-nav ul li {
	
	display: inline-block;
	margin: 50px 0;
	padding-right: 80px;
	font-size: 40px;
	letter-spacing: 1px;
		
}

#main-nav ul li a {
	
	text-decoration: none;
	color: #231F20;	
}


#main-nav ul li a:hover {
	text-decoration:none;
	color: #C69;
	z-index: 10;
	-webkit-transition: all 0.2s ease-out 0s; /* chrome */
	-moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s; 
}

#main-nav ul li a:active {
	color: #c52053;	
}

#main-logo img {
	width: 111px;
	height: 110px;
	float: left;
	margin:20px;	
	
}

#sub-nav-bg {
		background: #DD5083;	
		width: 100%;
		height: 150px;
}


#sub-nav {
	text-align: center;
	width: 960px;
	margin: 0 auto;	
}

#sub-nav ul {;
	font-family: 'danielblack';	
	text-decoration: none;
	
}
#sub-nav ul li {
	
	padding: 10px;
	display:inline-block;
	
		
}

#sub-nav ul li a {
	text-decoration: none;
	color:#FFF;	
	text-align: center;
}

#sub-nav ul li a:hover {
	text-decoration:none;
	color: #231F20;
	-webkit-transition: all 0.3s ease-out 0s; /* chrome */
	-moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
	transition: all 0.35s ease-out 0s; 
	
}

#sub-nav ul li a:active {
	color: #231F20;	
}

#sub-nav ul li .icon {
	width: 30px;
	height: 30px;
	position: absolute;
	background-position: center;

}

#sub-nav ul li p {
	color: transparent;	
}
.icon_fb {
	
	background:url(images/nav_icon_fb.png) no-repeat;

}
	
.icon_fb:hover{
	background:url(images/nav_icon_fb_hover.png) no-repeat;
		
}

.icon_twit {
	
	background:url(images/nav_icon_twit.png) no-repeat;

}
	
.icon_twit:hover{
	background:url(images/nav_icon_twit_hover.png) no-repeat;
		
}

.icon_insta {
	
	background:url(images/nav_icon_insta.png) no-repeat;

}
	
.icon_insta:hover{
	background:url(images/nav_icon_insta_hover.png) no-repeat;
		
}

.icon_pin {
	
	background:url(images/nav_icon_pin.png) no-repeat;

}
	
.icon_pin:hover{
	background:url(images/nav_icon_pin_hover.png) no-repeat;
		
}


.nav-reservation {
	display: none;	
}

				/* RESERVATION BTN */

#reservation {
	position: fixed;
	top: 250px;
	right: 0;
	width: 89px;
	height: 239px;
	background:url(images/reservation.png);
	z-index: 1000;
		
}

#reservation:hover {
	background:url(images/reservation_hover.png);	
	-webkit-transition: all 0.3s ease-out 0s; /* chrome */
	-moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
	transition: all 0.35s ease-out 0s; 
	
}

				/* NAV - MOBILE */
				
nav:not(.mm-menu) {
	display: none;
}

.header {
	display: none;
	
	text-align: center;
	background: #DD5083;
	font-family: 'danielblack';
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	opacity: 0.85;


	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 40px;
	padding: 0 50px;
}



.header.fixed {
	position: fixed;
	top: 0;
	left: 0;
}

.header a {
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
}

#nav-mobileicon li {
	position: absolute;
	left: 80px;
}	
#nav-mobileicon li a {
	line-height: 30px;
	display: inline-block;	
}
#nav-mobileicon img {	
	margin: 20px;	
	width: 25px;
	height: 25px;
}

#nav-mobileicon p {
	margin-top: 20px;
	font-family: 'danielblack';
	font-size: 18px;
	color: #FF8DBB;
	text-align: center;
	letter-spacing: 1px;
	
}


						/* PG 3 - WAXING */

.waxing_info {
	margin-top: 20px;
	width: 100%;
	height:50px;
	
	
	
}

						
.waxing_info h1{
	font-family: 'Amatic SC';
	font-size: 68px;
	font-weight: 400;
	letter-spacing: 5px;
	color: #FFF;
	padding: 0;
	padding-left: 20px;
	margin: 0;
	
		
}

.pg3_con {
	position: relative;
	height: auto;
	width: 960px;
	margin: 0 auto;
	
}

.softwax-btn {
	left : 40px;	
	float: left;	
	padding-left: 40px;
}

#pg3_softwax {
	float: right;
	margin-top: 100px;
	margin-right: 100px;
			
}


.pg3_content {
	
	margin-bottom: 0;
	background:url(images/page3_content.png) no-repeat;
	width: 100%;
	height: 1599px;
	
}

.clickme {
	position: absolute;
	background:url(images/page3_btn_clickme.png) no-repeat;	
	width: 76px;
	height: 24px;
	
}

.clickme1_btn {
	top: 620px;
	right: 68px;	
}

.clickme2_btn {
	top: 1160px;
	left: 130px;	
}
.clickme:hover {
	background:url(images/page3_btn_clickme_hover.png) no-repeat;	
	-webkit-transition: all 0.3s ease-out 0s; /* chrome */
	-moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
	transition: all 0.35s ease-out 0s; 
	
}

.mobile-pg3 {
	display: none;
}	

/* PG 3 - START OF CONTENT BTNS */

.circle {
	position: absolute;	
	width: 44px;
	height: 43px;	

}

.btn1_circle {	
	background:url(images/page3_hoverbtn.png) no-repeat;
	top: 400px;
	left: 460px;

}

.btn2_circle {
	background:url(images/page3_hoverbtn2.png) no-repeat;
	top: 430px;	
	left: 550px;
}

.btn3_circle {
	background:url(images/page3_hoverbtn3.png) no-repeat;
	top: 535px;	
	left: 500px;
}

.btn4_circle {
	background:url(images/page3_hoverbtn.png) no-repeat;
	top: 550px;	
	left: 430px;
}


.btn5_circle {
	background:url(images/page3_hoverbtn2.png) no-repeat;
	top: 620px;	
	left: 420px;
}


.btn6_circle {
	background:url(images/page3_hoverbtn3.png) no-repeat;
	top: 750px;	
	left: 190px;
}

.btn7_circle {
	background:url(images/page3_hoverbtn2.png) no-repeat;
	top: 830px;	
	left: 280px;
}

.btn8_circle {
	background:url(images/page3_hoverbtn.png) no-repeat;
	top: 840px;	
	left: 530px;
}

.btn9_circle {
	background:url(images/page3_hoverbtn3.png) no-repeat;
	top: 980px;	
	left: 650px;
}

.btn10_circle {
	background:url(images/page3_hoverbtn2.png) no-repeat;
	top: 1100px;	
	left: 480px;
}

.btn11_circle {
	background:url(images/page3_hoverbtn2.png) no-repeat;
	top: 1250px;	
	left: 700px;
}

.btn12_circle {
	background:url(images/page3_hoverbtn.png) no-repeat;
	top: 1350px;	
	left: 400px;
}

.btn13_circle {
	background:url(images/page3_hoverbtn3.png) no-repeat;
	top: 1380px;	
	left: 510px;
}

#eyebrows {
	position: absolute;
	top: -150px;	
	left: -120px;
	opacity: 0;
}

#forehead {
	position: absolute;
	top: -70px;	
	left: 15px;
	opacity: 0;	
}

#cheeks {
	position: absolute;
	top: -65px;	
	left: 20px;
	opacity: 0;
		
}

#chin {
	position: absolute;
	top: -70px;	
	left: -80px;
	opacity: 0;
}

#neck {
	position: absolute;
	top: -40px;	
	left: 25px;
	opacity: 0;
}

#underarm {
	position: absolute;
	top: -70px;	
	left: -110px;
	opacity: 0;
		
}

#halfarm {
	position: absolute;
	top: -150px;	
	left: 10px;
	opacity: 0;
		
}

#nipples {
	position: absolute;
	top: -60px;	
	left: 10px;
	opacity: 0;
		
}

#fullarm {
	position: absolute;
	top: -160px;	
	left: 10px;
	opacity: 0;
	
}

#stomach {
	position: absolute;
	top: -100px;	
	left: -80px;
	opacity: 0;	
}

#butt {
	position: absolute;
	top: -110px;	
	left: 10px;
	opacity: 0;	
}


#bikiniline {
	position: absolute;
	top: -10px;	
	left: -130px;
	opacity: 0;	
}

#alloff {
	position: absolute;
	top: -10px;	
	left: -130px;
	opacity: 0;	
}


.btn1_circle:hover #eyebrows {
	cursor: pointer;
	opacity: 1;	
	transition: opacity 1.3s ease;
	-webkit-transition: opacity 1.3s ease;
	-moz-transition: opacity 1.3s ease;
	-o-transition: opacity 1.3s ease;
}

.btn2_circle:hover #forehead {
	cursor: pointer;
	opacity: 1;	
	transition: opacity 1.3s ease;
	-webkit-transition: opacity 1.3s ease;
	-moz-transition: opacity 1.3s ease;
	-o-transition: opacity 1.3s ease;
		
}

.btn3_circle:hover #cheeks {
	cursor: pointer;
	opacity: 1;	
	transition: opacity 1.3s ease;
	-webkit-transition: opacity 1.3s ease;
	-moz-transition: opacity 1.3s ease;
	-o-transition: opacity 1.3s ease;
}


.btn4_circle:hover #chin {
	cursor: pointer;
	opacity: 1;	
	transition: opacity 1.3s ease;
	-webkit-transition: opacity 1.3s ease;
	-moz-transition: opacity 1.3s ease;
	-o-transition: opacity 1.3s ease;
		
}

.btn5_circle:hover #neck {
	cursor: pointer;
	opacity: 1;	
	transition: opacity 1.3s ease;
	-webkit-transition: opacity 1.3s ease;
	-moz-transition: opacity 1.3s ease;
	-o-transition: opacity 1.3s ease;
		
}


.btn6_circle:hover #underarm {
	cursor: pointer;
	opacity: 1;	
	transition: opacity 1.3s ease;
	-webkit-transition: opacity 1.3s ease;
	-moz-transition: opacity 1.3s ease;
	-o-transition: opacity 1.3s ease;
		
}

.btn7_circle:hover #halfarm {
	cursor: pointer;
	opacity: 1;	
	transition: opacity 1.3s ease;
	-webkit-transition: opacity 1.3s ease;
	-moz-transition: opacity 1.3s ease;
	-o-transition: opacity 1.3s ease;
		
}

.btn8_circle:hover #nipples {
	cursor: pointer;
	opacity: 1;	
	transition: opacity 1.3s ease;
	-webkit-transition: opacity 1.3s ease;
	-moz-transition: opacity 1.3s ease;
	-o-transition: opacity 1.3s ease;
		
}

.btn9_circle:hover #fullarm {
	cursor: pointer;
	opacity: 1;	
	transition: opacity 1.3s ease;
	-webkit-transition: opacity 1.3s ease;
	-moz-transition: opacity 1.3s ease;
	-o-transition: opacity 1.3s ease;
		
}

.btn10_circle:hover #stomach {
	cursor: pointer;
	opacity: 1;	
	transition: opacity 1.3s ease;
	-webkit-transition: opacity 1.3s ease;
	-moz-transition: opacity 1.3s ease;
	-o-transition: opacity 1.3s ease;
		
}


.btn11_circle:hover #butt {
	cursor: pointer;
	opacity: 1;	
	transition: opacity 1.3s ease;
	-webkit-transition: opacity 1.3s ease;
	-moz-transition: opacity 1.3s ease;
	-o-transition: opacity 1.3s ease;
		
}


.btn12_circle:hover #bikiniline {
	cursor: pointer;
	opacity: 1;	
	transition: opacity 1.3s ease;
	-webkit-transition: opacity 1.3s ease;
	-moz-transition: opacity 1.3s ease;
	-o-transition: opacity 1.3s ease;
		
}

.btn13_circle:hover #alloff {
	cursor: pointer;
	opacity: 1;	
	transition: opacity 1.3s ease;
	-webkit-transition: opacity 1.3s ease;
	-moz-transition: opacity 1.3s ease;
	-o-transition: opacity 1.3s ease;
		
}

/* END OF CONTENT BTNS */

						/* PG 4 - PRODUCT  */
						
.banner {
	position: absolute;
	width: 100%;
	height: 410px;
	background:#FFF;
	z-index: -5;	

	
}	

.bannerpg3 {
	background: #f1eee9;
	height: 435px;
	z-index: -5;
	
}

.banner-pat {
	position: absolute;
	margin: 0;
	height: 309px;
	z-index: -10;
	background:url(images/page4_bg_pattern.png) repeat-x;
	background-size:contain;

	
}

.pinkpat {
	left: -10px;
	width: 105%;
	top: 605px;

	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	transform: rotate(-4deg);


} 

.pinkpat2 {
	left: -100px;
	width: 120%;
	top: 1500px;
	
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	transform: rotate(20deg);	
}

#page4_banner {
	text-align: center;

	
}

	

.title_product {
	position: absolute;
	width: 960px;
	height: auto;
	text-align: center;
	top: 100px;	

}

.title_product p {
	font-size: 21px;	
	padding-top: 10px;
	font-family: 'danielbold';
	line-height: 25px;
}
					
#pg4_btn {
	margin-top: 50px;
	width: 100%;
	height: 100px;
	text-align:center;	
	float: left;
	display: inline-block;


	
}

#backtotop {
	position: fixed;
	right: 30px;
	bottom: 70px;	
}

.clear {
	display:none;	
}
				
				/* FOOTER */
				
footer {
	
	width: 100%;
	height: 275px;
	background:url(images/footer_bg.png) repeat-x;
}

footer ul {
	text-align: center;
	

}

footer ul li {
	
	display: inline-block;
	padding: 0 15px 0 15px;
		
}

footer ul li a:link {	
	text-decoration: none;
}

footer ul li a:hover {
	-webkit-transition: all 0.2s ease-out 0s; /* chrome */
	-moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s; 	
}

#main-footer ul li{
	margin-top: 110px;
	font-family: 'Amatic SC';
	font-weight: 700;
	letter-spacing: 2px;

}

#main-footer ul li a{
	color: #FFF;
	font-size: 33px;	

}


#main-footer ul li a:hover {
	color: #903;	
}

#sub-footer ul li{
	margin-top: 10px;
	font-family: 'Amatic SC';
	font-weight: 700;
	color: #FFF;
		
}
				
#sub-footer ul li a {
	font-size: 25px;	
	color: #FFF;
	opacity: 0.4;
}					
			
#sub-footer ul li a:hover {
	color:#903;
	opacity: 0.8;
		
}

#copyright {

	width: 100%;
	height: 60px;
	background:#a0225b;
	font-family: 'danielblack';
	color: #FFF;
	padding: 18px 0 18px 0;
	margin-top: 70px;
	font-size: 12px;
	letter-spacing: 1px;
}

#copyright ul li {
	display: inline-block;
	float: right;
	
	
}

#copyright ul li a {
	text-decoration: none;	
	color: #FFF;
	padding: 10px;	
	opacity: 0.6;
}

#copyright ul li a:hover {
	opacity: 1.0;	
}
#copyright p {
	float: left;	
	margin-left: 15px;

}

.fullsite{
	display: none;
	text-align: center;
	letter-spacing: 2px;
	font-size:25px;
	font-family: 'Amatic SC';
	font-weight: 700;
}

.fullsite a {
	color:#000;
	text-decoration: none;
		 
 }

.fullsite a:hover {
	color: #FFF;	
}