@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Quicksand);

* {
  margin:0;
  padding: 0;
}

html{
font-family:"Times New Roman", Times, serif;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 100%;
}
body {
	background-color:#000;
	height: 100%;

}

a {
	color:#000;
	font-weight: bold;
}

h1 {
	font-weight:bolder;
	margin:0;
	display: inline;
}

h2 {
	color:#F9DFAC;
	margin:0;
	display: inline;
	padding-left:5px;
}

h3 {
	font-size:1em;
	white-space: nowrap;
}

#introDiv {
	height:100%;
	background:rgba(8,14,46,.6);
	overflow:hidden;
}

#introLogo {
	display:table-cell;
	text-align:center;
	width:70%;
	margin:auto;
	padding-top: 45%;
}

#fringeLogo {
	float:left;
	width:80%;
	margin:5% 9% 7% 9%;
}

#fringeLogoNavy {
	display:table-cell;
	text-align:center;
	width:30%;
	margin:auto;
}

#fringeLogo2 {
	float:left;
	height:100%;
	padding:0 2%;
}

#termsLogo {
	display:table-cell;
	text-align:center;
	width:20%;
	margin:auto;
	padding:6px 0 10px 0;
}

#elementDescript {
    position: fixed;
	top:0;
	left:0;
    width: 50%;
	min-width: 600px;
	overflow:hidden;
	height:100px;
	background:linear-gradient(to right, rgba(8,14,46,1)50%, rgba(8,14,46,0.0));
	padding:9px 0 3px 150px;
	z-index:3;
	-webkit-backface-visibility: hidden; 
	-webkit-transform: translateZ(0);
}

#dummyLogo {
    padding-top: 100%;
}

.navButtons {
	width:97%;
	float:left;
	color:#fff;
	font-size:1.2em;
	padding:2% 3% 2% 10%;
	display: table-row;
	cursor: pointer;
	text-transform:lowercase;
}

.navButtons:hover {
	background-color:#F9DFAC;
}

#navContainer {
    position: fixed;
	top:0;
	left:0;
    width:135px;
	border-bottom-right-radius:8%;
	-moz-border-radius-bottomright:8%;
	background:linear-gradient(to bottom, rgba(8,14,46,1)50%, rgba(8,14,46,0.0));
	height:100%;
	overflow:hidden;
	z-index:4;
	-webkit-backface-visibility: hidden; 
	-webkit-transform: translateZ(0);
}

#dummyNav {
	padding-top: 100%;
}

#navBuffer {
	height:125px;
	width:100%;
}

.headerInfo {
	width:100%;
	white-space: nowrap;
	color:#fff;
	font-size:.7em;
	display: table-row;
	letter-spacing: 2px;
	padding:0;
	text-decoration:none;
}

#descriptHead {
	
}

#phoneHead {
	font-size:1.5em;
	padding:0;
	text-decoration:none;
	color:#F9DFAC;
}

#press {
	position:absolute;
	width:90%;
	z-index:5;
	margin:123px 0 0 136px;
	display:block;
	overflow:hidden;
	z-index:2;
}

.pressBlock {
	float:left;
	max-width:500px;
	width:100%;
	overflow:hidden;
	margin:0 10px 10px 10px;
	background:#FFF;
}

.pressBlock a {
	color: #003;
	padding: 12px 18px;
	display: block;
}

.pressTitle {
	width:100%;
	color:#060C28;
	font-size:1.2em;
	background:#F9DFAC;
	text-align:center;
	padding:2%;
}

.pressBlock img{
	max-width: 100%;
  	height: auto;
	float:left;
}

.pressBlock p {	
	float:left;
	color:#060C28;
	background:#FFF;
	width:95%;
	padding:12px 18px;
	font-family: 'Quicksand', sans-serif;
	font-weight:normal;
}

#gallery {
	position:absolute;
	width:65%;
	max-width:632px;
	z-index:2;
	margin:123px 17% 6% 150px;
	display:block;
}

