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

body{
margin:0;
padding:0;
text-align:center;
font-family:"Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:small;
color:#FFFFFF;
}

.hide{display:none;}
.show{display:block;}
.clear{clear:both;}
.small{font-size:70%; text-align:center; padding:0 20px 20px; }
a:link,a:visted{text-decoration:underline;}
a:hover,a:active{text-decoration:none;}

p{line-height:160%; padding-top:0; margin-top:10px;}
.large{font-size:140%;}

li{margin-bottom:20px;}

.no_list{margin:10px 0 20px 0; padding-left:20px;}
.no_list li{list-style:none; padding:0; margin:0;}

.prices p{margin-top:0; padding-top:0;}
.prices h3{margin:20px 0 7px 0;}

.creme .question{color:#FFFFFF;}


h2, h3{margin-bottom:0; padding-bottom:0;}


.green a:link,.green a:visited{color:#FFFFFF;}
.green a:hover,.green a:active{color:#526676;}

.creme a:link,.creme a:visited{color:#666666;}
.creme a:hover,.creme a:active{color:#FFFFFF;}

.turquoise a:link,.turquoise a:visited{color:#333333;}
.turquoise a:hover,.turquoise a:active{color:#FFFFFF;}

.current_page{font-weight:bold;}

#container{
max-width:960px;
margin:0 auto;
text-align:left;
padding:0;
}

#container.green{background:#55788b;}
#container.creme{background:#e5d6c5; color:#666666;}
#container.turquoise{background:#99cccc; color:#333333;}

.nav{
height:37px;
background:#FFFFFF;
text-align:center;
margin:0;
padding:0;
max-width: 960px;
padding-top: 15px;
position: relative;
}

.nav .hamburger {	
	cursor: pointer;
	display: none;
	width: 25px;
}

.nav .nav-logo {
	position: absolute;
	right: 20px;
	top: 10px;
	display: none;
}

.nav .nav-logo {
	width: 125px;
	height: 30px;
}

ul#navigation li.nav-show-mobile {
	display: none;
}

img.charlotte {
	float: right;
	margin: 0 0 1em 1em;
	max-width: 200px;
}

#navigation a:link,#navigation a:visited{ color:#666666; text-decoration:none; }
.green #navigation a:hover,.green #navigation a:active{ color:#092d41; text-decoration:none; }
.creme #navigation a:hover,.creme #navigation a:active{ color:#b8ada2; text-decoration:none; }
.turquoise #navigation a:hover,.turquoise #navigation a:active{ color:#88a9a8; text-decoration:none; }

#header_block{
	width: 100%;
    height: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    position: relative;
    padding-top: 35.5%;   
    float: left;
    margin-bottom: 40px;
}

#header_block h1{display:none;}

#header_block.brush {background:url(images/brushes.jpg) no-repeat; background-size: contain;}
#header_block.testimonial{background:url(images/test.jpg) no-repeat; background-size: contain;}
#header_block.girl{background:url(images/services1.jpg) no-repeat; background-size: contain;}
#header_block.girl2{background:url(images/services2.jpg) no-repeat; background-size: contain;}
#header_block.powder{background:url(images/brush.jpg) no-repeat; background-size: contain;}
#header_block.bride{background:url(images/bride.jpg) no-repeat; background-size: contain;}
#header_block.eye{background:url(images/eye.jpg) no-repeat; background-size: contain;}
#header_block.lashes{background:url(images/lashes.jpg) no-repeat; background-size: contain;}

#header_block.none{
height:0;
}

#footer hr{ display:none; }
#footer{  font-size:85%; }

.green #footer{border-top:1px solid #293c4c;}
.creme #footer{border-top:1px solid #b8ada2;}
.turquoise #footer{border-top:1px solid #88a9a8;}

#footer ul{ margin:0; padding:20px 0; float:left; max-width:740px;}
#footer li{display:inline; margin:0 0 0 10px; list-style-type: none;}
#footer li.copyright{margin-right:30px; margin-left:40px;}
#footer a:link,#footer a:visited{text-decoration:none;}

div.footer-text
{
	padding:0 80px 20px 80px;
}

.ghost{float:right; width:125px; margin-right:40px; margin-top:20px; text-align:right;}


#main{
max-width:750px;
margin:40px auto;
padding: 0 20px;
}

#main.portfolio {
	padding-bottom: 2em;	
}

.green h1.small_logo{
text-indent:-5000px;
margin:0;
padding:0;
max-width:242px;
height:62px;
background:url(images/small_logo3.gif) no-repeat;
text-align: center;
}

.turquoise h1.small_logo{
text-indent:-5000px;
margin:0;
padding:0;
width:242px;
height:62px;
background:url(images/small_logo.gif) no-repeat;
}

.creme h1.small_logo{
text-indent:-5000px;
margin:0;
padding:0;
width:242px;
height:62px;
background:url(images/small_logo2.gif) no-repeat;
}

h1.small_logo_lashes{
text-indent:-5000px;
margin:0;
padding:0;
width:242px;
height:62px;
background:url(images/lashes_logo.gif) no-repeat;
margin: 0 auto;
}

ul.contact{ margin:0; padding:0;}
ul.contact li{line-height:40px; list-style:none; padding-left:20px; margin:20px 0;}

.tel{background:url(images/tel2.gif) no-repeat 0 0;}
.mobile{background:url(images/mobile2.gif) no-repeat 0 0;}
.email{background:url(images/email2.gif) no-repeat 0 0;}

.social
{
	float: right;
	margin: 0 40px 0 0;
	max-width: 190px;
	padding: 12px 0 0 0;		
}

.social img {
	display: inline-block;
	height: 30px;
}

.social img.icon-facebook {
	margin-right: 5px;
}

.fb-like
{
	float: left;

}

.twitter-icon
{
	float: left;
	padding-top: 3px;
	width: 60px;
}

.social img
{
	float: left;
	padding: 0 2px 0 2px;
}

.social img
{
	border: none;
}

.twitter-icon
{
	padding-left: 12px!important;
	padding-right: 6px!important;
}

.contactdetails
{
	font-size: 120% !important;
	font-weight: bold;
}

/*Revolution Updates*/

.nav .mobile-home {
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	display: none;
}

.nav .mobile-home li a {
	color: #183b4f;
	text-decoration: none;
}

hr {
 margin: 2em 0;
}

.show-mobile {
	display: none;
}

/*Media Queries*/

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

	#footer li:nth-child(2) {	
		margin-bottom: 2em;
	}

	#footer li {		
		margin: 0 0 0 20px;
		display: block;	
	}

	#footer li.copyright {
		margin: 0;
	}

	div.footer-text {
		padding-left: 20px;
		padding-right: 20px;
	}
	
}

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

	#main.portfolio {
		background-color: #fff;
		margin-top: 0;
		padding-top: 40px;
		padding-bottom: 0;
	}

	.nav {
		background-color: #55788b;
		font-size: 1.3em;
		text-align: center;
	}

	.nav.pale {
		background-color: #e5d6c5;
	}

	.nav.pale ul#navigation {
		background-color: #e5d6c5;		
	}

	.nav.white {
		background-color: #fff;
	}

	.nav.white ul#navigation {
		background-color: #fff;
	}

	.nav.white ul#navigation a {
		color: #55788b;
	}

	.nav .mobile-home {
		display: block;		
	}

	.nav .mobile-home li {
		list-style-type: none;
	}

	.nav .hamburger {
		display: inline-block;
	}

	ul#navigation {			    
	    background-color: #55788b;	 	
		z-index: 2000;
		float: left;
		width: 100%;	
		max-width: 100%;
	    display: none;
		position: absolute;
		top: 50px;
		left: 0;
		overflow: hidden;
		height: auto;
	}

	ul#navigation li {
		display: block;	 
	    padding-bottom: 0.5em;	
		float: left; 
		width: 100%;
	    clear: both;	
		padding-left: 0;
		padding-right: 0; 	
	}

	ul#navigation li a {
		display: inline-block;
	}

	ul#navigation li.nav-hide-mobile {
		display: none;
	} 

	ul#navigation li:first-of-type {		
		padding-top: 20px;
	}

	ul#navigation a:link, ul#navigation a:visited {
		color: #fff;
	}

	ul#navigation li:hover li a,
	ul#navigation li.iehover li a {
		display: none;
	}

	.nav .nav-logo {
		display: block;
	}	

	ul#navigation li.nav-show-mobile {
		display: block;
	}
}

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

	img.charlotte {		
		max-width: 110px;
	}
	.social {
		width: 100%;
		float: left;
		margin-left: 20px;
		margin-bottom: 2em;
	}

	.show-mobile {
		display: block;
	}

	.hide-mobile {
		display: none;
	}

	#main.portfolio  {
		padding-top: 20px;
	}
}

/* Nav toggle fix */
@media only screen and (min-width: 768px) {
  ul#navigation {
    display: block!important;
  }
}