/* CSS Document */
* {
box-sizing:border-box;	
}
html, body {
	height:100%;
	font-size:20px;/*16px*/
	font-family:"Lato", sans-serif;
	font-weight:700;/*was 400 */
	line-height:1.8em;
	color:#666;
    margin:    0 auto;
    max-width: 1500px;
	-ms-overflow-style: -ms-autohiding-scrollbar;/*hides scroll bars in MS Edge */
}

.pimg1,  .pimg2, .pimg2a, .pimg2b, .pimg3{
	position:relative;
	opacity:0.70;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	/*
	below,
	fixed = parallax
	scroll = normal
	*/
	background-attachment:fixed; /* was scroll, see note above */
}
.pimg1 {
	background-image:url('../assets/img/beau_01.jpg');
	min-height:600px;/* 100% */
}
.pimg1a {
	background-image:url('../assets/img/beau_02b.jpg');
	min-height:300px;/* 100% */
}
.pimg2 {
	background-image:url('../assets/img/beau_02b.jpg');
	min-height:600px;
}
.pimg2a {
	background-image:url('../assets/img/beau_03b.jpg');
	min-height:600px;
}
.pimg2b {
	background-image:url('../assets/img/beau_05.jpg');
	min-height:600px;
}
.pimg3 {
	background-image:url('../assets/img/beau_04.jpg');
	min-height:600px;
}

.section{
	text-align:center;
	padding:50px 80px;
}
.section-light{
	background-color:#f4f4f4;
	color:#666;
}
.section-dark{
	background-color:#282e34;
	color:#ddd;
}
.ptext{
	position:absolute;
	top:50%;
	width:100%;
	text-align:center;
	color:#000;
	font-size:27px;
	letter-spacing:8px;
	text-transform:uppercase;
}
.ptext .border{
	background-color:#111;
	color:#fff;
	padding:20px;
}
.ptext .border .trans{
	background-color:transparent;
}
.small_text{
	font-size:12px;
}
#main{
	transition:margin-left 0.5s;
	overflow:hidden;
	width:100%;
	background-color:#f4f4f4;
}
.indie-flower{
	font-family: 'Indie Flower', cursive;
    font-size: 48px;
	color:#333;
}
.indie-flower16{
	font-family: 'Indie Flower', cursive;
    font-size: 16px;
	color:#333;
}
.centre{
	text-align:center;
	font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	margin:0 auto;
}
.gen_links{
	text-decoration: none;
	font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 14px;
	color:#000;
}
.gen_links:link, .gen_links a:link {
	transition:1s;
}
.gen_links:hover {
	color:#FFF;
}
.button {
	background-color:#595959;
	color:#fff;
    padding:0.8rem 1.6rem;
    text-decoration: none;
    border:0;
}
.button:link, button a:link {
	background-color:#595959;
	color:#fff;
	transition:2s;
}
.button:hover {
	background-color:#f4f4f4;
	color:#666;
	border:solid 1px green;
}
.purple{
	color:#800080;
}
.pink{
	color:#FFC0CB;	
}
.silver{
	color:#C0C0C0;	
}
.bold{
	font-weight:bold;
}

.msg{
	color:#F00;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	padding:5px;
	background-color:#FFF;
}
.lilac{
	color:#C9F;	
}

.input{
	width:100%;
}

/*Tools icons in the top white section -*/
.tools_wrapper{
	display:grid;
	grid-template-areas:'ti_1 ti_2 ti_3'
						'ti_4 ti_5 ti_6'
						'ti_7 ti_8 ti_9';
	grid-gap:10px;
	width:100%;
	text-align:left;
	padding-left: 100px;
}
.ti_1{grid-area:ti_1}
.ti_2{grid-area:ti_2}
.ti_3{grid-area:ti_3}
.ti_4{grid-area:ti_4}
.ti_5{grid-area:ti_5}
.ti_6{grid-area:ti_6}
.ti_7{grid-area:ti_7}
.ti_8{grid-area:ti_8}
.ti_9{grid-area:ti_9}

/* Plan yor Wedding Section */
.plan-wrapper{
	margin:0 auto;
	width:100%;
	display:grid;
	grid-template-areas: 'pl_1 pl_5 pl_2 pl_3';
	grid-gap: 20px;

}
.plan-wrapper2{
	margin:0 auto;
	width:100%;
	display:grid;
	grid-template-areas: 'pl_7 pl_4 pl_6 pl_10';
	grid-gap: 20px;

}
.plan-wrapper3{
	margin:0 auto;
	width:100%;
	display:grid;
	grid-template-areas: 'pl_9 pl_11 pl_12 pl_8';
	grid-gap: 20px;

}
.pl_1, .pl_2, .pl_3, .pl_4, .pl_5, .pl_6, .pl_7, .pl_8, .pl_9, .pl_10, .pl_11, .pl_12{
	display:block;
	padding:0;
	margin:0 auto;
	height:140px;
	line-height:140px;
	width:200px;
	border:solid 1px #FFF;
	border-radius:6px;
}
.pl_13, .pl_14, .pl_15{
	display:block;
	padding:0;
	margin:0 auto;
	height:auto;
	/*line-height:140px;*/
	width:200px;
	color:#333;
	font-size:14px;
	border:solid 1px #FFF;
	border-radius:6px;
}