.gallery_pic img{
	max-width: 100%;
  	height: auto;
	margin:0 0 2% 0;
}

#stylists {
	position:absolute;
	top:124px;
	padding:0% 0% 0% 150px;
	width:65%;
	max-width:750px;
	z-index:2;
	overflow:hidden;
	font-family: 'Quicksand', sans-serif;
	display:block;
}

.stylistBlock  {
	width:100%;
	float:left;
	margin-bottom:15px;
	overflow:hidden;
	background:#fff;
}

.stylistsName {
	width:100%;
	color:#060C28;
	font-size:1.2em;
	background:#F9DFAC;
	text-align:center;
	padding:2%;
}

.stylistHolder {
	width:100%;
	background-color:#FFF;
	float:left;
	margin:0;
	overflow:hidden;
}

.stylistPicLeft  {
	float:left;
	overflow:hidden;
	width:50%;
	margin-right:3%;
	
}

.stylistsBioRight {
	color:#000;
	font-size:1.1em;
	width:100%;
}

.stylistsBioRight p {
	padding:3%;
	color:rgb(8,14,46);
	min-height:340px;
}

#links,#post-39 {
	background:#FFF;
	position:absolute;
	top:124px;
	padding:5px 35px 20px 20px;
	margin:0% 0% 0% 150px;
	width:65%;
	z-index:2;
	overflow:hidden;
	display:block;
}

#careers,#post-40 {
	font-family: 'Quicksand', sans-serif;
	background:#FFF;
	position:absolute;
	top:124px;
	padding:15px 35px 20px 20px;
	margin:0% 0% 0% 150px;
	width:65%;
	z-index:2;
	overflow:hidden;
	display:block;
	max-width:500px;
	font-size:1.1em;
}

#careers .stylistsBioRight b,#post-40  .stylistsBioRight b{
	color:#060D2E;	
}


.linksHeader {
	float:left;
	width:100%;
	padding: 11px 0 8px 0;
	text-align:left;
}

.contact {
	font-weight:bold;
	float:left;
	font-size:22px;
	text-align:left;
	letter-spacing: 2px;
	padding-right:8px;
}

.linkslittleHeader {
	float:left;
	font-family: arial;
	font-size:12px;
	text-align:left;
	padding-top:8px;
	color:rgba(8,14,46,1);
	letter-spacing: 1.2px;
}

.linktext {
	float:left;
	width:100%;
	font-family: arial;
	font-size:14px;
	text-align:left;
	color:rgba(8,14,46,1);
	letter-spacing: 1.5px;
	padding:8px;
}

.linktext2 {
	float:left;
	width:100%;
	font-family: arial;
	font-size:14px;
	text-align:left;
	color:rgba(8,14,46,1);
	letter-spacing: 1.5px;
	background-color:#F9E3B7;
	padding:8px;
}

.linktext a {
	color:#000;
	font-weight: bold;
}

.linktext2 a {
	color:#000;
	font-weight: bold;
}

#maphours {
	background:#FFF;
	position:absolute;
	top:124px;
	padding:15px;
	margin:0% 0% 0% 150px;
	max-width:850px;
	width:70%;
	font-family: arial;
	display:block;
}

#hoursDiv {
	float:left;
	width:50%;
}

#directions {
	float:left;
	width:92%;
	font-family: arial;
	font-size:14px;
	padding: 0 0 10px 0;
	text-align:left;
	color:rgba(8,14,46,1);
	letter-spacing: 1.5px;
	padding:20px 20px 20px 0;
	line-height: 150%;
}

#hoursTitle {
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	float:left;
	width:100%;
	font-size:20px;
	padding: 0 0 10px 0;
	text-align:left;
	letter-spacing: 2px;	
}

.dayText {
	float:left;
	width:50%;
	font-family: arial;
	font-size:14px;
	padding: 0 0 10px 0;
	text-align:left;
	color:rgba(8,14,46,1);
	letter-spacing: 1.5px;
}

