/* ----- CSS Reset ----- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html, body {
	font-family: Georgia;
	font-size: 10px;
	letter-spacing: 0.8px;
	-webkit-text-size-adjust: none;
	/*-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;*/
}

.mainWrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* Make all divs obey box sizing */
div {
	box-sizing: border-box;
}

/* clear fix - handy*/
.group:after {
  content: "";
  display: table;
  clear: both !important;
}


/* HEADER STYLES */

header {
	width: 100%;
	background: #222;
	margin-bottom: 0;
	height: 215px;
}

.logo {
	width: 120px;
	height: auto;
	display: block;
	float: left;
}

.headWrapper, .footerWrapper{
	padding-top: 26px;
	max-width: 984px;
	margin: 0 auto;
}

.rHead {

	float: right;
}


.hSocial, .mobileMenuBtn {
	float: right;
	clear: right;
	margin-bottom: 10px;
}

.mobileMenuBtn {

	display: none;
}

.hSocial a {
	display: block;
	width: 20px;
	height: 20px;
	text-decoration: none;
	float: left;
	margin-right: 14px;
}

.hSocial a:last-child {
	margin-right: 0;
}

.hSocial .twitter {
	background:  url('../images/icon-social-sprite.png') no-repeat left 2px;
	background-size: 96px auto;
}

.hSocial .inst {
	background:  url('../images/icon-social-sprite.png') no-repeat -26px top;
	background-size: 98px auto;
}

.hSocial .facebook {
	background:  url('../images/icon-social-sprite.png') no-repeat -52px top;
	background-size: 98px auto;
}

.hSocial .linkedin {
	background:  url('../images/icon-social-sprite.png') no-repeat -78px top;
	background-size: 98px auto;
}

.tel  {
float: right;
clear: right;
margin-bottom: 48px;

}

.tel a {

	font-size: 3rem;
	text-decoration: none;
	color: #fff;
}



nav {
	/*float: right;*/
	clear: both;
	padding-top: 20px;
}

nav a {
	font-size: 1.8rem;
	text-decoration: none;
	color: #fff;
	margin-right: 50px;
}

nav a:last-child {
	margin-right: 0;
	border: 1px solid #fff;
	border-radius: 6px;
	padding: 6px;
}

nav .close {
	display: none;
}

/*BODY CONTENT */

.greyWrap, .whiteWrap {

	background: #f0f0eb;
	padding: 50px 0 40px 0;
	position: relative;

}

.whiteWrap {
	background-color: #fff;
}

.heroBanner{
	padding: 0;
}

.lImg {
	width: 395px;

	/*background: url('../images/model.png') no-repeat left top;*/

	float: left;
}

.lImg >img, .wrdCloud>img{

	width: 100%;
	height: auto;
}

.wrdCloud {
		/*background: url('../images/word-cloud.png') no-repeat left 40px;*/
		background-size: 100% auto;
		width: 595px;
		padding-top: 30px;
		float: right;
}

.container {
	max-width: 990px;
	margin: 0 auto;

}

.container .hero {

	display: block;
	max-width: 600px;
	width: 100%;
	margin: 0 auto 25px auto;


}

.biocopy {
	max-width: 580px;
	float: left;
}

.bio{
padding-right: 20px;
}

.bio img {
	float: right;
	width: 350px;
	height: auto;

}


.bio h1 {
	text-align: center !important;
}

.bio p {
	padding-left: 20px;
}


/*

.bioTeam.bioTeam a:link {
	display: block;
	font-size: 3rem;
	text-align: center;
	margin-top: 40px;
}
*/



.wedding_awards p {
	max-width: 800px;
	padding: 0 20px 0 20px;
}



@media screen and (max-width:1000px) {

	.bioTeam {
		padding: 0 20px;
	}

	.bioTeam .generalContent {
		width: calc( 50% - 40px );
	}
}

@media screen and (max-width:952px) {


	.bioTeam .copy {
		max-width: 600px;
		width: 100%;
		float: none;
		padding: 0 20px;
		margin: 0 auto;
	}

	.bioTeam img,
	.bioTeam .youtubeVideo {
		float: none;
		width: 100%;
		max-width:560px;
		height: auto;
		margin: 0 auto;
		display: block;
	}

	.bioTeam.bioTeam a:link {
		margin-top: 25px;
	}

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

}


@media screen and (max-width:340px) {

	.bioTeam .copy {
		padding: 0;
	}

	.bioTeam.bioTeam a:link {
		font-size: 2.5rem;
	}
}

.wedding_awards img{

	width: 250px;
}

.beforeAfter {

}
.makeupTipsHub > div {

	margin-bottom: 40px;
}

.beforeAfter h2, .makeuptips h2, .giftVoucherHome h2 {
	text-align: center;
}

.beforeAfter p, .giftVoucherHome p {
	text-align: center;
	max-width: 650px;
	margin: 0 auto;
	margin-bottom: 20px !important;
}

.giftVoucherHome a {
	text-decoration: none;
	color: #1ab0e1;
}

.giftVoucherHome img {
	display: block;
	max-width: 600px;
	width: 100%;
	height: auto;
	margin: 0 auto;
}



.servicesContainer {
	width: 100%;
	max-width: 600px;
	margin: 50px auto 50px auto;
}



.servicesContainer > div
{

	position: relative;
	border: 1px solid #222;
	width: calc( (100% - 20px) /2 );
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px 8px 15px 8px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.servicesContainer > div a:link{
	position: relative;
	text-decoration: none;
	top: auto;
	bottom: auto;
}

.servicesContainer p {

	line-height: 2.3rem;

}






/* FONTS */

h1, h2 {
	font-size: 5rem;
	color: #222;
	margin-bottom: 35px;
}

p, li {
	font-size: 1.8rem;
	line-height: 2.8rem;
	margin-bottom: 20px;
/*	list-style-type: none;*/
}

.generalContent a:link, .generalContent a:visited {

	color: #1ab0e1;
	text-decoration: none;
	font-size: inherit;
	line-height: inherit;
}

.generalContent a:hover {
	text-decoration: underline;
}

.makeuptips {
	max-width: 880px;
}

.makeuptips a {
	max-width: 412px;
	height: 120px;
	padding-left: 170px;
	color: #222;
	text-decoration: none;
	display: block;
	box-sizing: border-box;
	float: left;
}

.makeuptips a:last-child {
	float: right;
}

.makeuptips a.lips {
	background: url('../images/thumb-lips.jpg') no-repeat left top;
}

.makeuptips a.glowingComplexion {
	background: url('../images/glowing-complexion/glowing-complexion-thumb.jpg') no-repeat left top;
}


.makeuptips a.bestPrimers {
	background: url('../images/thumb-makeupmistakes.jpg') no-repeat left top;
}

.makeuptips a.makeupTipsNoOneToldYouAbout {
	background: url('../images/beauty-tips-no-one-told-you/thumb.jpg') no-repeat left top;
}

.makeuptips a.bestMascara {
	background: url('../images/mascara/mascara_thumb.jpg') no-repeat left top;
}



.makeuptips a.foundation {
	background: url('../images/thumb-foundation.jpg') no-repeat left top;

}

.makeuptips a.vintage {
	background: url('../images/thumb-vintage-wedding.jpg') no-repeat left top;

}

.makeuptips a.smokey {
	background: url('../images/thumb-smokey-eyes.jpg') no-repeat left top;

}

.makeuptips a.bohemian, .makeuptips a.naturalWedding  {
	background: url('../images/thumb-bohemian.jpg') no-repeat left top;

}

.makeuptips a.makeupmistakes {
	background: url('../images/thumb-makeupmistakes.jpg') no-repeat left top;

}

.makeuptips a.halloween {
	background: url('../images/thumb-halloween.jpg') no-repeat left top;

}

.makeuptips a.autumnWinter {
	background: url('../images/thumb-autumnWinter.jpg') no-repeat left top;

}

.makeuptips a.beautyProducts{
	background: url('../images/thumb-beautyProducts.jpg') no-repeat left top;

}

.makeuptips a.beautyTips{
	background: url('../images/beauty-tips/beauty-tips-thumb.jpg') no-repeat left top;

}

.makeuptips a.bestConcealers{
	background: url('../images/best-concealers/best-concealers-thumb.jpg') no-repeat left top;

}


.makeuptips a.eyes {
	background: url('../images/thumb-eyes.jpg') no-repeat left top;
}

.makeuptips h3 {
	font-size: 3rem;
	margin-bottom: 10px;
}

.makeuptips p {
	font-size: 1.8rem;
}

.makeuptips span {
	color: #1ab0e1;
}

a:link.makeupTipsLink {

	display: block;
	float: none;
	margin: 0 auto;
	max-width: 400px;
	font-size: 2.8rem;
	margin-top: 50px;
}



.servicesHome{
	padding: 0 20px 0 20px;
}
.servicesHome h2 {
	text-align: center;
}
.servicesHome a {
	font-family: inherit;
	color: #222;
	text-decoration: none;
	display: block;
	height: 50px;
	font-size: 2.5rem;
	line-height: 5rem;
	background: url('../images/linkArrow.png') no-repeat right center;
	background-size: 20px auto;
	border-top: 1px solid #f0f0eb;
	border-top: 1px solid #c1c1c1;
	max-width: 480px;
	margin: 0 auto;
	padding: 0 5px 0 5px;
}

.generalContent a.moreTips {
	font-family: inherit;
	color: #222;
	text-decoration: none;
	display: inline-block;
	font-size: 2.5rem;

	line-height: 2.5rem;
	background: url('../images/linkArrow.png') no-repeat right 3px;
	background-size: 20px auto;

	margin: 0 auto;
	margin-top: 20px;
	padding-right: 25px;


}

.servicesHome a:last-of-type {
	border-bottom: 1px solid #c1c1c1;
}




footer {
	height: 280px;
	height: 50px;
	height: auto;
	background: #222;
	width: 100%;
	margin-top: 40px;

}

.footerWrapper {
	position: relative;
	padding: 20px 20px 0 20px;
}

footer .hSocial {
	float: right;
}

footer p {
	color: #fff;
	text-decoration: none;
	float: left;
	max-width: 50%;
}

footer a {
 color: #fff;
	text-decoration: none;
 }

footer .smallLinks {
	font-size: 1rem;
}

.imaLogo {
	float: right;
	width: 80px;
	height: auto;
	display: block;
	margin-bottom: 20px;
}

.exploreWrapper{
	float: left;
	width: calc(100% - 80px);
	height: auto;
}

.exploreWrapper > a {
	font-family: inherit;
	font-size: 3rem;
	line-height: 3rem;
	background: url('../images/explore.png') no-repeat right 5px;
	background-size: 25px auto;
	padding-right: 35px;
	overflow: hidden;

}

.exploreInner {

	overflow: hidden;
}

.exploreInner > div {
	float: left;
	padding-top: 20px;
}
.exploreInner > div:first-of-type {
	margin-right: 60px;
}

.exploreInner a {

	font-family: inherit;
	font-size: 1.3rem;
	line-height: 2rem;
	margin-bottom: 10px;
	display: block;
	color: #cdcdcd;
}

.exploreInner > div a:first-child {
	font-size: 1.8rem;
	margin-bottom: 20px;
	color: #fff;
}



div {
	box-sizing: border-box;
}

.sliderContainer {

	max-width: 500px;

	margin: 0 auto;
	background: #222;
	padding: 40px;
	position: relative;
	font-size: 0;
}

.sliderContainer  a {
	font-size: 18px;
	color: #fff;
	width: 100%;
	background-color: rgba(245, 245, 245, 0.5);

	/*  background: #f0f0eb;*/

	display: inline-block;
	padding: 10px;
	text-decoration: none;
	/*color: #222;*/
	/*-webkit-gradient(linear, left top, left bottom, from(#666), to(#000));*/
	 /* background-image: -webkit-linear-gradient(top, #666, #fff);*/
	text-align: center;
	position: relative;
	z-index: 25;
	margin: 0;
	box-sizing: border-box;
	border-top: 1px solid #fff;
	vertical-align: top;
	font-family: inherit;
}

#showOld {
}