.pl_1{grid-area:pl_1;background-color:#C8A2C8;}
.pl_2{grid-area:pl_2;background-color:#EEADD9;}
.pl_3{grid-area:pl_3;background-color:#800080;}
.pl_4{grid-area:pl_4;background-color:#FFC0CB;}
.pl_5{grid-area:pl_5;background-color:#FFC0CB;}
.pl_6{grid-area:pl_6;background-color:#800080;}
.pl_7{grid-area:pl_7;background-color:#EEADD9;}
.pl_8{grid-area:pl_8;background-color:#C8A2C8;}
.pl_9{grid-area:pl_9;background-color:#C8A2C8;}
.pl_10{grid-area:pl_10;background-color:#EEADD9;}
.pl_11{grid-area:pl_11;background-color:#800080;}
.pl_12{grid-area:pl_12;background-color:#FFC0CB;}

.pl_13{grid-area:p1_13;background-color:#C8A2C8;}
.pl_14{grid-area:p1_14;background-color:#FFC0CB;}
.pl_15{grid-area:p1_15;background-color:#C8A2C8;}

.plan_links:link,.plan_links:visited,.plan_links:active {
	text-decoration:none;
	color:#FFF;
	padding:20px;
}
.plan_links:hover{
	color:#666;
	font-weight:bold;
	transition:1s;
}
.top-title{
	text-align:center;
	padding:1rem;
	margin:0 auto;
	font-size:6vmin;
	width:auto;

}
.top-title span{
	background-color:#D7ABE9;
	color:#FFF;
	opacity:1;
	padding:3vmin;
	z-index:100;
	border-radius:3em;
}
.text-left{
	text-align:left;
}
.button_big{
	width:100%;
	background-color:#D7ABE9;
	color:#FFF;
	border:none;
	font-size:40px;
	padding:20px 0;
	outline: none;
    transition: 0.4s;
	cursor: pointer;
}
.button_big a{
	text-decoration:none;
	color:#FFF;	
}
#panel{
	width:100%;
	padding:50px auto;
    background-color: white;
    display: none;
    overflow: hidden;
	transition: max-height 2s ease-out;	
}
.dark_purple{
	background-color:#403151;
	color:#FFF;
	border:solid 20px #D7ABE9;
}
.yellow{
	background-color:#FFC;
}
#map_wrapper{
	padding:5px;
	display:grid;
	grid-template-columns:auto;
	grid-gap:5px;
	
}
#map{
	height:400px;
}
.news_offers_wrapper{
	display:grid;
	padding:0 5px;
	grid-template-columns:1fr 1fr;
	grid-gap:10px;
	background-color:#f9f9f9;
	color:#333;
	font-size:12px;
	text-align:left;
	border-radius:15px;	
}
.treatments_wrapper{
	display:grid;
	padding:0 5px;
	grid-template-columns:1fr 1fr;
	grid-gap:10px;
	background-color:#f9f9f9;
	color:#333;
	font-size:12px;
	text-align:left;
	border-radius:15px;
}
.treat_table{
	width:100%;
	font-weight:500;
	font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size:14px;
	background-color:#fff;
	border-collapse:collapse;
}
.treat_table tr:hover{
	background-color: #f5f5f5;
}
.treat_table td{
	padding-left:10px;
}
.treat_table tr:nth-child(odd) td{
	background-color:#f6f6f6;
}
.treat_table tr:nth-child(even) td{
	background-color:#fff;
}
.treat_table td:nth-child(2) { 
  text-align:right;
}
.td_right{
	text-align:right;
}
.treat_h2{
	background-color:#DEA1C2;
	color:#FFF;
	text-transform: uppercase;
	font-weight:300;
	padding-left:10px;
	line-height:2.2;
	border-radius:10px;
	
}
.treat_h4{
	color:#DEA1C2;
	text-transform: uppercase;
	font-weight:300;
	font-size:16px;
	padding-left:10px;
	line-height:1.5;
	margin:5px 0;
}
.yel{
	/*background-color:#FFFFCC;*/
	line-height:1.2;
	padding:12px;
	width:100%;
	margin:0;
	border-radius:10px;
	border:solid 1px #F1D2EA;
	border:
	
}
.yel em{
	color:#666;
	font-weight:300;
}
.openinghrs{
	background-color:#fff;
}
.openinghrs table{
	width:50%;
	margin:0 auto;
	color:#333;
	width:50%;
	text-align:left;
}
.openinghrs table th{
	color:#FFF;
	background-color:#DEA1C2;
	text-align:center;
	border-radius:15px;
}
.openinghrs table td:nth-child(2) { 
  text-align:right;
}
.openinghrs table tr:nth-child(odd) td{
	background-color:#f6f6f6;
}
.openinghrs table tr:nth-child(even) td{
	background-color:#fff;
}
.contact_wrapper{
	display:grid;
	grid-template-columns:1fr;
	grid-gap:15px;
	background-color:#ddd;
	width:50%;
	margin:0 auto;
	border:solid 1px #e1e1e1;
	border-radius:20px;
	color:#666;
}
.contact_wrapper input, .contact_wrapper textarea {
	width:90%;
}

/* --------------------------------------- Media Queries ----------------------------------------------- */
@media(max-width:1000px){
.treatments_wrapper {
	grid-template-columns:1fr;
}
.news_offers_wrapper{
	grid-template-columns:1fr;	
}
}
@media(max-width:1300px){
.plan-wrapper{
grid-template-areas: 'pl_1 pl_2 pl_3 '
	 					'pl_4 pl_5 pl_6'
						'pl_7 pl_8 pl_9'
						'pl_10 pl_11 pl_12';
}
.tools_wrapper{
	grid-template-areas:'ti_1 ti_2 ti_3 ti_4 ti_5'
						'ti_6 ti_7 ti_8 ti_9 .';
}
}

@media(max-width:970px){
.button {
	text-align:center;
}
.join_tww_wrapper{
grid-template-areas:'l1 l2'
	 				'l3 l7'
					'l3a l3b'
					'l4 .'
					'l5 l6 '
					'l8 l8';
height:auto;
}
.plan-wrapper{
grid-template-areas: 'pl_1 pl_2 '
	 					'pl_3 pl_4'
						'pl_5 pl_6'
						'pl_7 pl_8'
						'pl_9 pl_10'
						'pl_11 pl_12';
}
.tools_wrapper{
	grid-template-areas:'ti_1 ti_2 ti_3'
	 					'ti_4 ti_5 ti_6'
						'ti_7 ti_8 ti_9';
}
.left-text{
	text-align:left;
}
.con_4{
	text-align:center;
}
}

@media(max-width:1100px){
#membership_wrapper{
    display:grid;
    grid-template-areas:
	'member_join'
    'member_showcase'
	'member_buttons';
	padding:0;
	margin:0;
	background-color:#f4f4f4;
	height:auto;
}
.member_showcase{
	display:block;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	height:315px;
	width:100%;	
}
.indie-flower{
    font-size: 40px;
}
.member_join{
	display:block;
	width:100%;	
}
	.ptext .border{
	padding:10px;
	font-size: 4vmin;
	}

.tools_wrapper{
	grid-template-areas:'ti_1 ti_2 ti_3 ti_4 ti_5'
						' ti_6 ti_7 ti_8 ti_9';
}
.plan-wrapper{
grid-template-areas: 'pl_1 pl_5'
					'pl_2 pl_3';
					
}
.plan-wrapper2{
grid-template-areas: 'pl_7 pl_4'
					'pl_6 pl_10';					

}
.plan-wrapper3{
grid-template-areas: 'pl_9 pl_11'
					'pl_12 pl_8';
}
}

@media(max-width:720px){
.join_tww_wrapper{
	grid-template-areas:'l1'
						'l2'
	 					'l3'
						'l7'
						'l3a'
						'l3b'
						'l4'
						'l5'
						'l6'
						'l8';

}	
	
}

@media(max-width:650px){
.tools_wrapper{
	grid-template-areas:'ti_1 ti_2'
						'ti_3 ti_4'
						'ti_5 ti_6'
						'ti_7 ti_8'
						'ti_9 .';
}
.section{
	/* aligns single rectangle centrally in mobile phone sized view */
	padding:0;
	margin:0 auto;

}
.plan-wrapper{
	grid-template-areas: 'pl_1'
						'pl_5'
						'pl_2'
						'pl_3';
}
.plan-wrapper2{
	grid-template-areas: 'pl_7'
						'pl_4'
						'pl_6'
						'pl_10';
}
.plan-wrapper3{
	grid-template-areas: 'pl_9'
						'pl_11'
						'pl_12'
						'pl_8';
}
}

@media(max-width:500px){
	.pimg1, .pimg2, .pimg3{
	background-attachment:fixed; /* was scroll, see note above */
	}
	.ptext .border{
	font-size: 3vmin;
	}

.tools_wrapper{
	grid-template-areas:'ti_1'
						'ti_2'
						'ti_3'
						'ti_4'
						'ti_5'
						'ti_6'
						'ti_7'
						'ti_8'
						'ti_9';
}
}