.hoursText {
	float:left;
	width:50%;
	font-family: arial;
	font-size:14px;
	padding: 0 0 10px 0;
	text-align:left;
	color:rgba(8,14,46,1);
	letter-spacing: 1.5px;
}

#mapDiv {
	float:left;
	width:50%;
}

#map_canvas {
	width:100%;
	height:400px;	
}

#mobileHeader {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:16%;
	z-index:3;
	max-height:90px;
	-webkit-backface-visibility: hidden; 
	-webkit-transform: translateZ(0);
}

#mobileFooter {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index:3;
	height:70px;
}

#mobileHeadTop {
	width:100%;
	height:60%;
	background:linear-gradient(to right, rgba(8,14,46,1)80%, rgba(8,14,46,0.5));
	padding: .5% 0 2% 0;
	display: table-row;
	float:left;
	min-height:50px;
}

#mobileFootBottom {
	width:100%;
	height:40%;
	background-color:rgba(8,14,46,0.87);
	padding: 2% 0 2% 0;
	display: table-row;
	float:left;
	color:#fff;
	text-align: center;
}

#mobileLogo {
	padding: 1% 2% 1.5% 2%;
	float:left;
	width:28%;
	height:100%;
	overflow:hidden;
}

#fringeLogoMobile {
	margin:auto;
	height:100%;
	width: 100%;
	display:block;
}

#moblieAddressWrapper {
	width:66%;
	height:100%;
	float:left;
	position:relative;
		padding:0 0 0 0;
	text-decoration: none;
	display: table-cell; 
	vertical-align: middle;
}

#mobileAddress {
	font-size:.2em;
	color:#fff;
	text-align: center;
	width:100%;
}

#mobilePhone {
	font-size:1em;
	color:#fff;
	text-align: center;
}

.mobileButtonRow {
	margin:0;
	height:40px;
	width:100%;
	display: table;
	float:left;
	overflow:hidden;
	text-align: center;
	background-color:#F9DFAC;
}

#menuSelected {
	width:75%;
	height:100%;
	float:left;
	font-size:1.5em;
	color:#1E2540;
	background-color:#F9DFAC;
	display: table-cell; 
	vertical-align: middle;
	line-height: 40px;
	font-family:"Times New Roman", Times, serif;
	margin-left:13%;
}
  
.menuButton  {
	width:12%;
	float:left;
	color:#1E2540;
	background-color:#F9DFAC;
	overflow:hidden;
}

#hamburger {
	margin:5px 5px;
	height:30px;
	overflow:hidden;
	float:right;
}

  	
#mobileStylists {
	
}

#mobileServices {
	
}

#mobileGallery {
	
}

#mobileHoursMap {
	
}

/*#mobileChop {
display: table-cell; 
	vertical-align: middle;
	width:70%;
	overflow:hidden;
	height:100%;	
}*/

#mobileMenuHolder {
	width:70%;	
	float:left;
	overflow:hidden;
	margin:108px 15% 0 16%;
}

.mobileNavButtons {
	float:left;
	width:100%;
	padding: 4% 0;
	margin:0 15% 4% -200%;
	font-size:1.1em;
	color:#1E2540;
	background-color:#FFF;
	display: table-cell; 
	vertical-align: middle;
	text-align: center;
	font-family:"Times New Roman", Times, serif;
}

#services,#post-25 {
	margin:0% 0% 0% 150px;
	/*width:60%;*/
	width:545px;
	position:absolute;
	display:block;
	background:#fff;
	overflow:hidden;
	top:124px;
}

.cancelDiv {
	float:left;	
	font-family: arial;
	font-size:11px;
	padding: 15px 34px 23px 28px;
	display:table;
	color:#C00;
	width:90%;
}

#priceSideLeft {
	float:left;
	width:20px;
	background-color:#633;
	height:100%;
	overflow:hidden;
	display:block;
}