.imageContainer {

width: 100%;
	margin: 0 auto;
	position: relative;
	background: #fff;
}

.imageContainer > div {
	top: 0;

	width: 100%;
	overflow: hidden;
	box-sizing: content-box;

}

.imageContainer img {

	display: block;
	width: 100%;
	height: auto;

}

.imageContainer .before {
	/*background: url('grey.jpg') no-repeat left top;	*/

	position: absolute;
	z-index: 20;


}

.imageContainer .after {
	/*background: url('colour.jpg') no-repeat 5px 10px;	*/
	position: relative;
	z-index: 19;
}

.borderRight {
	border-right: 20px solid rgba(0, 0, 0, 0.3);
}

.blackout {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	position: fixed;
	z-index: 1000;
	display: none;
	/*display: block;*/
}

.priceTableWrapper {

	width: 100%;

}



p + .priceTableWrapper {
	margin-top: 10px;
}

.priceTable {
	width: 100%;
	max-width: 	600px;
	margin: 0 auto;
	margin-bottom: 40px;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}

.priceTable td, .priceTable th {
	height: 60px;
	vertical-align: middle;
	border: 1px solid #b8b8cc;
	padding: 10px 10px;
	font-size: 2rem;
	width: calc( (100%/3) - 60px);
	font-family: inherit;
	line-height: 2.6rem;
	text-align: left;
	box-sizing: border-box;

}


/*
.priceTable td:nth-child(2),
.priceTable td:nth-child(3),
.priceTable th:nth-child(2),
.priceTable th:nth-child(3){
	background: pink !important;
	width: calc( (100%/3) - 40px);
}


*/
.priceTable span {
	font-size: 1.2rem;
}


.priceTable th {

	background: #222;
	color: #fff;
}




@media screen and (max-width:599px) {

	.priceTable th {

		font-size: 1.8rem;
	}

	.priceTable td {
		font-size: 1.6rem;
		line-height: 2rem;
	}
}

@media screen and (max-width:430px) {

	.priceTableWrapper {
		padding: 0;
	}

	.priceTable th {
		font-size: 1.5rem;
	}


	.priceTable td {
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
}

@media screen and (max-width: 320px){

	.priceTable th, .priceTable td {
		padding: 0 5px;
		width: calc( (100%/3) - 30px);
	}

	.priceTable td {
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
}


.container >h1, .contact h1 {
	text-align: center;
}

.container > p , .contact p, .pricing ul, .generalContent ul, .generalContent h2 {
	max-width: 600px;
	margin: 0 auto;
	text-align: left;
	margin-top: 30px;
}
.generalContent p > img {

	width: 100%;
	height: auto;
	margin-top: 10px;
}

.container h2 + p {

	margin-top: 0;
}


.container > p:first-of-type {
	margin-top: 0;
}

.smallTxt {
	font-size: 1.2rem !important;
}

.generalContent h2 {
	font-size: 2.5rem;
	margin-bottom: 1rem;
}

.generalContent b {

}

.generalContent ul {

	padding-left: 25px;


}

.generalContent p + ul {
	margin-top: 15px;
}

.generalContent  li {

	list-style-type: disc;
}

.contact p a {
	color: inherit;
	font-size: inherit;
	text-decoration: none;
}



.bioTeam > h1 {
	font-size: 4rem;
	text-align: left;
}

.bioTeam .copy {
	max-width: 520px;
	float: left;
}


.bioTeam img {
	float: right;
	width: 450px;
	height: auto;

}

.bioTeam .youtubeVideo{
	float: right;
	width: 450px;
	height: auto;
}

.youtubeVideo iframe {
	width: 100%;
	height: 400px;
}














.formSubmitThanks {
	max-width: 600px;
	margin: 0 auto;
}

.formSubmitThanks h2 {
	font-size: 3rem;
}

.telephone span {
	font-weight: bold;
}


.contactForm {
	display: block;
	margin: 0 auto;
	width: 600px;
	margin-top: 50px;
}

.contactForm h3 {
	font-size: 2rem;
	margin-bottom: 20px;
	color: red;
}

.contactForm ul {

	padding: 0;
	margin-bottom: 20px;
}

.contactForm ul li {
	padding: 0;
	margin-bottom: 5px;
	color: red;
	font-size: 1.5rem;

}




.contactForm label,
.formGeneral label
{
	font-size: 1.5rem;
	margin-bottom: 6px;

}

.formGeneral label {
	margin-bottom: 8px;
	width: auto;
	max-width: 440px;
	display: block;
	line-height: 2.2rem;
	font-family: verdana;
}


.contactForm input,
.formGeneral input,
.formGeneral select,
.formGeneral textarea{
	height: 25px;
	border: 1px solid #222;
	margin-bottom: 25px;
	background: #f0f0eb;
}
/* form-scale-unchecked */


.formGeneral  .errorContainer {

	width: 100%;
	background: red;
	color: #fff;
	line-height: 1.5rem;
	font-size: 1.4rem;

}


input[type='radio'].prettyRadio + label   {
	background: url('/images/form-scale-unchecked.svg');
	background-size: 35px 35px;
	height:35px;
	width: 35px;
	padding: 0;
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}


input[type='radio'].prettyRadio + label + label {

	width: auto;
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
	height: 35px;
}


input[type='radio'].prettyRadio:checked + label {
	background: url('/images/form-scale-checked.svg');
	background-size: 35px 35px;
}

.formGeneral  input[type='radio']{
	background:red;
	display: none;
}

.multiDate {
	max-width: 400px;
	overflow: auto;
}

.multiDate > .date  {
	float: left;
	width: calc(300px/3);
	font-size: 0;
	letter-spacing: 0;
}

.formGeneral .date label {
	width : 100%;
}

.formGeneral select {
	width: 300px;
}

.date select {
	width: 90%;
}

label ~ .date  {
	margin-top: 0;
}

.contactForm input,
.contactForm label,
.formGeneral input
{
	display: block;
	width: 300px;
}

.contactForm input[type='submit'],
.formGeneral input[type='submit']{

	background: #222;
	color: #fff;
	height: 30px;
	width: 150px;
	margin-top: 20px;
}

.contactForm textarea,
.formGeneral textarea{
	min-width: 300px;
	min-height: 100px;
	margin-bottom: 25px;
	border: 1px solid #222;
	background: #f0f0eb;
}



.formGeneral form {
	max-width: 600px;
	margin: 0 auto;
}


.formGeneral h2 {
	font-size: 2.5rem;
	line-height: 3rem;
	margin-bottom: 25px;
}

.formGeneral input + h2 {

	/*margin-top: 50px;*/
}

.formGeneral select {


}

.space-below {
	margin-bottom: 40px;
}

.space-below-small {
	margin-bottom:20px;
}




.gallery {
	position: relative;
}


.gallery > img {

	width: calc( (100%/5) - 10px); /*-10px which is the margin right*/
	height: auto;
	margin: 0;
	display: block;
	float: left;
	cursor: pointer;
	margin-right: 10px;
	margin-bottom: 10px;
}

.galleryViewer {
	position: fixed;
	border-radius: 5px;
	top: 20px;

	left: 25%;
	background: #fff;
	height: auto;
	z-index: 1001;
	padding: 40px 0 40px 0;
	/*width: 750px;*/
	display: none;


  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;
}

.galleryViewer img {

	width: 90%;
	height: auto;
	margin: 0 auto;
	display: block;
	float: none;

}

.galleryViewer .close {

	position: absolute;
	top: 5px;
	right: 5px;
	color: #222;
	text-decoration: none;
	font-size: 1.6rem;
}

.galleryViewer a[data-direction='next'],
.galleryViewer a[data-direction='last'] {
	position: absolute;
	top: 50%;
	top: calc(50% - 40px);
	left: 15px;
	font-size: 20px;
	display: block;
	height: 40px;
	text-indent: 100%;
	overflow: hidden;
	width: 40px;
	background: url('../images/darkArrows.png') no-repeat left top;
	background-size: 80px auto;
	z-index: 500;
}

.galleryViewer a[data-direction='next'] {
	background: url('../images/darkArrows.png') no-repeat -40px top;
	background-size: 80px auto;
	right: 15px;
	left: auto;
}

.cycleLeft, .cycleRight {

	display:inline-block;
	position: absolute;
	z-index: 501;
	width: 50%;
	height: 100%;

}

.cycleRight {

	right: 0;
}


.shortReview {

	max-width: 600px;
	margin: 0 auto;
	margin-top: 20px;
}

.shortReview > div {

	float: left;
	width: calc(100% - 160px);
}

.shortReview > img {

	float: left;
	width: 150px;
	height: auto;
	margin-right: 10px;
}

.shortReview h2 {

	font-size: 24px;
	margin-bottom: 15px;
}

.shortReview p {
	font-size: 1.6rem;

}

.shortReview .verdict span {
	font-weight: bold;

}

.shortReview .showProductImage, .shortReview .showProd {
	display: none;
}

.whiteWrap.darkCirclesWrap{

	padding-top:10px;
}
.darkCircles .hero {
	background: url('../images/dark-circles/hero.jpg') no-repeat left top;
	height: 166px;
	width: 100%;
	position: relative;
	max-width: 880px;
	padding-top: 20px;
	margin-bottom: 20px;

}

.darkCircles .hero.glowingComplexion {

	background: url('../images/glowing-complexion/hero.jpg') no-repeat left top;
}

.darkCircles .hero.autumnWinter {

	background: url('../images/autumn-winter/autumn-winter-2015.jpg') no-repeat left top;
}
.darkCircles .hero.vintageWedding {

	background: url('../images/vintage-wedding/hero.png') no-repeat left top;
}

.darkCircles .hero.halloween{

	background: url('../images/halloween/hero.jpg') no-repeat left top;
}


.darkCircles .hero.makeupMistakes {

	background: url('../images/makeup-mistakes/hero.jpg') no-repeat left top;
}
.darkCircles .hero.beautyTips {

	background: url('../images/beauty-tips/hero.jpg') no-repeat left top;
}


.darkCircles .hero.smokeyEyes {

	background: url('../images/smokey-eyes/hero.jpg') no-repeat left top;
}

.darkCircles .hero.bohemianWedding {

	background: url('../images/bohemian/hero.jpg') no-repeat left top;
}

.darkCircles .hero.tipsNoOneToldYou {

	background: url('../images/beauty-tips-no-one-told-you/hero.jpg') no-repeat left top;
}


.darkCircles .hero h1 {
	text-align: center;
	display: inline-block;
	float: right;
}

.darkCircles p:first-of-type {

	clear: both;
}

.helpDisplay {

	padding-top: 15px;
	padding-bottom: 15px;
	border: 2px dashed #cdcdcd;
	max-width: 640px;
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
	display: none;
}

.helpDisplay > a {

	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 1.6rem !important;
}

.helpDisplay h3, .helpDisplay p, .help p {

	max-width: 600px;
    margin: 0 auto;
    text-align: left;
}

.helpDisplay h3 {

	font-size: 2rem;
	margin-bottom: 10px;
}



.videoContainer {

	position: relative;
	padding-bottom: 56.25%; /* 16:9 */

	padding-top: 25px;
	height: 0;
	max-width: 600px;
	margin: 0 auto;
	margin-top: 20px;

}

.videoContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.voucherImage {

	border: 3px dashed #4f4f4f;
	border-radius: 4px;
	overflow: hidden;
}

.voucherForm {

	max-width: 600px;
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	display: none;


}

.buyNowButton {

	 background-color: #00b8ea;
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FF00B8EA',endColorstr='#FF0080CC');
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…dpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#00b8ea),color-stop(100%,#0080cc));
    background-image: -moz-linear-gradient(top,#00b8ea 0,#0080cc 100%);
    background-image: -webkit-linear-gradient(top,#00b8ea 0,#0080cc 100%);
    background-image: linear-gradient(to bottom,#00b8ea 0,#0080cc 100%);
    color: #FFF;
    border: 1px solid #0080c2;
	max-width: 250px;
	width: 100%;
	padding: 10px;
	margin: 0 auto;
	margin-bottom: 40px;
	margin-top: 20px;
}



.buyNowButton a:link, .buyNowButton a:visited  {

	font-size: 20px;
	color: #fff ;
	text-decoration: none;
}


.expandableDiv {

	max-width: 600px;
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;
	overflow: hidden;

}

ol {

	padding-left: 30px;
}

ol li{
	list-style-type: number !important;

}

.servicesContainer h2 {
	padding: 20px 0 10px 0;
	margin: 0;
	color: #222;
}

.servicesContainer p {
	color: #222;
}

.servicesContainer a:link, .servicesContainer a:visited {
	padding: 0;
	margin: 0;
	font-size: 1.8rem;
	color: #222;
	position: absolute;
	bottom: 10px;
}


.weddingBanner > div {

	width: calc(100%/3);
	float: left;
}

.weddingBanner a:link {
	text-decoration: none;
}

.weddingBanner h2 {
	text-align: center;

}


.weddingBanner  p {

	padding-left: 20px;
}

.weddingBanner > div:last-child {

	width: calc( ((100%/3) * 2) - 20px);
	float: right;
	background: red;
	padding: 50px;
	background: url('/images/wedding-collage.jpg') no-repeat left top;
	height: 300px;
}


@media screen and (max-width:850px){

	.weddingBanner > div {

		width: calc( (100%/5) * 3);
	}

	.weddingBanner > div:last-child{

		width: calc( (100%/5) * 2 );
	}
}









@media screen and (min-width : 721px){

	.gallery > img:nth-child(5n+5){
		margin-right: 0;
	}

}





@media screen and (max-width : 1300px){


}


@media screen and (max-width : 1023px){

	a:link.makeupTipsLink {

		margin-top: 20px;
	}


	.makeupTipsHub >div {
		margin-bottom: 0;
	}

	.headWrapper {
		padding-left: 20px;
		padding-right: 20px;
	}

	nav a {
		margin-right: 30px;
	}

	.lImg {
		width: calc(100% / 3);
		margin-left: 50px;
		background-size: 100% auto;
		float: left;
	}

	.wrdCloud {
			background-size: 100% auto;
			width:calc( ((100% / 3) * 2 ) - 50px);
			float: right;
			padding-top: 35px;
			box-sizing: border-box;
			overflow: hidden;
	}

	.wrdCloud>img {
		width: 80%;
		display: block;
		margin: 0 auto;
	}

	.biocopy {
		width: 60%;
	}

	.biocopy p {
		padding-right: 20px;
	}

	.bio > img {
		width: 40%;
		display:block;
		box-sizing: border-box;
	}

	.makeuptips a, .makeuptips a:last-child {
		float: none;
		margin: 0 auto;
		margin-bottom: 20px;
	}

	.beforeAfter p, .giftVoucherHome p {
		max-width: 500px;
	}

	h1, h2 {
		margin-bottom: 30px;
	}

	.sliderContainer {
		max-width: 500px;
	}


}

@media screen and (max-width: 660px){




	.helpDisplay {
		margin-right: 20px;
		margin-left: 20px;

	}

	.helpDisplay h3 {

		padding-left: 20px;
	}
}



@media screen and (max-width: 800px){

	.darkCircles .hero{

		background-position: -80px 0;
	}


}

@media screen and (min-width: 721px) and (max-width: 749px){

	nav a {
		font-size: 1.6rem;
	}
}




@media screen and (max-width : 720px){


	a:link.makeupTipsLink {

	margin-top: 15px;
	font-size: 2.4rem;
	}


	header {
		height: auto;
		padding-bottom: 6px;
	}

	.bio {
		max-width: 500px;
	}

	 .logo {
		width: 90px;
		margin-left: 5px;
	}

	.tel {
		margin-bottom: 25px;
		height: 30px;
	}

	.tel a {
		line-height: 3rem;
		display: block;
	}

	.mobileMenuBtn {
		display: block;
		border: 1px solid #fff;
		height: 22px;
		width: 70px;
		padding: 5px;
		box-sizing: content-box;
		border-radius: 5px;
	}

	.mobileMenuBtn a {

		color: #fff;
		text-decoration: none;
		font-size: 12px;
		line-height: 22px;
		background:red;
		display: block;
		background: url('../images/mobileMenuBtn.svg') no-repeat right 1px;
	}

	header .hSocial {
		display: none;
	}

	.greyWrap, .whiteWrap {
		padding-top: 30px;
	}

	.heroBanner {
		padding-top: 0px;
	}

	.container h1 {
		text-align: left;
		 max-width: 600px;
		margin: 0 auto 10px auto;
		padding-right: 20px;
		padding-left: 20px;
	}

	h1, h2, .makeuptips h2, .beforeAfter h2, .servicesHome h2, .giftVoucherHome h2 {
		font-size: 3.5rem;
		line-height: 3.5rem;
		margin-bottom: 10px;

	}

	.darkCircles .hero h1 {
		font-size: 4rem;
		padding: 0;
	}


	.servicesHome h2 {
		margin-bottom: 30px;
	}
	.servicesHome a {
		font-size: 2rem;
	}


	p, ul,ol, li, h2 {
		font-size: 1.6rem;
		line-height: 2.5rem;
		padding-right: 20px;
		padding-left: 20px;
	}

	.generalContent h2 {

	}

	.makeuptips h2 {
		margin-bottom: 30px;
	}

	.makeuptips h3 {
		font-size: 2.5rem;
	}

	.makeuptips p {
		padding: 0;
		font-size: 1.6rem;
	}

	.bio img, .biocopy{
		width: 100%;
		float: none;
		padding: 0;
		max-width: 100%;
	}
	.bio img {
		padding: 0 20px 0 20px;
	}
	.bio p {

	}

	footer {
		margin-top: 20px;
	}

	nav {
		float: none;
		display: block;
		position: absolute;
		border: 1px solid #222;
		border-right: 0;
		width: 50%;
		z-index: 1001;
		background: #f0f0eb;
		padding: 10px;
		right: -100%;
		top: 0;

		padding-top: 50px;
	}

	nav a {
		display: block;
		width: 100%;
		color: #222;
		padding-left: 5px;
		height: 45px;
		line-height: 45px;

	}

	nav a:nth-child(2) {

		border-top: 1px solid #222;
		padding-top: 10px;
		height: 55px;
		line-height: 55px;
	}

	nav a:last-child {
		padding: 0;
		border: 0;
	}

	nav .close {
		display: inline-block;
		width: auto;
		border: 0;
		position: absolute;
		top: 10px ;
		left: 10px;
		margin: 0;
	}

	.contactForm {

		width: 100%;
		padding: 0 20px 0 20px;
		box-sizing: border-box;
	}

	.gallery{
	 padding :   0 20px 0 20px ;
	}

	.gallery > img {
		width: calc( (100%/3) - 10px); /*-10px which is the margin right*/
	}

	.priceTableWrapper {
		padding: 0 20px 0 20px;

	}

	.servicesContainer p {
		padding-left: 0;
	}


}


@media screen and (max-width: 650px) {

	.darkCircles .hero h1 {
		font-size: 3.5rem;

	}

	.servicesContainer {

		padding: 0 10px 0 10px;
	}

}

@media screen and (max-width: 600px) {

	.darkCircles .hero {

		height: auto;
		background-position: 0 0 ;
	}

	.darkCircles .hero h1 {
		font-size: 3.5rem;
		float: none;
		margin-top: 160px;
		padding-left: 20px;
	}

	.darkCircles .hero h1 span {

		display: none;
	}

}

@media screen and (max-width: 720px){

	.servicesContainer > div{
		width: 100%;
	}
}

@media screen and (min-width: 414px) and (max-width: 720px){
	.gallery > img:nth-child(3n+3){
		margin-right: 0;
	}
}



@media screen and (max-width : 500px){

	html, body {
		letter-spacing: 0.3px;
	}

	header {
		height: auto;
		position: relative;
		padding-bottom: 0;
	}


	nav {
		width: 80%;
	}

	.container {
		padding-right: 20px;
		padding-left: 20px;
	}

	.heroBanner .container {
		padding: 0;
	}

	.wrdCloud  {
		padding-top: 25px;
	}


	a.logoLink {
		display: block;
		width: 100px;
		margin: 0 auto;
		float: none;
	}

	.logo {
		float: none;
		margin: 0 auto;
		width: 100px;
		margin-bottom: 20px;
	}

	.tel {
		display: none;
	}

	.mobileMenuBtn {
		float: none;
		margin: 0;
		position: absolute;
		right: 20px;
		top: 20px;
		width: 22px !important;
		overflow: hidden;

	}

	.mobileMenuBtn a {
		line-height: 0;
		font-size: 0;
		color: transparent;
		height: 22px;
		width: 70px;
		margin-left: -48px;
	}

	.lImg {
		display: none;
	}

	.wrdCloud {
		width: 100%;
		margin-bottom: 20px;
	}



	.shortReview > img {

		width: 50%;
		height: auto;
		float: none;
		display: none;
	}

	.shortReview > div {

		width: calc(100% - 90px);
		width: 100%;
	}

	.shortReview .showProductImage {

		overflow: hidden;
	}

	.shortReview .showProductImage img {
		width: 60%;
		margin: 0 auto;
	}
	.shortReview .showProd {
		display: inline-block;
	}
}


@media screen and (max-width: 550px){

	.footerWrapper {
		padding: 10px 0 10px 0;
	}

	footer .hSocial {
		max-width: 130px;
	}

	footer .hSocial, footer p, footer a {
		float: none;
		margin: 0 auto;
		max-width: 100%;

	}

	footer p, footer a{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin-top: 10px;
		width: auto;
	}

	.exploreWrapper {
		width: 100%;
		margin-bottom: 15px;
	}

	.exploreWrapper > a,  .exploreInner > div {
		padding-left: 20px;
	}

	.exploreWrapper, .imaLogo {
		float: none;
	}

	 .imaLogo {
		margin: 0 auto;
		margin-bottom: 15px;
	 }

	 .exploreInner > div a {
		text-align: left;
	 }
}



@media screen and (max-width : 413px){

	.generalContent a.moreTips {

		font-size: 1.9rem;
	}

	a:link.makeupTipsLink {

		font-size: 1.8rem;
	}

	.darkCircles .hero h1 {

		padding: 0;
	}

	.helpDisplay {

		padding-top: 30px;
	}

	.servicesHome a {
		height: auto;
		font-size: 1.8rem;
		min-size: 320px;
		padding-right: 0;
	}

	.exploreInner > div {
		display: inline-block;
		float: none;
		width: 320px;
		margin: 0 !important;
	}


	.container h1 {
		text-align: left;
		max-width: 600px;
		padding-right: 20px;
		padding-left: 20px;

	}

	.generalContent ul  {

		padding-left: 40px;

	}

	.generalContent li {
		padding-left: 0;
	}

	.makeuptips a.lips, .makeuptips a.eyes, .makeuptips a.foundation,.makeuptips a.vintage,
.makeuptips a.bohemian, .makeuptips a.smokey, .makeuptips a.makeupmistakes,.makeuptips a.beautyProducts,
.makeuptips a.halloween, .makeuptips a.autumnWinter, .makeuptips a.beautyTips, .makeuptips a.bestConcealers,
.makeuptips a.naturalWedding, .makeuptips a.bestMascara, .makeuptips a.glowingComplexion, .makeuptips a.bestPrimers
{
		background-size: 100px auto;
		padding-left: 120px;
		height: auto;
		margin-bottom: 20px;
	}
	.makeuptips h2 {
		margin-bottom: 20px;
	}
	.makeuptips h3{
		font-size: 1.8rem;
	}

	.makeuptips p {
		font-size: 1.2rem;
		line-height: 1.8rem;
	}

	.contactForm input, .contactForm label, .contactForm textarea {

		width: 100%;
		min-width: 0;
		max-width: 100%;
	}

	.contactForm input[type='submit'] {

		width: 100%;
	}

	.gallery img {

		width: calc(100%/2);

	}


	.gallery img {

		width: calc( (100%/2) - 10px); /*-10px which is the margin right*/

	}

	.gallery > img:nth-child(2n+2){
		margin-right: 0;
	}

	.galleryViewer {

	width: 100%;

}

	.galleryViewer img {
		width: 90%;
	}

	.galleryViewer a[data-direction='next'],
	.galleryViewer a[data-direction='last']{
		display: none;
	}

}


/* ############ SLICK JS #############*/


    * {
      box-sizing: border-box;
    }

    .slider {
        width: 75%;
        margin: 0 auto;
		border:1px solid red;
    }



    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;

	  height: auto;
    }

    .slick-prev:before,
    .slick-next:before {
        color: white;
    }

	/* Overriding slick css */

	.slick-prev, .slick-next {}

	@media screen and (max-width : 720px) {

		.slider {
			width: 100%;
			margin: 0 auto;
			border:1px solid red;
		}
	}



	/* Light Gallery CSS */


    .lightGallery a {
        display: block;
        float: left;
        padding: 0;
        margin: 0;
        margin-right: 2px;
        width: calc((100%/5) - 2px);
        overflow: hidden;

    }

    .lightGallery a:nth-child(5n){
       margin-right: 0;
    }

    .lightGallery img {

        width: 200px;
        height: auto;
        margin: 0;
        padding: 0;


        -webkit-transition: -webkit-transform 0.15s ease 0s;
        -moz-transition: -moz-transform 0.15s ease 0s;
        -o-transition: -o-transform 0.15s ease 0s;
        transition: transform 0.15s ease 0s;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        height: 100%;
        width: 100%;

    }

    .lightGallery img:hover {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }


    @media screen and (max-width : 1023px){
        .gallery{
            max-width: 90%;
        }
    }

    @media screen and (max-width : 900px){

        .lightGallery a {
            width: calc((100%/4) - 2px);
        }

        .lightGallery a:nth-child(5n){
            margin-right: 2px;
        }

        .lightGallery a:nth-child(4n){
            margin-right: 0;
        }
    }

    @media screen and (max-width : 720px){
        .lightGallery a {
            width: calc((100%/3) - 2px);
        }

        .lightGallery a:nth-child(4n){
            margin-right: 2px;
        }

        .lightGallery a:nth-child(3n){
            margin-right: 0;
        }


    }

    @media screen and (max-width : 500px){
        .lightGallery a {
            width: calc((100%/2) - 2px);
        }

        .lightGallery a:nth-child(3n){
            margin-right: 2px;
        }

        .lightGallery a:nth-child(2n){
            margin-right: 0;
        }
    }

    @media screen and (max-width : 400px){

        .gallery {
            max-width: 95%;
            padding: 0 10px 0 10px;

        }


    }



.naturalWedding .shortReview {

}

.naturalWedding .shortReview  h2{

	margin-top: 0;
}


.homeWeddingHeader {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c6dbdc+0,ffffff+100,ffffff+100 */
	background: #c6dbdc; /* Old browsers */
	background: -moz-linear-gradient(left, #c6dbdc 0%, #ffffff 100%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #c6dbdc 0%,#ffffff 100%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #c6dbdc 0%,#ffffff 100%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6dbdc', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.homeWeddingHeader h1,
.homeWeddingHeader p,
.homeWeddingHeader a {

	color: #474747;
	margin: 0;
	padding: 0;
}

.homeWeddingHeader h1 {
	font-size: 4.4rem;

}

.homeWeddingHeader p {
	font-size: 2.6rem;
	margin-top: 3.5rem;
	line-height: 3.4rem;
}

.homeWeddingHeader a {
	font-size: 3rem;
	margin-top: 6.5rem;
	display: inline-block;
	text-align: right;
	float: right;
	text-decoration: none;
	padding-right: 5px;
}
.homeWeddingHeader img {

	float: right;
	display: block;
}

.homeWeddingHeader .textContainer {
	max-width: 460px;
	margin-top: 65px;
	float:left;
	overflow: auto;
	margin-left: 60px;
}


@media screen and (max-width:873px){

	.homeWeddingHeader .textContainer {
		margin-left: 20px;
	}

	.homeWeddingHeader img {
		width: calc(100% - 480px);
	}
}


@media screen and (max-width:770px){

	.homeWeddingHeader .textContainer{

		float: none;
		padding: 20px 15px 0 15px;
		margin: 0 auto 30px auto;
	}
	.homeWeddingHeader p {
		margin-top: 2rem;
	}
	.homeWeddingHeader a {
		margin-top: 3.5rem;
	}

	.homeWeddingHeader img {
		width: calc(100% - 480px);
	}



	.homeWeddingHeader a {
		float: none;
		display: table;
		margin: 40px auto 0 auto;
	}

	.homeWeddingHeader img
	{
		float: none;
		margin: 0 auto;
		width: auto;
	}
}

@media screen and (max-width: 768px){

	header .tel {
		margin-bottom: 20px;
	}

	.mobileMenuBtn {
		display: block;
		border: 1px solid #fff;
		height: 22px;
		width: 70px;
		padding: 5px;
		box-sizing: content-box;
		border-radius: 5px;
	}

	.mobileMenuBtn a {

		color: #fff;
		text-decoration: none;
		font-size: 12px;
		line-height: 22px;
		background:red;
		display: block;
		background: url('../images/mobileMenuBtn.svg') no-repeat right 1px;
	}


	nav {
		float: none;
		display: block;
		position: absolute;
		border: 1px solid #222;
		border-right: 0;
		width: 70%;
		z-index: 1001;
		background: #f0f0eb;
		padding: 10px;
		right: -100%;
		top: 0;

		padding-top: 50px;
	}

	nav a {
		display: block;
		width: 100%;
		color: #222;
		padding-left: 5px;
		height: 45px;
		white-space: nowrap;
		line-height: 45px;

	}

	nav a:nth-child(2) {

		border-top: 1px solid #222;
		padding-top: 10px;
		height: 55px;
		line-height: 55px;
	}

	nav .close {
		display: inline-block;
		width: auto;
		border: 0;
		position: absolute;
		top: 10px ;
		left: 10px;
		margin: 0;
	}

}

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


	.homeWeddingHeader h1 {
		font-size: 3.5rem;
		text-align: center;
	}
	.homeWeddingHeader p {

		text-align: center;
	}
}


@media screen and (max-width:380px){

	.homeWeddingHeader h1 {
		font-size: 3rem;
	}

	.homeWeddingHeader p {
		font-size: 2.2rem;
	}

	.homeWeddingHeader a {
		font-size: 2.8rem;
		margin-top: 30px;
	}


	.homeWeddingHeader .textContainer {
		padding:  20px 15px 0 15px;

	}
}


.bridal-hair-makeup {

	max-width: 600px;
	margin: 0 auto;
	height: auto;
}

.bridal-hair-makeup > img {

	width: 40%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	padding: 0 0 20px 20px;
	float:right;
}
.bridal-hair-makeup p:first-of-type{
	width: 60%;
	float: left;
}

.bridal-hair-makeup p:last-of-type{
	/*clear: both;*/
}


@media screen and (max-width:500px){

	.bridal-hair-makeup p:first-of-type{
		width: 100%;
		float: none;
	}

	.bridal-hair-makeup img {

		width: 100%;
	}
}

.bridal-hair {

	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	display: block;
	padding: 20px 0 0px 0;
	box-sizing: border-box;

}

.image-accreditation {
	position: relative;
	padding-bottom: 25px;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}
.image-accreditation span{

	display: block;
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-family: inherit;

}

@media screen and (max-width: 829px){

	nav a {
		margin-right: 20px;
	}

}


/* SLICK JS */

.inpageGallery {

	max-width: 640px !important;
	margin: 15px auto;
	padding:  10px;
}

ul.slick-dots {
	text-align: center;
}

/* Slick style overides */
.slick-prev {

	left: 4px;
	z-index: 500;
}
.slick-next {
	right: 4px;

	z-index: 500;
}

.slick-prev:before, .slick-next:before {

	color: #222
}


/* sub page styles */

.container.subpage h2 {

	max-width: 600px;
	margin: 0 auto;
	font-size: 3.4rem;
	margin-bottom: 15px;
}

.subpage a {
	color: #1ab0e1;
	text-decoration: none;
}

.makeupHairHero {

	overflow: hidden;
}

.makeupHairHero .container {
	position: relative;
	z-index: 5;
	padding-left: 140px;
}

.makeupHairHero > div {


	min-height: 300px;
	max-width: 1000px;
	width: 100%;

	background: url('/images/bride.jpg') no-repeat center center;
	background-size: 100% auto;

	background: url('/images/makeupandhairhero.jpg') no-repeat 230px -178px;
	background-size: 110% auto;

	background: url('/images/gradient_2.jpg') no-repeat 600px -60px;
	background-size: auto 120%;

	background: url('/images/gradient_2.jpg') no-repeat 0px -60px;
	background-size: 120% auto;


	margin: 0 auto;

	background: none;
	position: relative;

	overflow: visible;
	/*

	Option 1

	div, image sized adequately

	*/
}

.makeupHairHero  img {
	display: block;
	position: absolute;
	left:-96px;
	top: -25px;
	height: 140%;
	width: auto;
	z-index: 0;
}


.makeupHairHero h1 {

	max-width: 600px;
	margin-top: 45px;
	margin-bottom: 25px;

	font-size: 4.2rem;
	line-height: 4.8rem;
	text-align: left;

}

.makeupHairHero p {

	font-size: 2.1rem;
	line-height: 3.4rem;
	max-width: 500px;
	margin-left: 0;
}

.makeupHairHero a:link,
.makeupHairHero a:visited {

	display: inline-block;
	border: 1px solid #222;
	padding: 8px 5px;

	width: calc(500px / 3);
	font-size: 2rem;
	text-decoration: none;
	color: #222;

	word-spacing: 0;

	margin-top: 40px;
	margin-bottom: 40px;
	background: rgba(34,34,34,0.7);
	color: #fff;

	text-align: center;

	font-size: 1.5rem;

}

 p.accredit {

	font-size: 1.2rem;
}

@media all and (max-width: 950px){

	.makeupHairHero .container {
		padding-left: 50px;
	}

	.makeupHairHero img {
		left: -196px;
	}
}


@media all and (max-width: 800px){
	.makeupHairHero img {
		left: -220px;
	}
}

@media all and (max-width: 750px){
	.makeupHairHero img {
		left: 350px;
		opacity: 0.5
	}
}

@media all and (max-width: 750px){
	.makeupHairHero .container {
		padding-left: 20px;
	}

	.makeupHairHero a:link,
	.makeupHairHero a:visited {

		width: calc( (100% - 20px) /3);
	}
}

@media all and (max-width: 650px){
	.makeupHairHero img {
		left: 320px;
		opacity: 0.4;
	}
}


@media all and (max-width: 575px){

	.makeupHairHero .container {

	}


	.makeupHairHero img {
		left: 220px;
		opacity: 0.3;
	}
}


@media all and (max-width: 414px){


	.makeupHairHero img {
		left: 50px;
		opacity: 0.2;

	}
}

@media all and (max-width: 420px){

	.makeupHairHero a span {
		display: none;
	}
}

@media all and (max-width: 375px){
	.makeupHairHero img {
		display: none;
	}
}


@media all and (max-width: 414px){
	.makeupHairHero h1 {
		font-size: 3.4rem;
		line-height: 4rem;
	}

	.container.subpage h2 {
		font-size: 3rem;
		line-height: 3.4rem;
	}

	.container.subpage p {
		line-height: 3rem;
	}
}


.bookingBtn {

	background-color: #00b8ea;
	zoom: 1;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+0,7c7c7c+100 */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+0,4c4c4c+100 */
	background: #222222; /* Old browsers */
	background: -moz-linear-gradient(top, #222222 0%, #4c4c4c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #222222 0%,#4c4c4c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #222222 0%,#4c4c4c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */

	color: #FFF;


	border: 1px solid #222;
	max-width: 400px;
	width: 100%;
	padding: 10px;
	margin: 0 auto;
	margin-bottom: 0px;
	margin-top: 40px;

}



.bookingBtn a:link, .bookingBtn a:visited  {

	display: block;
	width: 100%;
	text-align: center !important;
	font-size: 20px;
	color: #fff ;
	text-decoration: none;
}


.faqContainer {

	max-width: 600px;
	margin: 0 auto;

}

.faqItem {

	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	background: #fff;
	border: 1px solid #222;

	padding: 10px ;
	margin-bottom: 12px;

}

.faqItem > a {

	font-size: 1.8rem;
	color: #222;
	text-decoration: none;
	position: relative;
	display: block;
}

.faqItem > a::after{
	content: " ";
	display: block;
	width: 22px;
	height: 22px;
	background: red;

	position: absolute;
	right: 0;
	top: 0;

	background: url('/images/plus_icon.svg') no-repeat center center;
	background-size: 100% auto;

	-webkit-transition: transform 0.5s; /* Safari */
	transition: transform 0.5s;
}

.faqItem > a.open::after{
	/*filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.5);*/
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.faqItem p {
	font-size: 1.6rem;
	line-height: 2.1rem;
	margin-bottom: 0;
	padding: 0;
}

.faqItem p + p {
	margin-top: 8px;
}

.faqItem > div {

	padding: 0;
	max-height: 0;
	-webkit-transition: max-height 0.5s, padding 0.5s; /* Safari */
	transition: max-height 0.5s, padding 0.5s;
	overflow: hidden;

}

.faqItem > div.open {
	padding: 10px 20px 0 0;
	max-height: 50px;
	transition: max-height 0.5s, padding 0.5s;
}

@media all and (max-width: 420px){
	.faqItem > div.open {
		padding: 10px 20px 0 0;
		max-height: 300px;
		transition: max-height 0.5s, padding 0.5s;
	}


}


/* BLOG STYLES*/

.blogHero {
	left: 0;
	overflow: auto;
}

.blogHero > div {

	overflow: hidden;
	max-height: 250px;
}

.blogHero img {
	left: 100px;
}

.blogHero h1 {

	font-size: 3rem;
	margin: 30px 0 0 0;
}

.blogHero h1,
.blogHero p{


	background: rgba(255,255,255,0.8);
	padding: 10px;
	max-width:450px;
}
.blogHero p {
	padding: 10px;
}
.imagesHorizontal {
	max-width: 600px;
	margin: 0 auto;
	font-size: 0;
	letter-spacing: 0;
	padding: 20px 0;
}

.blogImage {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	display: block;
	margin-top: 30px;
}

.imagesHorizontal > img {
	width: calc( (100% - 8px) / 2 );
	display:inline-block;
	margin: 0;
	padding: 0;
}

.imagesHorizontal > img + img {
	margin-left: 8px;
}

@media all and (max-width: 485px){

	.blogHero img {
		left: -350px;
		display: block;
	}

	.blogHero .container {
		padding-left: 0;
		width: 100%;
	}

	.blogHero h1,
	.blogHero p {
		width: 100%;

		max-width: 100% !important;
	}
}

/* STANDARD FORMS */

.standardFormContainer {

	max-width: 600px;
	margin: 0 auto;
	padding: 20px 0;
}

.standardFormContainer label {

	font-family: inherit;
	font-size: 1.8rem;
	line-height: 2.4rem;
	width: 100%;
	margin-bottom: 6px;
	display: block;

}
.standardFormContainer input {
	width: 100%;
	height: 28px;
	border: 1px solid #222;
	margin-bottom: 15px;
	background: #f0f0eb;
}

.findAddress {

	display: block;
	height: 30px;

	color: #fff;
	font-size: 1.6rem;
	line-height: 30px;
	background: #222;
	text-decoration: none;
	text-align: center;
}

.standardFormContainer .hiddenInputs {

	display: none;
}

@media all and (min-width: 500px){

	.standardFormContainer input, .findAddress{
		max-width: 400px;
	}

}


h1.heading {
	max-width: 600px;
	margin: 0 auto;
	text-align: left;
	margin-bottom: 30px;
	
}






/*BOOKING FORM CSS*/

.hiddenAddress {
	display: none;
	display: block;
}

a.finderX, a.manualX {
	float: left;
	height: 20px;
	line-height: 20px;
	width: calc( (100%/2) - 5px);
	background: #222;
	color: #fff;
	text-align: center;
	text-decoration: none;
	margin-top: 10px;
}

a.manual, a.searchAgain, .checkbox a {
	font-size: 1.5rem;
	color: #1ab0e1;
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
}

a.manual {
	margin-top: 8px;
}

.addressFinder .buttons a:first-of-type {
	margin-right: 10px;
}

.addressInput {
	position: relative;
	max-width: 300px;

}

.addressInput input {
	margin-bottom: 0;
}

.addressInput a {
	width: 100px;
	height: 24px;
	background: #222;
	position: absolute;
	right: 0;
	top: 1px;
	color: #fff;
	text-decoration: none;
	line-height: 20px;
	text-align: center;

}

.addressFinder {

	position: relative;
	overflow: hidden;
}

.addressFinder p {

	padding: 0;
}

.addressFinder .buttons {
	max-width: 300px;

}

.errorBucket {
	display: none;
}

.lightbox {
	position:fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 100;

}

.lightbox > div {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url('/images/loading-icon.gif') no-repeat center center;
	background-size: contain;
	width: 30%;
	height: 30%;
}

.lightboxHidden {
	display: none;
}

.addressBoardContainer {
	position: relative;
	width: 100%;
	overflow:hidden;
	min-height: 50px;
}

.addressBoard {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	transition-property: left;
	transition-delay: 0s;
	transition-duration: 300ms;
	transition-timing-function: ease;

}


.transitionFocus {
	left: 0;
}

.transitionLeft {
	left: -100%;
}

.transitionRight {
	left: 100%;
}


.hiddenGroup {

	overflow: hidden;
}

.hiddenOverflowShow {
	overflow: visible;
}

.formGeneral h2 {
	margin-top: 0;
}

.formGeneral  p {

	margin-top: 20px;
	margin-bottom: 20px;
}

.inputSpaceBelow {
	margin-bottom: 25px !important;
}

.checkbox {
	margin-bottom: 25px;
}

.checkbox input{
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 8px;
}

.checkbox a {

	display: inline;
	margin: 0;
}

.checkbox label, .checkbox a {
	font-size: 1.4rem;
	line-height: 2rem;
}

input[type='radio'] + .radioSpaceBelow
 {
	margin-bottom: 25px !important;
}

.timeSelects > div {
	width: 50%;
	float: left;
}

.timeSelects select {
	width: 95%;
	margin: 0;
}

.timeSelects {
	max-width: 300px;
}


.blog h1 {
}

.blogContainer {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	margin-top: 20px;
	border: 1px solid #cdcdcd;
	padding: 10px;

}



.blogContainer > div:last-child {
	float: right;
	width: calc(50% - 10px);
	position: relative;
	padding-bottom: 20px;
}

.blogContainer > div:first-child{

	width: calc(50% - 10px);
	float: left;
}
.blogContainer img {

	width: 100%;
	height: auto;
}

.blogContainer h2 {
	margin: 0;
	padding: 0;
}

.blogDate{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.2rem;
}

.blogContainer a:link {

	font-size: 1.5rem;
	text-align: right;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}



@media all  and (max-width: 814px){

	.blogContainer {
		max-width: 600px;
	}
	.blogContainer p {
		padding: 0;
	}


	.blogContainer > div:last-child,
	.blogContainer > div:first-child {
		float: none;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.blogContainer > div:first-child {
		margin-bottom: 15px;
	}

	.blogContainer > div:last-child {
		padding-bottom: 20px;
	}
}


.pricing_x {
	padding: 0 20px;
}

.pricing_x h1 {
	text-align: left;
	margin-left: 0;
	padding-left: 0;
}

.pricing_x h2 {
	font-size: 2.2rem;
	margin-bottom: 15px;
	padding: 0;
}

.pricing_x p {
	font-size: 1.7rem;
	line-height: 2rem;
	max-width: 100%;
	margin: 0 0 30px 0;
	padding: 0;
}

.pricing_x table span {
	font-size: 1.1rem;
}

.pricing_x a {
	text-decoration: none;
	color: #1ab0e1;
	font-size: inherit;
}

.pricing_x table {
	width: 100%;
	max-width: 	600px;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 3px;
	table-layout: fixed;
}

.pricing_x td, .pricing_x th {
	width: 50%;
	font-size: 1.7rem;
	line-height: 2rem;
	padding: 10px;
	background: #ededed;
}

.pricing_x th {
	background: #414141 !important;
	color: #fff;
}

.pricing_x tr.hidden td {
	visibility: hidden;
}

.pricing_x > div {
	width: 45%;
	float: left;
	margin-bottom: 45px;
}

.pricing_x > div:nth-child(2n){

	float: right;
}

@media all and (max-width: 900px){

	.pricing_x > div {
		width: 48%;
	}
}

@media all and (max-width: 732px){

	.pricing_x > div,
	.pricing_x > div:nth-child(2n){

		width: 100%;
		float: none;
		margin-bottom: 30px;
	}

	.pricing_x table {
		max-width: none;
	}

	.pricing_x tr.hidden td {
		display: none;
	}
}


@media all and (max-width: 320px){

	.pricing_x  {
		padding: 0 10px;
	}
}


.occasionsHeader {

	margin-top: 8px;
	background: none;
	background-color: #000;
	height: auto;
	width: 100%;

}

.occasionsHeader > img {

	width: 100%;
	display: block;
	float: none;
	max-width: 1300px;
	margin: 0 auto;

}

.heroCarousel {
	height: 500px;
	width: 100%;
	max-width: 100%;
	margin-top: 15px;
}
.heroCarousel > div,
.heroCarousel  img{
	height: 500px;
	width: 100%;
	display: block;
}




.bannerOverlay {
	position: absolute;
	bottom: 100px;
	left: 200px;
	z-index: 10;

}

.bannerOverlay p {
	font-size: 3rem;
}

.heroCarousel .slick-slide {
	width: 100vw !important;
	margin: 0;
	padding: 0;
}

.heroCarousel .slick-slide img {
	margin-right: 20px;
}





/***  Team page ***/

.teamContainer:first-of-type {
	margin-top: 40px;
}

.teamContainer {
	width: 800px;
	border: 1px solid #cdcdcd;
	margin: 0 auto 30px auto;
	box-sizing: border-box;
	padding: 15px;
}

.teamContainer .carousel {
	width: 300px;
	height: 350px;
	max-width: 300px;
	border: 1px solid #cdcdcd;
	float: left;
	margin-right: 20px;
	overflow: hidden;
}

.teamContainer .copy {
	float: right;
	max-width: 440px;
}

.teamContainer .carousel img {
	width: 100%;
	height: auto;
}

.teamContainer .slick-dotted.slick-slider {
	margin-bottom: 10px;
}

.teamContainer .carousel .slick-slide {
	margin: 0;
}

.teamContainer h2 {
	margin-top: 0;
}

.teamContainer p {

	font-size: 1.6rem;
	line-height: 2.4rem;
}

@media all and (max-width: 830px) {

	.teamContainer {
		width: calc(100% - 40px);
		margin: 20px;
	}

	.teamContainer .carousel {
		width: 300px;
		height: 350px;
		max-width: 300px;
		width: calc( (100% - 50px) /2);
		border: 1px solid #cdcdcd;
		float: left;
		margin-right: 20px;
		overflow: hidden;
	}

	.teamContainer .copy {
		float: right;
		max-width: 440px;
		width: calc( 100% /2)
	}

}

@media all and (max-width: 600px) {

	.teamContainer .carousel,
	.teamContainer .copy {
		width: 100%;
		max-width: 100%;
		float: none;
	}



	.teamContainer .slick-dotted.slick-slider {

		margin-bottom: 20px;
	}

	.teamContainer h2,
	.teamContainer p {
		padding: 0;
	}

	.teamContainer h2 {
		margin-top: 20px;
	}

}

@media all and (max-width: 412px) {

	.teamContainer .carousel {
		height: auto;
	}
}


@media all and (max-width: 840px){
	nav a:last-child {
		border: 0;
		padding: 0;
	}
}



/* Home Page Gallery Module */

.galleryModuleParent {

	padding: 10px 0;

}

.galleryModuleParent a {
	text-decoration: none !important;
}


.galleryModule {

	width: 100%;
	margin: 0;
	position: relative;
	min-height: 300px;
	padding: 0;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 20px;
	margin: 0 auto;
	max-width: 100%;

}

.galleryModule .copyContainer {

	position: absolute;
	z-index: 100;
	width: 1000px;
	height: 300px;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -120px;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;


}



.galleryModule .copyContainer p {
	position: absolute;
	font-family: Georgia;
	font-size: 11rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	letter-spacing: 6px;
	top: 195px;

}

.galleryModule .copyContainer p:first-child {

	font-size: 6rem;
	top: 120px;
	letter-spacing: 6px;

}

.galleryModule .row {

	font-size: 0;
}

.galleryModule .row img {

	display: inline-block;
	vertical-align: top;

	height: auto;
	margin: 0 20px 0 0;
	padding: 0;
	box-sizing: border-box;
}

.galleryModule .row img:nth-child(4),
.galleryModule .row img:nth-child(8) {
	margin-right: 0;
}

.galleryModule .img1 {

	width: 16%;
}

.galleryModule .img2 {

	width: 20%;
}

.galleryModule .img3 {

	width: 22%;
}

.galleryModule .img4 {

	width: calc( (100% - 58%) - 63px );
}

.galleryModule .row .img5 {

	margin-top: -50px;
	width: 30%;
	vertical-align: bottom;
}

.galleryModule .row .img6 {

	margin-top: 20px;
	width: 15.5%;
	vertical-align: bottom;
}

.galleryModule .row .img7 {

	margin-top: 20px;
	width: 30.5%;

	vertical-align: bottom;
}

.galleryModule .row .img8 {

	margin-top: -48px;
	width: calc( (100% - 76%) - 63px );

	vertical-align: bottom;

}

@media all and (max-width: 1024px){

	.galleryModule .copyContainer {
		width: 600px;
		margin-left: -300px;
	}
}

@media all and (max-width: 768px){


	.galleryModule .copyContainer {
		width: 500px;
		margin-left: -250px;
		margin-top: -125px;
		height: 250px;
	}

	.galleryModule .copyContainer p {
		font-size: 6rem;
		top: 165px;
	}

	.galleryModule .copyContainer p:first-child  {
		font-size: 3rem;
	}

	.galleryModule .row img {

		margin-right: 10px;
	}


	.galleryModule .row .img8 {

		margin-top: -48px;
		width: calc( (100% - 76%) - 33px );

		vertical-align: bottom;

	}

	.galleryModule .img4 {

		width: calc( (100% - 58%) - 33px );
	}


}


@media all and (max-width: 600px) {



	.galleryModule .row img {

		margin-right: 5px;
		font-size: 0;
	}


	.galleryModule .row .img8 {

		margin-top: -48px;
		width: calc((100% - 76%) - 16px);
		vertical-align: bottom;
	}

	.galleryModule .img4 {

		width: calc((100% - 58%) - 16px);
	}


	.galleryModule .copyContainer {

		width: 80%;
		margin-top: -75px;
		height: 150px;
		margin-left: auto;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.galleryModule .copyContainer p {

		font-size: 4rem;
		top: 100px;
	}

	.galleryModule .copyContainer p:first-child {

		font-size: 2rem;
		top: 70px;
	}
}



@media all and (max-width: 568px){

	.galleryModule .row .img8 {

		margin-top: -48px;
		width: calc((100% - 76%) - 18px);
		vertical-align: bottom;
	}

	.galleryModule .img4 {

		width: calc((100% - 58%) - 18px);
	}


}

@media all and (max-width: 480px){


	.galleryModule {

		min-height: auto;
	}

	.galleryModule .copyContainer {

		width: 80%;
		margin-top: -50px;
		height: 100px;
		margin-left: auto;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}


	.galleryModule .copyContainer p {

		font-size: 4rem;
		top: 60px;
	}

	.galleryModule .copyContainer p:first-child {

		font-size: 2rem;
		top: 30px;
	}

}


@media all and (max-width: 415px) {

	.galleryModule {

	}
	.galleryModule .copyContainer {

		width: calc( 100% - 40px );
		margin-top: -50px;
		height: 100px;
		margin-left: auto;
		left: auto;
		-webkit-transform: none;
		transform: none;
	}


	.galleryModule .copyContainer p {

		font-size: 3rem;
		top: 60px;
		padding: 0;
	}

	.galleryModule .copyContainer p:first-child {

		font-size: 2rem;
		top: 30px;
	}
}




@media all and (min-width: 1900px){

	galleryModule {

	}
}



/* Homepage Hero Banner with fading images */

.fadeHeroBanner {

	position: relative;
	padding: 0;
	margin-top: 6px;

}

.fadeHeroBanner .bannerText {

	width: 100%;
	background: rgba(0,0,0, 0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	bottom: 10px;
	z-index: 50;
	padding: 6px 0 6px 0;

}

.fadeHeroBanner .bannerText > div {

	margin: 0 auto;
	max-width: 990px;

}

.fadeHeroBanner .bannerText h2 {

	font-size: 4.4rem;
	font-family: Georgia;
	line-height: 5.5rem;
	color: #fff;
	padding: 0;
	margin-bottom: 0;
}

.fadeHeroBanner .slide {

	position: relative;
	z-index: 3;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 1;

	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
}

.fadeHeroBanner .slide.fade {

	opacity: 0;
}

.fadeHeroBanner .slide.clearTransitions {

	transition: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
}

.fadeHeroBanner .slide picture,
.fadeHeroBanner .slide img {
	width: 100%;
	height: auto;
	display: block;
}

.fadeHeroBanner .slide1 {

	/*visibility: hidden;*/
}

.fadeHeroBanner .slide2 {
	z-index: 2;
	position: absolute;
}

.fadeHeroBanner .slide3 {
	z-index: 1;
	position: absolute;
}

@media all and (max-width: 1024px){

	.fadeHeroBanner .bannerText {
		padding: 6px 20px;
	    height: auto;
	}

	.fadeHeroBanner .bannerText h2{
		font-size: 2.5rem;
		line-height: 3rem;
		display: block;
		margin: 0 auto;
		max-width: 500px;
	}
}

@media all and (max-width: 768px) {
	.fadeHeroBanner .bannerText {
		bottom: 0;
	}
}


@media all and (max-width: 625px) {

	.fadeHeroBanner .bannerText {
		padding-bottom: 4;
		padding-top: 4;
	}

	.fadeHeroBanner .bannerText h2{
		font-size: 2rem;
		line-height: 3rem;
		display: block;
		margin: 0 auto;
		max-width: 500px;
	}

}


@media all and (max-width: 625px) {

	.fadeHeroBanner .bannerText h2{
		font-size: 1.8rem;
		line-height: 2.3rem;
	}
}

@media all and (max-width: 585px) {

	.fadeHeroBanner .bannerText h2{
		font-size: 1.5rem;
		line-height: 1.8rem;
	}
}

@media all and (max-width: 330px) {

	.fadeHeroBanner .bannerText h2{
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
}

@media all and (max-width: 445px) {

	.bioTeam h1 {
		font-size: 2.5rem;
	}

	.bioTeam a {
		font-size: inherit !important;
	}
}

@media all and (max-width: 445px) {

	.bioTeam h1 {
		font-size: 2.2rem;
	}
}


.testimonials {
	position: relative;
	overflow: hidden;
}

.testimonials h2 {

	font-style: italic;
	text-align: center;

}

.testimonials p {
	font-size: 2.2rem;
	line-height: 2.8rem;
	font-style: italic;
	text-align: center;
	color: #8c8c8c;
	margin-bottom: 8px;

}



.testimonials .attribution_primary,
.testimonials .attribution_secondary {
	font-size: 1.8rem;
	line-height: 1.8rem;
	margin: 0;

}

.testimonials .attribution_secondary {

	font-size: 1.2rem;
}

.testimonials .attribution_primary {
	margin: 20px 0 4px 0;
}

.testimonials div.slideNav {
	display: inline-block;
	cursor: pointer;

}

.testimonials div.slideNav i:after,
.testimonials .slick-arrow::before {

	font-family: "Font Awesome 5 Free";
	font-weight: 600 !important;
	font-size: 40px;
	color: #b1b1b1;
	margin-right: 10px;
}

.testimonials .slick-arrow {
	top: 10%;
	transform: translate(0,0);
}

.testimonials .slick-next::before {
	content: "\f054";
}

.testimonials .slick-prev::before {
	content: "\f053";
}

.testimonials div.slideNav.left {

	position: absolute;
	left: 0;
	z-index: 20;
}

.testimonials div.slideNav.right {

	position: absolute;
	right: 0;
	z-index: 20;
}

.testimonialSlide {
	padding: 0 50px;
	position: relative;
	padding-bottom: 20px;
}



.testimonialSlide.left {

}
.testimonialSlide.right {}
testimonialSlide.center {}




@media all and (max-width: 1024px) {

	.testimonials {
		padding: 0 30px;
	}
}

@media all and (max-width: 768px) {

	.testimonials h2 {
		font-size: 3.5rem;
		margin-bottom: 30px;
	}
}


@media all and (max-width: 768px) {

	.testimonials {
		padding: 0 20px;
	}
}

@media all and (max-width: 500px) {

	.testimonials {
		padding: 0 10px;
	}
}

@media all and (max-width: 415px) {



	.testimonials p {
		font-size: 1.8rem;
	}
}



.impactBanner img{
	width: 100%;
	height: auto;
	margin-top: 10px;
}

.tyl {

	width: 80%;
	box-sizing: border-box;
}

.tyl h2 {

	font-size: 2.8rem;
	margin-bottom: 10px;
}

.tyl p {

	max-width: 800px;
	text-align: justify;
}

.tyl .imageBlock {

	max-width: 800px;
	margin: 30px auto 0 auto;
	overflow: auto;
}

.imageBlock img {
	display: block;
	float: left;
	margin-right: 20px;
}

.imageBlock.floatRight img {

	float: right;
	margin: 0 0 0 20px;
}

@media all and (max-width: 768px) {

	.tyl {
		width: 100%;
		margin: 0;
		padding: 0 20px;
	}
}

@media all and (max-width: 768px) {

	.tyl h2 {
		font-size: 2.4rem;
	}
}

@media all and (max-width: 668px) {

	.tyl h1 {
		padding: 0;
	}


	.tyl h2 {
		font-size: 2rem;
	}

	.imageBlock img {

		width: 300px;
		height: 300px;
	}
}

@media all and (max-width: 668px) {

	.imageBlock img,
	.imageBlock.floatRight img{
		float: none;
		margin: 0 0 15px 0;
		width: 100%;
		height: auto;
	}

	.tyl h1 {
		margin-bottom: 25px;
	}

	.tyl h2 {
		font-size: 2.2rem;
	}

	.tyl p,
	.tyl h2 {
		max-width: 100%;
		padding: 0;
	}


}


.wbru {
	max-width: 990px;
}

.wbru h2 {

	margin-bottom: 15px;
}

.wbru a:link, .wbru a:visited {
	text-decoration: none;
}

.wbru img {
	display: block;
	max-width: 100%;
	margin-right: 20px;
}

.wbru p {
	color: #222;
	font-size: 2rem;
	line-height: 2.6rem;

}



@media screen and (max-width: 768px) {

	.wedding_awards h2 {
		padding: 0 0 0 20px;
	}
}
@media screen and (max-width: 720px) {

	.wedding_awards h2 {
		font-size: 2.5rem;
		padding: 0 0 0 20px;
	}
}

@media screen and (max-width: 720px) {
	.wbru h2 {
		font-size: 3rem;
	}
}

@media screen and (max-width: 405px) {
	.wbru h2,
	.servicesHome h2,
	.wedding_awards h2 {
		font-size: 2.5rem;
	}

	.wbru p {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
}

@media  screen and (max-width: 768px) {
	.wbru {
		max-width: 560px;

	}
}




.christmas {
	overflow: auto;
}



.christmas div {
	box-sizing: border-box;
}


.christmas .imageContainer {
	width: 50%;
	float: left;
	overflow: hidden;
}
.christmas .imageContainer img {
	margin-top: -150px;
}

.christmas .copyContainer {
	width: 50%;
	float: right;

	padding: 35px 40px;
	text-align:justify;
}

.christmas h1 {
	text-align: left;
	font-size: 4.5rem;
}

.pricing_x_override {
	padding: 0;
}
.pricing_x_override > div {
	width: 100%;
	float: none;
	margin: 0;
}

.pricing_x_override table {
	margin: 0;
	max-width: 100%;
}

.pricing_x_override table td,
.pricing_x_override table th {
	text-align: left;
}

.pricing_x_override .spanCol {
	background: #888;
	color: #fff;

}

.christmas .bookingBtn {
	width: 100%;
	margin: 30px 0 0 0;
	max-width: 100%;
	padding: 20px;

}



@media screen and (max-width:1200px) {

	.christmas .imageContainer,
	.christmas .copyContainer {

		float: none;
		margin: 0 auto;
		width: 80%;
	}

	.christmas .imageContainer img {
		margin-top: 0;
	}
}

@media screen and (max-width:900px) {

	.christmas .copyContainer {
		padding: 20px;
	}
}


@media screen and (max-width:768px) {
	.christmas .imageContainer,
	.christmas .copyContainer {
		width: 90%;
	}

	.christmas .copyContainer p {
		padding: 0;
	}


}

@media screen and (max-width:854px) {
	.christmas h1 {
		font-size: 4rem;
	}
}

@media screen and (max-width:683px) {
	.christmas h1 {
		font-size: 3.8rem;
	}
}

@media screen and (max-width:414px) {
	.christmas h1 {
		font-size: 3rem;
	}

	.christmas .copyContainer {
		padding: 20px 0 0 0;
	}

	.christmas .copyContainer p {
		padding: 0;
	}
}



.christmasHome {
	max-width: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 630px;

}

.christmasHome picture,
.christmasHome img {
	dispay: block;
	z-index: 1;

	display: block;
	width: 100%;
	margin: 0 auto;
}

.christmasHome .overlay {
	background: rgba(0,0,0,0.7);
	height: 500px;
	width: 100%;
	z-index: 2;
	position: absolute;
	bottom: 50px;
	left: 0;
}

.christmasHome h2 {

	color: #d6bb94;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 7rem;
}

.christmasHome h2:first-of-type {
	font-size: 10rem;
	margin: 60px 0 0 0;
}

.christmasHome a {
	display: block;
	border: 2px solid #d6bb94;
	width: 300px;
	height: 60px;

	text-decoration: none;
	font-size: 3rem;
	color: #d6bb94;
	line-height: 6rem;
	text-align: center;
	margin: 70px auto 0 auto;

}


@media screen and (max-width: 1466px) {

	.christmasHome h2 {

	}

	.christmasHome h2:first-of-type {

	}
}

@media screen and (max-width: 1380px) {

	.christmasHome .overlay {
		bottom: auto;
		top: 0;
	}
}


@media screen and (max-width: 1360px) {

	.christmasHome {
		height: auto;
	}
}



@media screen and (max-width: 1310px) {


	.christmasHome h2 {
		font-size: 6rem;
	}

	.christmasHome h2:first-of-type {
		font-size: 9rem;
	}
}


@media screen and (max-width: 1230px) {

	.christmasHome h2 {
		font-size: 5rem;
	}

	.christmasHome h2:first-of-type {
		font-size: 8rem;
	}
}


@media screen and (max-width: 1070px) {

	.christmasHome h2 {
		font-size: 4rem;
	}

	.christmasHome h2:first-of-type {
		font-size: 7rem;
	}
}


@media screen and (max-width: 938px) {

	.christmasHome h2 {
		font-size: 3rem;
	}

	.christmasHome h2:first-of-type {
		font-size: 6rem;
	}
}


@media screen and (max-width: 790px) {

	.christmasHome h2 {
		font-size: 3rem;
		line-height: 3rem;
		padding: 0;
	}

	.christmasHome h2:first-of-type {
		font-size: 5rem;
		line-height: 5rem;
		margin-bottom: 8px;
	}
}



@media screen and (max-width: 710px) {

	.christmasHome h2 {
		font-size: 3rem;
	}

	.christmasHome h2:first-of-type {
		font-size: 4.5rem;
		margin-top: 40px
	}

	.christmasHome a {
		margin-top: 40px;
	}
}

@media screen and (max-width: 680px) {

	.christmasHome h2 {
		font-size: 3rem;
	}

	.christmasHome h2:first-of-type {
		font-size: 4.5rem;
	}

	.christmasHome a {
		margin-top: 40px;
	}
}



@media screen and (max-width: 600px) {

	.christmasHome h2 {
		font-size: 3rem;
	}

	.christmasHome h2:first-of-type {
		font-size: 4rem;
	}

	.christmasHome a {
		width: 250px;
		font-size: 2rem;
	}
}


@media screen and (max-width: 570px) {

	.christmasHome h2 {
		font-size: 2.5rem;
		line-height: 2.5rem;
	}

	.christmasHome h2:first-of-type {
		font-size: 3.5rem;
		line-height: 3.5rem;
	}

	.christmasHome a {
		margin-top: 20px;
		width: 250px;
		font-size: 2rem;
	}
}

@media screen and (max-width: 500px) {

	.container.christmasHome {
		padding: 0;
	}

	.christmasHome a {
		height: 40px;
		line-height: 4rem;
		font-size: 1.8rem;
		margin-top: 30px;
	}
}


@media screen and (max-width: 445px) {

	.christmasHome h2 {
		font-size: 2rem;
		line-height: 2rem;
	}

	.christmasHome h2:first-of-type {

		font-size: 3rem;
		line-height: 3rem;
		margin-top: 30px;
	}

	.container.christmasHome {
		padding: 0;
	}

	.christmasHome a {
		margin-top: 30px;
	}
}


@media screen and (max-width: 386px) {

	.christmasHome h2 {
		font-size: 2.5rem;
		line-height: 2.5rem;
	}

	.christmasHome h2:first-of-type {

		font-size: 2.8rem;
		line-height: 2.8rem;
		margin-top: 30px;
	}
}


@media screen and (max-width: 380px) {
	.christmasHome a {
		margin-top: 20px;
	}
}


@media screen and (max-width: 361px) {

	.christmasHome h2 {
		font-size: 2rem;
		line-height: 2rem;
	}

	.christmasHome h2:first-of-type {


		font-size: 2rem;
		line-height: 2rem;
		margin-top: 20px;
	}

	.container.christmasHome {
		padding: 0;
	}

	.christmasHome a {
		margin-top: 20px;
		width: 200px;
		font-size: 1.5rem;
	}
}




.servicesContainer {
}

a:link.serviceBlockLink {
	margin-bottom: 30px;
}

.serviceBlockLink .service-image ~ div {

	padding: 0 20px 10px 20px;
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
	width: calc(100% - 200px);
}

.servicesContainer > a:link,
.servicesContainer > a:visited{
	display: block;
	border: 1px solid #222;
	position: relative;
	width: 100%;
	bottom: auto;
	top: auto;
	background: url('/images/linkArrow.png') no-repeat ;
	background-position: 98% 96%;
	background-size: 30px auto;

}

.servicesContainer img {
	width: 200px;
	height: 150px;
	display: block;
	float: left;
}

.service-image {

	width: 200px;
	height: 150px;
	float: left;
	background: url('/images/services-thumb.jpg') no-repeat;
	background-size: 100% auto;
	background-position: 0 -10px;
}


/*.service-makeover {*/

/*	background: url('/images/service-makeover.jpg') no-repeat;*/
/*	background-size: 100% auto;*/
/*}*/

.service-occasion {
	background: url('/images/services/special_occasions_22062020.jpg') no-repeat;
	background-size: 100% auto;
}

.service-lessons {
	background: url('/images/services/makeup_lessons_22062020.jpg') no-repeat;
	background-size: 100% auto;
}

.service-lessons-121 {
	background: url('/images/services/1-2-1-lessons_22062020.jpg') no-repeat;
	background-size: 100% auto;
}

.service-hair-makeup {
	background: url('/images/services/services_22062020.jpg') no-repeat;
	background-size: 100% auto;
}

@media screen and (max-width: 516px){

	.service-image {
		width: 100%;
		height: auto;
		min-height: 150px;
		float: none;
	}

	.service-hair-makeup {

		background-position: 0 -70px;
	}

	.serviceBlockLink .service-image ~ div {

		padding: 0 20px 10px 20px;
		position: relative;
		height: auto;
		right: auto;
		top: auto;
		width: 100%;
	}

	.serviceBlockLink h2 {

		padding-top: 10px;
	}

}

.trainingHeader img {

	width: 100%;
	height: auto;
}

@media screen and (min-width: 736px){

	.trainingHeader {
		max-height: 400px;
		overflow: hidden;
	}

	.trainingHeader img {
		margin-top: -150px;
	}

}



.trainingHomepage h2 {
	font-size: 4rem;
}

.trainingHomepage img {
	width: 100%;
	height: auto;
}

.trainingHomepage .trainingImage {
	width: 40%;
	float: right;
}

.trainingHomepage .generalContent {
	width: 60%;
	float: left;
	padding-right: 20px;
}

.trainingHomepage .bookingBtn {

	margin-left: 0;
	margin-right: 0;
}

@media screen and (max-width: 1023px) {

	.trainingHomepage .trainingImage {
		display: none;
	}

	.trainingHomepage .generalContent {
		width: 100%;
		float: none;
		padding: 0;
	}

	.trainingHomepage {
		padding: 0 20px;
	}

	.trainingHomepage h2 {
		margin: 0 0 30px 0;
	}

	.trainingHomepage .bookingBtn {
		margin-right: auto;
		margin-left: auto;
	}

}

@media screen and (max-width: 376px) {

	.trainingHomepage h2 {
		margin: 0 0 20px 0;
		font-size: 2.5rem;
	}
}


.introducingNicola > h1 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.introducingNicola > p {
	max-width: 800px;
}

.introducingNicola > img {
	float: right;
	padding-left: 20px;
}