.priceColumn {
	width:40%;
	background-color:#fff;
	float:left;
	padding: 0 30px;
}

.priceColumn2 {
	width:46%;
	background-color:#fff;
	float:left;
	padding: 0;
}

.priceCopy {
	float:left;
	width:55%;
	font-family: arial;
	font-size:14px;
	padding: 10px 0 0 0;
	text-align:left;
}

.priceCopyz {
	float:left;
	width:45%;
	font-family: arial;
	font-size:14px;
	padding: 10px 0 0 0;
	text-align:left;
}

.priceCopyy {
	float:left;
	width:55%;
	font-family: arial;
	font-size:14px;
	padding: 10px 0 0 0;
	text-align:left;
}

.priceCopyx {
	float:left;
	width:40%;
	font-family: arial;
	font-size:14px;
	padding: 10px 0 0 0;
	text-align:left;
}


.priceCopyb {
	float:left;
	width:54%;
	font-family:arial;
	font-size:14px;
	padding:10px 0 0 0;
	text-align:left;
}

.priceCopyc {
	float:left;
	width:46%;
	font-family:arial;
	font-size:14px;
	padding:10px 0 0 0;
	text-align:left;
}

.priceCopy2 {
	float:left;
	width:63%;
	font-size:14px;
	font-family: arial;
	padding: 10px 0 0 0;
}

.priceCopy3 {
	float:left;
	width:37%;
	font-size:14px;
	font-family: arial;
	padding: 10px 0 0 0;
}

.priceFine1 {
	font-style: oblique;
	font-size:12px;
	font-family: arial;
	padding: 5px 0 8px 0;
	display:table; 
	vertical-align:bottom;
}

.priceFine2 {
	font-style: oblique;
	width:100%;
	font-size:12px;
	font-family: arial;
	padding: 21px 0 8px 0;
	display:table; 
	vertical-align:bottom;
}

.priceTitle {
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	padding: 0 0 0 0;
	width:100%;
	letter-spacing:1px;
}

.priceSection {
	float:left;
	padding:20px 0 0 0;
	height:50%;
	width:100%;
}

td.pricehead {
	white-space:nowrap;
	font-size: 1em;
	letter-spacing:1px;
	background-color:#FFFFFF;
	padding: 8px;
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
}

td.pricehead2 {
	white-space:nowrap;
	font-size: 1em;
	letter-spacing:1px;
	background-color:#FFFFFF;
	padding: 8px;
	font-family: arial;
	font-weight: bold;
	vertical-align: bottom;
}

bangsnote {
	vertical-align:text-bottom;
}

#terms,#post-22 {
	margin:0% 0% 0% 150px;
	/*width:60%;*/
	width:60%;
	position:absolute;
	display:block;
	background:#fff;
	top:124px;
	height:auto;
	overflow:none;
	padding:1% 2%;
}
body.custom-background {
     
    background-size: cover !important;
	background-position: left -80px !important;
   
}
body.custom-background.page-id-40{
     
    background-image: url('') !important;
}
@media (min-width:401px) {
#mobileHeader, #mobileFooter, #mobileMenuHolder, #introDiv {
	display:none;
	visibility:hidden;
}

}

@media (max-width:769px) {
	
#fringeLogo {
	display:none;
	visibility:hidden;
}

#navContainer {
	padding-top:10px;
	margin-top:100px;
	z-index:1;
}

#elementDescript {
	/*padding:1% 0 .5% 1%;*/
	padding:9px 0 3px 1%;

}

.priceColumn {
	width:100%;
}

.priceColumn2 {
	width:90%;
	padding: 0 30px;
}

.priceSection {
	width:100%;
}

#services,#post-25 {
	width:60%;
	min-width:300px;
}

.priceFine2 {
	width:80%;
	padding: 21px 0 0 0;
}

.cancelDiv {
	width:82%;
}

#press {
	width:70%;
}

#mapDiv {
	width:100%;
}

#hoursDiv {
	width:100%;
}

#mapHours {
	width:70%;
}
.linkslittleHeader {
	padding-top:2px;
}


}


@media (min-width:769px) {
	
#fringeLogo2 {
	display:none;
	visibility:hidden;
}
	
}

@media (max-width:1390px) {
	
.stylistsBioRight {
	font-size:1em;
}

}
@media (max-width:414px) {
	

#careers, #post-40 {
   
    width: 47%;
    
    max-width: 100%;
    font-size: 1em;
}
}

@media (max-width:401px) {
	
#logoContainer, #elementDescript, #fringeLogo, #navContainer {
	display:none;
	visibility:hidden;
}

.blog-container {
	top:108px;
	margin:0% 2% 0% 2%;
	left:0px;
}

#stylists {
	top:108px;
	width:96%;
	z-index:2;
	padding:0 2% 0 2%;
	min-width:100px;
}

#gallery {
	width:96%;
	padding:0 2% 0 2%;
	margin:110px 0% 0% 0%;
}

#services,#post-25 {
	width:96%;
	top:108px;
	margin:0% 2% 0% 2%;
}

#careers ,#post-40{
	width:92%;
	top:108px;
	margin:0% 2% 0% 2%;
}

#terms,#post-22 {
	width:92%;
	top:108px;
	margin:0% 2% 0% 2%;
}


#termsSection {
	width:92%;
	top:108px;
	margin:0% 2% 0% 2%;
}

#press {
	width:96%;
	margin:110px 2% 0% 2%;
}

.pressBlock {
	margin:0 0 3% 0;
}


#links,#post-39 {
	width:79%;
	top:108px;
	margin:0% 2% 0% 2%;
	padding:5px 35px 20px 20px;
}


#maphours {
	width:87%;
	top:108px;
	margin:0% 2% 0% 2%;
}


#phoneHead {
	font-size:1.2em;
}

#addressHead {
	font-size:.7em;
}

#navContainer {
	top:16%;	
}

h1 {
font-size:1.2em;	
}

h2 {
font-size:1em;
padding-left:2px;	
}
#careers, #post-40{width: 83%;
    top: 108px;
    margin: 0% 0;box-sizing: border-box;
    left: 2%;
    right: 2%;}

}

.selectedNav {
	background-color:#F9DFAC;
	color:#060D2E;
}

.dissapear {
	display:none;
	visibility:hidden;
}

#totalHolder {
	overflow:hidden;
}

#booknow {
	margin:auto;
	width:120px;
    text-decoration: none;
	text-align: center;
    background: #F9DFAC;
    color: #060D2E;
	font-family: "Times New Roman", Times, serif;
    box-shadow: 0 0 1px #000;
	letter-spacing:1px;
	cursor:pointer;
	padding: 5px 6px;
}

#termsSection {
	float:left;
	padding:20px 0 0 0;
	height:50%;
	display:block;
	background: #fff;
}

.termsFine1 {
	font-style: oblique;
	font-size:12px;
	font-family: arial;
	padding: 5px 0 8px 0;
	display:table; 
	vertical-align:bottom;
}

.termsFine2 {
	font-style: oblique;
	width:100%;
	font-size:12px;
	font-family: arial;
	padding: 5px 0 8px 0;
	display:table; 
	vertical-align:bottom;
}

.termsDisclaimer {
	text-align: center;
	vertical-align: middle;
	font-style: oblique;
	font-size:12px;
	font-family: arial;
	padding: 10px 10px 8px 10px;
}

.bullets {
	padding: 5px 5px 8px 15px;
}
#bsm-toolbar{display: none;}
#maphours.sections:empty {
    display: none;
}
#careers, #post-40 {
    
    box-sizing: border-box;
}

@media (max-width: 360px){
#careers, #post-40 {
    width: 96%;
     
}
}