/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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, input, label, select,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

i {
  font-style: normal; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*

	BEAUTY ON BANK -
	VERSION 2.0 [CORE]
	
	-----------------------------------------
	
	developer:Michel Joanisse
	email:mjoanisse@simplebranch.ca
	website:http://www.simplebranch.ca
	base width/layout (context): 980
	
*/
/* CORE, COMMONALITIES & RECURRENCES
---------------------------------------------------------------------- */
* {
  color: #333;
  font-family: Georgia,Arial,Helvetica;
  font-size: 15px;
  margin: 0;
  padding: 0; }

dfn, dfn * {
  font-size: 10px;
  font-style: normal; }

abbr {
  border-bottom: 0;
  cursor: help; }

header,
#main,
#m-footer,
#logo,
nav.main,
#teasr,
#comments {
  clear: both;
  float: left;
  min-width: 100%; }

#bg-photo {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  margin: 0 0 0 -1280px;
  display: none; }

.grid {
  margin: 0 auto;
  width: 90%;
  max-width: 980px; }

.grid:after {
  clear: both;
  display: block;
  content: ""; }

img.right {
  float: right;
  margin: 0 0 0 004.4117647%; }

img.left {
  float: left;
  margin: 0 004.4117647% 0 0; }

a {
  outline: 0; }

body {
  background: #eeebdb url("../_images/bg-tile.jpg"); }

/* stack hierarchy > */
header,
nav.main,
#teasr,
#logo,
#main {
  position: relative;
  z-index: 50; }

/* < end */
nav.main i,
#teasr *,
#teasr * *,
#boxes h4,
#main h1,
#emp-pg-content h1,
#emp-pg-content #form h3,
#emp-pg-content #form h4,
#fun-facts h4,
#content .intro,
body.our-salon .btn,
#emp-pg-content .btn,
body.blog #main h2,
body.blog #main .intro,
body.blog #main .intro *,
body.blog #content .post h4,
body.blog #content .post h4 *,
body.blog .btn,
body.single #content h2,
body.single #content h3,
body.single #content h4,
#comments h1,
#comments h2,
#comments h3,
#comments h4,
#comments #submit,
.appointments .btn,
#sb_alert * {
  font-family: 'Magra',sans-serif; }

::selection {
  background: #f094b7;
  color: #f0ecdb; }

::-moz-selection {
  background: #f094b7;
  color: #f0ecdb; }

::-webkit-selection {
  background: #f094b7;
  color: #f0ecdb; }

/*< end*/
/* M-HEADER
---------------------------------------------------------------------- */
#m-header {
  background: #3b001e url("../_images/hdr-tile.png");
  position: relative;
  z-index: 100; }

#m-header .grid {
  width: 100%;
  max-width: 980px; }

#m-header .grid:after {
  content: "";
  clear: both;
  display: block; }

#m-header * {
  color: #A399A1;
  font-family: georgia;
  font-size: 14px; }

#m-header nav {
  border-right: 1px dotted #5F2E46;
  float: right; }

#m-header nav li {
  float: left; }

#m-header nav li.cur a {
  color: #fff; }

#m-header nav a {
  border-left: 1px dotted #5F2E46;
  display: block;
  float: left;
  padding: 25px;
  text-decoration: none; }

/*< end*/
/* LOGO
---------------------------------------------------------------------- */
.page-template-appointments-php #logo {
  margin-bottom: 60px; }

#logo {
  margin: 80px 0; }

#logo a {
  display: block;
  margin: 0 auto;
  width: 90%;
  max-width: 588px; }

#logo img {
  display: block;
  float: left;
  text-indent: -999em;
  width: 100%; }

/*< end*/
/* SWIRL
---------------------------------------------------------------------- */
#swirl {
  background: url("../_images/swirl.png") top center no-repeat;
  display: block;
  height: 675px;
  left: 0;
  margin: 0 0 0 -1px;
  position: absolute;
  top: -40px;
  width: 100%;
  z-index: 1;
  display: none; }

/*< end*/
/* NAV:MAIN
---------------------------------------------------------------------- */
nav.main .grid {
  width: 90%;
  max-width: 570px; }

nav.main .grid:after {
  content: "";
  clear: both;
  display: block; }

nav.main li {
  background: url("../_images/nav-bgtile.png") center no-repeat;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  float: left;
  overflow: hidden;
  width: 100px;
  width: 017.54386%;
  height: 100px;
  margin: 0 7px;
  margin: 0 001.2280702%;
  opacity: 0.9; }

nav.main a {
  display: table;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100%; }

nav.main i {
  color: rgba(0, 0, 0, 0.5);
  display: table-cell;
  font-size: 16px;
  height: 100%;
  line-height: 1.4em;
  text-align: center;
  vertical-align: middle;
  width: 100%; }

nav.main .clr1 {
  background-color: #71A6CD; }

nav.main .clr2 {
  background-color: #AABBD5; }

nav.main .clr3 {
  background-color: #8E8E89; }

nav.main .clr4 {
  background-color: #73726D; }

nav.main .clr5 {
  background-color: #4B7175; }

nav.main .cur {
  background: transparent url("../_images/nav-cur.png") center 70px no-repeat; }

nav.main .cur a {
  cursor: default; }

/*< end*/
/* TEASR
---------------------------------------------------------------------- */
#teasr {
  margin: 80px 0; }

#teasr .grid {
  width: 90%;
  max-width: 980px;
  overflow: hidden; }

#teasr .grid:after {
  content: "";
  clear: both;
  display: block; }

#teasr h1 {
  color: #57331E;
  font-size: 76px;
  margin: 0 0 20px; }

#teasr p {
  font-size: 21px;
  line-height: 1.5em; }

/*< end*/
/* BOXES
---------------------------------------------------------------------- */
#boxes {
  background: #3b001e url("../_images/hdr-tile.png");
  clear: both;
  margin: 0 auto;
  padding: 30px 0;
  width: 100%;
  position: relative;
  z-index: 100; }

#boxes .grid {
  width: 100%;
  max-width: 1400px; }

#boxes .grid:after {
  content: "";
  clear: both;
  display: block; }

#boxes .box {
  display: block;
  float: left;
  max-height: 290px;
  position: relative;
  width: 30%;
  /* 420 / 1400 */
  margin: 0 001.6666667%;
  /* (((1400 - (420*3)) / 3) / 2) / 1400 */
  overflow: hidden;
  text-decoration: none;
  background: #000; }

#boxes .box h6 {
  color: #999;
  font-family: georgia;
  font-style: italic;
  font-weight: normal;
  text-align: center;
  font-size: 18px; }

#boxes .box img {
  width: 100%;
  display: block;
  float: left; }

#boxes .box.one hgroup {
  background: url(../_images/blue-080.png);
  background: rgba(59, 89, 152, 0.8); }

#boxes .box.one h4 {
  color: #adb6c9;
  color: rgba(255, 255, 255, 0.6); }

#boxes .box.two hgroup {
  background: url(../_images/blue-080.png);
  background: rgba(255, 255, 255, 0.1); }

#boxes .box.two h4 {
  color: #adb6c9;
  color: rgba(255, 255, 255, 0.6); }

#boxes .box:hover {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); }

/*#boxes .box:hover img {opacity:0.8;}*/
#boxes hgroup {
  padding: 20px 010.714286%;
  /* 20 / 280 */
  bottom: 010.25641%;
  /* 20 / 195 */
  position: absolute;
  background: url(../_images/black-050.png);
  background: rgba(0, 0, 0, 0.5);
  left: 0; }

#boxes h4 {
  cursor: pointer;
  color: #999;
  color: rgba(255, 255, 255, 0.6);
  float: left;
  font-size: 32px;
  font-weight: normal; }

/*< end*/
/* CONTENT
---------------------------------------------------------------------- */
#main {
  margin: 50px 0 80px; }

#main h1 {
  color: #3F220E;
  font-size: 66px;
  line-height: 1em;
  margin: 0 0 40px; }

#content {
  background: url("../_images/dbl-line-vertical.png") left top repeat-y;
  float: right;
  padding: 0 0 0 004.6938776%;
  width: 069.387755%; }

body.our-services #content {
  width: 73%; }

.column1 #content {
  background: 0;
  float: left;
  padding: 0;
  width: 100% !important; }

.column1 #content h1 {
  margin: 0 0 60px;
  text-align: center !important; }

#content * {
  line-height: 2.4em; }

#content i.c2a {
  background: #E89E3D;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  color: #fff;
  display: inline-block;
  margin: 0 5px;
  padding: 0 10px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35); }

body.about-us #content .intro {
  background: url("../_images/sngl-line-horizontal.png") no-repeat scroll center bottom transparent;
  color: #7C7A72;
  font-size: 22px;
  line-height: 1.7em;
  margin: 0 0 30px;
  padding: 0 0 30px; }

#content p, #content ul, #content ol {
  margin-bottom: 15px; }

body.about-us #content a {
  color: #E99D3D; }

body.contact-us #content a {
  color: #E99D3D; }

body.our-history #content .row {
  background: url("../_images/dbl-line-horizontal.png") center bottom no-repeat;
  float: left;
  margin: 0 0 40px;
  padding: 0 0 50px;
  width: 100%; }

body.our-history #content .row p {
  margin: 0; }

body.the-team .profile {
  background: url("../_images/dbl-line-horizontal.png") center bottom no-repeat;
  clear: both;
  float: left;
  margin: 0 0 30px;
  padding: 0 0 40px;
  width: 100%; }

body.the-team #main p {
  float: left;
  width: 073.529412%; }

body.the-team #main img {
  width: 021.911765%;
  height: auto;
  margin-top: 10px; }

body.about-us #content .intro {
  width: 100%; }

body.the-team #main .profile p:last-child {
  margin: 0; }

body.the-team #main .profile:last-child {
  background: 0; }

#content .service {
  width: 25%;
  float: left;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  text-decoration: none;
  padding: 0 20px; }
  #content .service:hover {
    opacity: 0.5; }
  #content .service h2, #content .service p {
    text-align: center; }
  #content .service h2 {
    margin: 0 0 10px 0;
    line-height: 1.25em;
    font-size: 18px; }
  #content .service p, #content .service p * {
    line-height: 1.75em; }
  #content .service img {
    max-width: 100%;
    display: block;
    height: auto;
    margin: 0 0 20px 0; }
  #content .service.massage-therapy span {
    display: block;
    float: left;
    width: 100%;
    height: 205px;
    background: red;
    margin-bottom: 20px; }

/*
body.our-services .service {display:block;float:left;text-decoration:none;width:030.612245%;}
body.our-services .service:hover {opacity:0.5;}
body.our-services .service img {display:block;margin:0 auto 40px auto;max-width:100%;height:auto;}
body.our-services .service.center {margin:0 004.0816327%;}
body.our-services #main .service h2 {font-size:22px;line-height:1.5em;margin:0 0 25px;text-align:center;}
body.our-services #main .service p {margin:0;text-align:center;}
body.our-services .grp {margin:0 0 40px 0;border-bottom:1px solid #aaa;padding:0 0 40px 0;}
body.our-services .grp:last-of-type {margin:0;border:0;padding:0;}
.grp footer {}
.grp footer p {margin:0!important;}

body.our-services #content section {
	background:url("../_images/dbl-line-horizontal.png") left bottom repeat-x;
	clear:both;
	float:left;
	margin:0 0 30px;
	padding:0 0 50px;
	width:100%;
}

body.our-services #content section:last-child {background:0;margin:0;padding:0;}
body.our-services .intro {clear:both;float:left;margin:0 0 20px;}
body.our-services #content .intro * {color:rgba(0,0,0,0.7);}
body.our-services #content section * {color:rgba(0,0,0,0.7);}
body.our-services #main .intro h2 {font-size:26px;font-weight:normal;line-height:1.5em;margin:0 0 5px;}
body.our-services #main .intro p {line-height:1.8em;margin:0;}
body.our-services .item {border-bottom:1px solid #b1aca0;border-bottom:1px solid rgba(0,0,0,0.2);clear:both;float:left;width:100%;}
body.our-services .item:nth-child(even) {background:#DED8C7;}
body.our-services .item:nth-child(even) i {background:#E0DED7;}
body.our-services #main .item p {margin:0;}
body.our-services .item h3 {float:left;margin-right:10px;}
body.our-services .item .left-col {border-right:10px solid #73726D;float:left;padding-left:10px;width:629px;}
body.our-services .item .left-col p {float:left;}

body.our-services .item i {
	background:#fff;
	border-bottom:1px solid rgba(0,0,0,0.3);
	border-left:1px dotted rgba(0,0,0,0.2);
	display:block;
	float:right;
	margin-bottom:-1px;
	text-align:center;
	width:90px;
}
*/
body.gallery #imageset {
  height: 788px;
  margin: 0 auto;
  position: relative;
  width: 788px; }

body.gallery #imageset img {
  display: block;
  height: 100px;
  position: absolute;
  width: 100px;
  z-index: 3; }

body.gallery #imageset img.master {
  height: auto;
  left: 148px;
  top: 148px;
  width: auto;
  z-index: 2; }

body.gallery #imageset i.bg {
  background: url("../_images/imageset-master-bg.png");
  display: block;
  height: 493px;
  left: 148px;
  position: absolute;
  top: 148px;
  width: 493px;
  z-index: 1; }

body.gallery #imageset a {
  display: block; }

body.gallery #imageset img.cur {
  cursor: default;
  opacity: 0.25; }

body.gallery #imageset img:hover {
  opacity: 0.5; }

body.gallery #imageset img.cur:hover {
  opacity: 0.25; }

body.gallery #imageset img.master:hover {
  opacity: 1; }

body.gallery #imageset img.left {
  left: 0;
  top: 344px; }

body.gallery #imageset img.right {
  right: 0;
  top: 344px; }

body.gallery #imageset img.one {
  left: 47px;
  top: 172px; }

body.gallery #imageset img.two {
  left: 173px;
  top: 46px; }

body.gallery #imageset img.three {
  left: 344px;
  top: 0; }

body.gallery #imageset img.four {
  left: 517px;
  top: 46px; }

body.gallery #imageset img.five {
  left: 643px;
  top: 172px; }

body.gallery #imageset img.six {
  bottom: 172px;
  left: 47px; }

body.gallery #imageset img.seven {
  bottom: 46px;
  left: 173px; }

body.gallery #imageset img.eight {
  bottom: 0;
  left: 344px; }

body.gallery #imageset img.nine {
  bottom: 46px;
  left: 517px; }

body.gallery #imageset img.ten {
  bottom: 172px;
  left: 643px; }

body.our-salon .intro {
  float: left;
  width: 051.020408%; }

body.our-salon #content h1 {
  margin: 0 0 30px;
  text-align: left !important; }

body.our-salon #content p a {
  color: #E99D3D; }

body.our-salon .show-all {
  display: none; }

body.our-salon .btn {
  background: #DB4022;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -o-border-radius: 15px;
  color: #fff;
  display: block;
  float: left;
  clear: both;
  font-size: 26px;
  padding: 0 30px;
  text-decoration: none;
  text-transform: uppercase; }

body.our-salon .right-col {
  float: right;
  overflow: hidden;
  width: 042.857143%; }

body.our-salon .right-col img {
  display: block;
  float: right;
  margin: 0 0 30px; }

body.our-salon .btn.two {
  background: #3B001E;
  clear: both;
  float: right;
  *clear: none; }

body.our-salon .btn:hover {
  background: #8E8E89; }

body.contact-us dt {
  font-weight: bold; }

body.contact-us dl {
  float: left;
  width: 30%;
  overflow: hidden; }

body.contact-us #gmap {
  float: right;
  width: 065.306122%; }

/*< end*/
/* ASIDE
---------------------------------------------------------------------- */
aside {
  float: left;
  width: 022.44898%; }

body.our-services aside {
  width: 21%; }

aside nav h5 {
  font-size: 18px;
  margin: 0 0 25px; }

aside nav ul {
  background: url("../_images/dbl-line-horizontal.png") center bottom repeat-x;
  margin: 0 0 30px;
  padding: 0 0 40px; }

aside nav ul:last-child {
  background: 0; }

aside nav li {
  margin: 0 0 10px;
  padding: 0 10px 0 0; }

aside nav li:last-child {
  margin: 0; }

aside nav a {
  line-height: 1.5em; }

aside nav .cur a {
  background: url("../_images/aside-arrow.png") right center no-repeat;
  color: #878176;
  cursor: default;
  display: block;
  text-decoration: none; }

body.products #content h1 {
  margin: 0 0 30px; }

body.products #content aside {
  margin: 60px 0 0; }

body.products #content aside p {
  margin: 0 0 50px;
  text-align: center;
  background: 0;
  padding: 20px 0;
  border-top: 1px solid #cdc5b3;
  border-bottom: 7px solid #3F220E; }

body.products aside a:hover {
  color: #878176;
  text-decoration: none; }

body.products aside {
  width: 100%; }

body.products aside li {
  display: inline-block;
  margin: 0 15px;
  text-align: center; }

body.products aside a {
  display: inline-block;
  margin: 0 0 0 10px; }

body.products aside .cur a {
  background: 0 #d5d3c4;
  background: 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  color: #333;
  padding: 0 10px;
  *padding: 10px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

/*< end*/
/* #m-footer
---------------------------------------------------------------------- */
#m-footer {
  position: relative;
  z-index: 100; }

#m-footer .grid {
  width: 90%;
  max-width: 980px;
  position: relative;
  border-top: 1px dotted #CFCDC4;
  padding: 40px 0; }

body.home .grid {
  border: 0; }

#m-footer .grid:after {
  content: "";
  display: block;
  clear: both; }

#m-footer * {
  color: #878176;
  font-family: georgia;
  font-size: 14px; }

#m-footer nav {
  float: left;
  width: 60%; }

#m-footer nav li {
  float: left;
  margin: 0 008.7463557% 0 0;
  /* 30 / 343 */ }

#m-footer nav .contact {
  margin: 0; }

#m-footer nav a {
  display: block;
  float: left;
  padding: 9px 0 9px 42px;
  line-height: 1em;
  position: relative;
  text-decoration: none; }

#m-footer nav i {
  background-size: 100% 100% !important;
  margin: -16px 0 0 0;
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%; }

#m-footer nav .fb i {
  background: url("../_images/1384550244_Facebook.svg"); }

#m-footer nav .contact i {
  background: url("../_images/1384550837_Contact2.svg"); }

#m-footer nav .twitter i {
  background: url("../_images/twitter_32.png"); }

#m-footer nav .instagram i {
  background: url("../_images/instagram-32x32.png"); }


/*
#m-footer nav:after {
	border-left:1px dotted #CFCDC4;
	position:absolute;
	top:0;
	left:40%;
	margin:0 0 0 -1px;
	display:block;
	content:"";
	width:1px;
	height:100%;
}
*/
#m-footer p {
  float: right;
  width: 30%;
  text-align: right;
  line-height: 1.75em; }

/*< end*/
/* BLOG (PAGE)
---------------------------------------------------------------------- */
body.blog #main h2 {
  color: #3F220E;
  font-size: 66px;
  line-height: 1em;
  margin: 0 0 40px;
  text-align: center; }

body.blog #main .intro {
  background: url("../_images/sngl-line-horizontal.png") center bottom no-repeat;
  margin: 0 auto 30px auto;
  padding: 0 0 30px;
  width: 061.22449%; }

body.blog #main .intro, body.blog #main .intro * {
  color: #7C7A72;
  font-size: 22px;
  text-align: center;
  line-height: 1.7em; }

body.blog #main .intro span {
  opacity: 0; }

body.blog #main .intro a {
  color: #E99D3D; }

body.blog #main .intro a:hover {
  color: #DB4022; }

body.blog .posts {
  float: left;
  width: 100%;
  /*margin:0 0 30px 0;padding:0 0 30px 0;border-bottom:1px solid #cdc5b3;*/ }

body.blog .post {
  float: left;
  width: 20%;
  margin-left: 6.66666667%;
  text-decoration: none; }

body.blog .post1 {
  margin-left: 0; }

body.blog #content .post .wrapr {
  margin-top: 40px;
  width: 60%;
  margin: 50px auto 0 auto; }

body.blog #content .post p {
  margin: 0;
  line-height: 1.5em; }

body.blog #content .post h4 {
  line-height: 1.3em; }

body.blog #content .post h4 a {
  font-size: 22px;
  line-height: 1.3em;
  text-decoration: none; }

body.blog #content .post .desc {
  margin: 10px 0;
  border-bottom: 1px dotted #cdc5b3;
  padding: 0 0 10px 0;
  float: left; }

body.blog #content .post .date, body.blog #content .post .author {
  font-size: 12px;
  float: left;
  clear: both; }

body.blog .btn {
  background: #DB4022;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -o-border-radius: 15px;
  color: #fff;
  display: table;
  margin: 0 auto;
  clear: both;
  font-size: 26px;
  padding: 0 30px;
  text-decoration: none;
  text-transform: uppercase; }

body.blog .btn:hover {
  background: #8E8E89; }

body.blog #content .post h4 {
  margin: 0; }

body.blog .btn {
  float: left;
  margin: 10px 0 0 0; }

/*body.blog #content .post:hover .btn {background:#8A4E6D;color:#f3f0e0;}*/
/* === */
body.single #main {
  margin-bottom: 0; }

body.single #content {
  background: 0;
  padding: 0;
  width: 100%;
  margin: 0 0 20px 0; }

body.single #content h2, body.single #content h2 *,
body.single #content h3, body.single #content h3 *,
body.single #content h4, body.single #content h4 *,
#comments h2, #comments h3, #comments h4 {
  line-height: 1.3em;
  margin: 0 0 20px 0;
  color: #3F220E;
  letter-spacing: 0.5px; }

body.single #content h1, body.single .h1 {
  font-size: 36px !important;
  line-height: 1.3em;
  margin: 0 0 20px 0; }

body.single #content h2 {
  font-size: 24px; }

body.single #content h3 {
  font-size: 18px; }

body.single #content h4 {
  font-size: 16px; }

body.single #content * a {
  color: #E99D3D; }

body.single #content * a:hover {
  color: #0088CC; }

#archives-pagination {
  clear: both;
  width: 100%;
  float: left;
  margin-top: 40px; }
  #archives-pagination .rewind-handle {
    float: left; }
  #archives-pagination .forward-handle {
    float: right; }
  #archives-pagination a {
    font-family: 'Magra',sans-serif;
    background: #DB4022;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    color: #fff;
    display: block;
    float: right;
    clear: both;
    padding: 0 20px;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    border: 0;
    line-height: 2.3em; }
    #archives-pagination a:hover {
      background: #8E8E89; }
  #archives-pagination .rewind-handle a:hover {
    margin-left: -5px; }
  #archives-pagination .forward-handle a:hover {
    margin-right: -5px; }

.size-full {
  width: 100%;
  height: auto; }

/* === */
body.postid-95 {
  background: url("../_images/bg-tile-pink.gif"); }

body.postid-95 #main {
  margin: 0; }

body.postid-95 h1 {
  clear: both; }

body.postid-95 .wp-image-104 {
  display: none; }

body.postid-95 #main .grid {
  width: 1000px; }

.sweetheart-title {
  display: block;
  width: 100%;
  float: left;
  margin: 70px 0; }

.sweetheart-title .letter {
  background: url(../_images/hearts.png) no-repeat;
  width: 92px;
  height: 80px;
  overflow: hidden;
  margin: 0 6px 0 0;
  display: block;
  float: left; }

.sweetheart-title .letter.s1 {
  margin: 0 6px 0 13px; }

.sweetheart-title .letter.w1, .sweetheart-title .letter.e3 {
  background-position: -92px 0; }

.sweetheart-title .letter.e1, .sweetheart-title .letter.a1 {
  background-position: -184px 0; }

.sweetheart-title .letter.e2, .sweetheart-title .letter.r1 {
  background-position: -276px 0; }

.sweetheart-title .letter.t1, .sweetheart-title .letter.t2 {
  background-position: -368px 0; }

#content .sweetheart-title b {
  font-weight: normal;
  font-family: "Roboto Condensed",cursive;
  font-size: 24px;
  text-transform: uppercase;
  display: block;
  float: left;
  color: #fff;
  margin: 20px 0 0 0;
  line-height: normal;
  text-align: center;
  width: 100%; }

#content .sweetheart-title .dark b {
  color: #db5a4a; }

/*< end*/
/* COMMENTS
---------------------------------------------------------------------- */
#comments {
  background: url("../_images/dbl-line-horizontal.png") top left repeat-x;
  padding: 30px 0 0 0; }

#comments {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  padding: 20px 0 25px 0;
  float: left;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

#comments .left-col {
  float: left;
  width: 350px; }

#comments .left-col div {
  clear: both;
  width: 100%;
  float: left;
  margin: 0 0 10px 0; }

#comments .req {
  color: #E99D3D; }

#comments .right-col {
  float: right;
  width: 560px; }

#comments label {
  float: left;
  margin: 0 20px 0 0;
  padding: 11px 0; }

#comments .right-col label {
  padding: 0; }

#comments input {
  float: left;
  width: 240px; }

#comments textarea {
  width: 440px;
  padding: 10px;
  float: right;
  height: 200px; }

#comments .commentlist {
  padding: 0 0 20px 0;
  margin: 0 0 10px 0;
  background: url("../_images/dbl-line-horizontal.png") bottom left repeat-x; }

#comments a {
  color: #0088cc !important; }

#comments a:hover {
  color: #db4022 !important; }

#comments .awaiting-approval {
  border: 2px solid #73726d !important;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  border-top: 0;
  padding-top: 0 !important;
  background: white !important; }

.awaiting-approval.depth-1 {
  padding: 10px !important; }

#comments input,
#comments textarea {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid #ccc4b3;
  padding: 10px; }

#comments input:focus,
#comments input:active,
#comments textarea:active,
#comments textarea:focus {
  background: #f5f3ee;
  border-color: #bfb5a0;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); }

#comments .button {
  clear: both;
  margin: 20px 0 0 0;
  float: left;
  width: 100%; }

#comments #submit {
  background: #DB4022;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -o-border-radius: 15px;
  color: #fff;
  display: block;
  float: right;
  clear: both;
  font-size: 26px;
  padding: 0 30px;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
  border: 0;
  line-height: 2.3em; }

#comments #submit:hover {
  background: #8E8E89; }

#comments .comment-awaiting-moderation {
  margin: 0 0 10px -10px;
  background: #73726d;
  color: #fff;
  padding: 10px;
  width: 100%;
  line-height: 1em;
  display: block;
  clear: both; }

#comments .commentlist * {
  line-height: 1em; }

#comments .commentlist p {
  line-height: 1.5em;
  margin: 0 0 10px 0; }

#comments .commentlist li {
  padding: 10px 0; }

#comments .children {
  margin: 10px 0 0 0; }

#comments .children li {
  background: rgba(0, 0, 0, 0.05);
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

#comments .children li.last-child {
  border: 0; }

#comments .comment-meta {
  margin: 0 0 10px 0; }

#comments .depth-1 {
  border-bottom: 1px solid #CDC5B3; }

#comments .depth-1.parent {
  border: 0; }

#comments .depth-1.last-child {
  border: 0; }

/*ie stuff.*/
#comments .depth-2 {
  *background: #edece7;
  background: #edece7 \9; }

#comments .depth-3 {
  *background: #e0dfdb;
  background: #e0dfdb \9; }

#comments .depth-4 {
  *background: #d3d3ce;
  background: #d3d3ce \9; }

#comments .depth-5 {
  *background: #c8c8c3;
  background: #c8c8c3 \9; }

#comments br {
  display: none; }

#comments .vcard {
  float: left;
  width: 100%;
  position: relative;
  margin: 0 0 5px 0; }

#comments .avatar {
  display: none; }

#comments .fn {
  font-weight: bold; }

/*< end*/
/* EMPLOYMENT PAGE
base width (context) in pixels: 1220
---------------------------------------------------------------------- */
body.page-id-13 #m-header {
  margin: 0; }

/*body.page-id-13 .grid {width:081.666667%;}*/
body.page-id-13 .grid:after {
  content: "";
  display: block;
  clear: both; }

body.page-id-13 #m-header, body.page-id-13 #m-footer {
  min-width: none; }

body.page-id-13 {
  font-size: 16px; }

#emp-pg-content .wrapper {
  margin: 0 auto;
  padding: 0 80px;
  max-width: 1220px; }

#emp-pg-content #logo {
  width: 100%;
  min-width: 0;
  margin: 0 auto 5% auto;
  float: none;
  display: block;
  max-width: 1193px; }

#emp-pg-content h1 {
  color: #fff;
  font-size: 4.125em;
  line-height: 1em;
  margin: 0 0 40px;
  	/*
  	text-shadow:none;
  	-webkit-transition:text-shadow 1s ease-in-out;
      -moz-transition:text-shadow 1s ease-in-out;
      -o-transition:text-shadow 1s ease-in-out;
      -ms-transition:text-shadow 1s ease-in-out;
      transition:text-shadow 1s ease-in-out;
  	*/ }

#emp-pg-content h1.glow {
  -webkit-transition: text-shadow 1s ease-in-out;
  -moz-transition: text-shadow 1s ease-in-out;
  -o-transition: text-shadow 1s ease-in-out;
  -ms-transition: text-shadow 1s ease-in-out;
  transition: text-shadow 1s ease-in-out;
  text-shadow: 0 0 20px white; }

#emp-pg-content header {
  background: url("../_images/bg-tile-navy.jpg");
  padding: 5% 0 50px 0;
  float: left;
  width: 100%; }

#emp-pg-content header p {
  margin: 0 0 30px;
  color: #fff;
  font-size: 1.625em;
  line-height: 2em; }

#emp-pg-content header p * {
  color: #fff;
  font-size: 1em;
  line-height: 2.2em; }

#emp-pg-content .btn {
  background: #DB4022;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -o-border-radius: 15px;
  color: #fff;
  border: 0;
  cursor: pointer;
  display: block;
  float: left;
  width: 100%;
  clear: both;
  font-size: 26px;
  line-height: 2.4em;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase; }

#emp-pg-content .btn:hover {
  background: #8E8E89; }

#emp-pg-content .btn.disabled, #emp-pg-content .btn.disabled:hover {
  background: #ccc;
  color: #fff;
  cursor: not-allowed; }

#emp-pg-content .stat {
  float: left;
  *float: none;
  clear: both;
  margin: 0 0 80px;
  position: relative;
  padding: 0 0 0 177px;
  /*icon width + 30 pixel buffer.*/ }

#emp-pg-content .stat:last-child {
  margin: 0; }

#emp-pg-content .heads-cut .icon {
  display: block;
  width: 135px;
  height: 160px;
  background: url("../_images/male-female-heads3.png");
  background-image: url("../_images/male-female-heads3.svg"), none;
  background-size: 135px 160px;
  position: absolute;
  margin: -80px 0 0;
  left: 6px;
  /*147-135/2*/
  top: 50%; }

#emp-pg-content .esthetics .icon {
  display: block;
  width: 133px;
  height: 152px;
  background: url("../_images/hand2.png");
  background-image: url("../_images/hand2.svg"), none;
  background-size: 133px 152px;
  position: absolute;
  margin: -76px 0 0;
  left: 7px;
  /*147-133/2*/
  top: 50%; }

#emp-pg-content .appointments .icon {
  display: block;
  width: 95px;
  height: 123px;
  background: url("../_images/phone2.png");
  background-image: url("../_images/phone2.svg"), none;
  background-size: 95px 123px;
  position: absolute;
  margin: -61px 0 0;
  left: 26px;
  /*147-95/2*/
  top: 50%; }

#emp-pg-content .colors .icon {
  display: block;
  width: 123px;
  height: 99px;
  background: url("../_images/clrs-booklet2.png");
  background-image: url("../_images/clrs-booklet2.svg"), none;
  background-size: 123px 99px;
  position: absolute;
  margin: -49px 0 0;
  left: 12px;
  /*147-123/2*/
  top: 50%; }

#emp-pg-content .weddings .icon {
  display: block;
  width: 123px;
  height: 151px;
  background: url("../_images/ring-box2.png");
  background-image: url("../_images/ring-box2.svg"), none;
  background-size: 123px 151px;
  position: absolute;
  margin: -75px 0 0;
  left: 12px;
  /*147-123/2*/
  top: 50%; }

#emp-pg-content .pressure .icon {
  display: block;
  width: 147px;
  height: 110px;
  background: url("../_images/hairdryer2.png");
  background-image: url("../_images/hairdryer2.svg"), none;
  background-size: 147px 110px;
  position: absolute;
  margin: -55px 0 0;
  left: 0;
  top: 50%; }

#collage {
  position: relative;
  height: 806px;
  float: left;
  clear: both;
  width: 100%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  background: url("../_images/collage2.jpg") 0 0 fixed; }

#emp-pg-content .body {
  padding: 50px 0;
  float: left;
  clear: both;
  width: 100%; }

#emp-pg-content .body .wrapper {
  max-width: 800px; }

#emp-pg-content .body p {
  margin: 0 0 30px;
  font-size: 1.625em;
  line-height: 2em; }

#emp-pg-content .body p * {
  font-size: 1em; }

#emp-pg-content .body p a {
  color: #DB4022; }

#emp-pg-content .body p:last-child {
  margin: 0; }

#emp-pg-content #form {
  clear: both;
  float: left;
  width: 100%;
  padding: 50px 0; }

#emp-pg-content #form hgroup {
  margin: 0 auto;
  text-align: center;
  max-width: 900px; }

#emp-pg-content #form h3 {
  font-size: 4.125em;
  margin: 0 0 50px;
  color: #3B001E; }

#emp-pg-content #form fieldset {
  margin: 0 0 20px;
  text-align: center; }

#emp-pg-content #form input.text {
  padding: 20px 001.8181818%;
  width: 96.3636364%;
  font-size: 1.25em;
  margin: 0 auto;
  color: #ccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid #ccc4b3; }

#emp-pg-content #form input.visited {
  border: 1px solid #b3eb2d;
  color: #000; }

#emp-pg-content #form input.error.visited {
  border: 1px solid #E54848;
  background: #EA6C6C;
  color: #ccc; }

#emp-pg-content #form input.error.visited:active, #emp-pg-content #form input.error.visited:focus {
  color: #000; }

#emp-pg-content #form input:focus,
#emp-pg-content #form input:active,
#emp-pg-content #form textarea:active,
#emp-pg-content #form textarea:focus {
  background: #f5f3ee !important;
  border-color: #bfb5a0 !important;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  color: #3B001E; }

#fun-facts {
  clear: both;
  float: left;
  width: 100%;
  padding: 50px 0;
  background: #3b001e url("../_images/hdr-tile.png"); }

#fun-facts .wrapper {
  max-width: 700px; }

#fun-facts h4 {
  font-size: 4.125em;
  margin: 0 0 50px;
  text-align: center;
  color: #8a4d6d; }

#fun-facts p {
  color: #8a4d6d;
  font-size: 1.625em;
  line-height: 2em; }

#fun-facts p * {
  color: #c883ab;
  font-size: 1em;
  line-height: 2.4em; }

.success-msg {
  font-size: 1.625em;
  line-height: 2em;
  text-align: center;
  background: #fff;
  padding: 20px;
  max-width: 80%;
  margin: 0 auto;
  display: none; }

@media screen and (max-width: 670px) {
  body.page-id-13 #m-header {
    overflow: hidden; }

  body.page-id-13 #m-header .grid {
    width: 100%; }

  body.page-id-13 #m-header nav {
    position: relative;
    left: 50%;
    float: left;
    border-right: 0; }

  body.page-id-13 #m-header nav ul {
    position: relative;
    left: -50%; }

  body.page-id-13 #m-header nav li:last-child a {
    border-right: 1px dotted #5F2E46; }

  body.page-id-13 #m-header nav a {
    padding: 12px; }

  #emp-pg-content #logo {
    margin: 40px 0; }

  #collage {
    background-size: 100% auto;
    height: 185px; }

  #emp-pg-content .wrapper {
    padding: 0 30px; }

  #emp-pg-content h1 {
    font-size: 30px;
    margin: 0 0 20px; }

  #emp-pg-content .body {
    padding: 30px 0; }

  #emp-pg-content .body p {
    margin: 0 0 20px; }

  #emp-pg-content header {
    padding-top: 0; }

  #emp-pg-content header p {
    font-size: 1.125em;
    margin: 0 0 20px; }

  #emp-pg-content .body p {
    font-size: 1.125em; }

  #fun-facts p {
    font-size: 1.125em;
    text-align: center; }

  #emp-pg-content .stat {
    padding: 0;
    margin: 0 auto 50px auto;
    float: none; }

  #emp-pg-content .stat .icon {
    position: static;
    margin: 0 auto 20px auto; }

  #emp-pg-content #form h3 {
    font-size: 40px; } }
/* PRODUCTS PAGE
---------------------------------------------------------------------- */
/* normalize/reset */
#products p, #products ul {
  margin: 0; }

#products p,
#products p *,
#products h4,
#products li {
  line-height: normal; }

/* --- */
#products .product {
  background: url("../_images/sngl-line-horizontal.png") center bottom no-repeat;
  margin: 0 0 30px 0;
  padding: 0 0 30px 0;
  width: 100%;
  float: left;
  clear: both; }

#products .product:last-child {
  margin: 0;
  padding: 0;
  background: 0; }

#products .product.even {
  float: right; }

#products .product.no-img .contents {
  width: 100%; }

#products .img {
  border: 5px solid #3f210f;
  float: left;
  background: #fff;
  width: 043.673469%;
  overflow: hidden; }

#products .img img {
  display: block;
  float: left;
  width: 100%; }

#products header {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.3); }

#products .contents {
  float: right;
  width: 051.020408%; }

#products p, #products li {
  color: #000; }

#products * {
  font-size: 20px; }

#products .other {
  clear: both; }

#products .other * {
  line-height: 1.5em;
  font-size: 16px;
  /*font-family:arial;font-size:16px;*/ }

#products h4 {
  font-size: 30px;
  color: #3f210f;
  clear: both;
  font-weight: normal;
  margin: -7px 0 10px 0; }

#products .url {
  margin: 0 0 10px; }

#products .url a {
  color: #E99D3D; }

#products .url a:hover {
  color: #0088CC; }

#products ul {
  float: left;
  width: 100%;
  margin: 10px 0 0 0; }

#products ul .grp {
  float: left;
  width: 40%; }

#products ul .grp.two {
  margin: 0 0 0 30px; }

#products li {
  background: url("../_images/bullet1.png") left center no-repeat;
  padding: 0 0 0 15px;
  margin: 0 0 5px 0;
  float: left;
  clear: both; }

#products p.desc {
  line-height: 1.8em;
  /*color:#56554f;*/ }

/*< end*/
.our-services table {
  width: 100%;
  margin: 0 0 20px 0; }
.our-services th, .our-services td {
  text-align: left;
  line-height: 1.8em !important;
  padding: 5px 10px;
  border-bottom: 1px solid #b1ac9f;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.our-services table .cost {
  border-left: 10px solid #73726D;
  text-align: center;
  background: #fff;
  width: 20%; }
.our-services table tr:nth-child(odd) td, .our-services table tr:nth-child(odd) th {
  background: #DED8C7; }
.our-services table tr:nth-child(odd) .cost {
  background: #E0DED7; }

/* POST "CUT-A-THON" PAGE
---------------------------------------------------------------------- */
.postid-186 #logo,
.postid-186 aside,
.postid-186 nav.main {
  display: none; }

.postid-186 #main {
  margin: 0; }

.postid-186 .grid {
  max-width: none;
  width: 100%; }

.postid-186 #content {
  margin: 0 !important;
  padding: 100px 0 !important; }

body.postid-186 #main h1 {
  font-size: 4.125em !important;
  text-transform: uppercase; }

.postid-186 #main .col {
  float: left;
  width: 48%; }

.postid-186 #main .col2 {
  float: right; }

.postid-186 .blocka {
  background: url("../_images/cutathon1.jpg") bottom center no-repeat;
  float: left;
  padding: 100px 0;
  width: 100%; }

.postid-186 .blockb {
  background: url("../_images/cutathon2-staff.jpg") center no-repeat;
  border-top: 8px solid #ff7c94;
  height: 1000px;
  float: left;
  clear: both;
  width: 100%; }

.postid-186 .body {
  width: 90%;
  max-width: 980px;
  margin: 0 auto; }

.postid-186 .body:after {
  content: "";
  clear: both;
  display: block; }

.postid-186 .body p, .postid-186 .body p * {
  color: #000; }

.postid-186 .blocka p {
  line-height: 1.8em;
  margin: 0 0 20px 0; }

.postid-186 .blocka h2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  font-size: 24px;
  line-height: 1.5em; }

.postid-186 .blocka p:last-child {
  margin: 0; }

.postid-186 .blockb .body {
  text-align: center;
  margin-top: 420px; }

.postid-186 .blockb img {
  opacity: 0.25;
  width: 100%;
  max-width: 600px; }

.postid-186 h4 {
  color: #fff;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  font-size: 54px; }

.postid-186 h4, .postid-186 h2 {
  font-family: 'Magra',sans-serif; }

.postid-186 h2 {
  color: #3F220E; }

.postid-186 .gallery {
  overflow: hidden;
  clear: both;
  width: 100%;
  float: left;
  margin: 40px 0 0 0; }

.postid-186 .gallery li {
  float: left;
  width: 014.115646%;
  height: 138px;
  overflow: hidden;
  margin: 0 0 0 003.0612245%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.postid-186 .gallery img {
  display: block;
  outline: none; }

.postid-186 .galitem1 {
  margin: 0 !important; }

.postid-186 .galitem1 img {
  margin: -10px 0 0 -40px; }

.postid-186 .galitem2 img {
  margin: -10px 0 0 -40px; }

.postid-186 .galitem3 img {
  margin: -90px 0 0 -45px; }

.postid-186 .galitem4 img {
  margin: -110px 0 0 -120px; }

.postid-186 .galitem5 img {
  margin: -90px 0 0 -215px; }

.postid-186 .galitem6 img {
  margin: -110px 0 0 -195px; }

.postid-186 .galitem7 img {
  margin: -30px 0 0 -40px; }

.postid-186 .galitem8 img {
  margin: -100px 0 0 -130px; }

.postid-186 #m-footer .grid {
  width: 90%;
  max-width: 980px; }

/* MENU BUTTON
---------------------------------------------------------------------- */
#menu-button {
  display: block;
  width: 100px;
  height: 100px;
  margin: 20px auto 0 auto;
  position: relative;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border: 1px solid rgba(168, 155, 108, 0.5); }

#menu-button:hover {
  opacity: 0.5; }

#menu-button:before {
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  padding: 3px;
  position: absolute;
  left: -4px;
  top: -4px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border: 1px solid rgba(168, 155, 108, 0.5); }

#menu-button .text-icon {
  width: 100%;
  float: left; }

#menu-button .text {
  text-align: center;
  display: block;
  clear: both; }

#menu-button .icon {
  border-top: 4px solid rgba(168, 155, 108, 0.5);
  display: block;
  width: 28px;
  height: 12px;
  margin: 30% auto 7px auto;
  position: relative; }

#menu-button .icon:before,
#menu-button .icon:after {
  position: absolute;
  top: 2px;
  left: 0;
  height: 4px;
  width: 100%;
  background: rgba(168, 155, 108, 0.5);
  display: block;
  content: ""; }

#menu-button .icon:after {
  top: 8px; }

/* MICRO NAV
---------------------------------------------------------------------- */
#micronav {
  display: none;
  width: 100%;
  text-align: center; }

#micronav a {
  background: #dfd9c4;
  background: rgba(168, 155, 108, 0.2);
  width: 100%;
  display: block;
  margin: 0 0 1px 0;
  padding: 10px 0;
  text-decoration: none; }

#micronav .isparent > a {
  position: relative; }

#micronav .isparent li a {
  background: #d1caae;
  background: rgba(168, 155, 108, 0.4);
  font-style: italic; }

#micronav ul ul {
  display: none; }

#micronav .chevron {
  position: absolute;
  right: 10px;
  top: 50%;
  background: url("../_images/icon-chevron-down.png");
  background-size: 100%;
  width: 12px;
  height: 6px;
  margin: -3px 0 0 0;
  opacity: 0.25; }

#micronav .isparent.active > a {
  background: #3a011e;
  color: rgba(255, 255, 255, 0.25); }

#micronav .isparent.active .chevron {
  background-image: url("../_images/icon-chevron-down-white.png"); }

#micronav a:hover, #micronav .isparent li a:hover {
  background: 0; }

.appointments form {
  clear: both; }

.appointments form h6 {
  line-height: 1em !important; }

.appointments .grid {
  max-width: 700px; }

.appointments #content {
  width: 100%;
  padding: 0;
  background: 0; }

.appointments header {
  border-bottom: 1px dotted #cfcdc4;
  margin: 0 0 20px 0; }

.appointments #content p {
  line-height: 2em; }

.beauticians p {
  margin-bottom: 5px !important; }

#main.appointments {
  margin-top: 0; }

#main.appointments h1 {
  margin: 0 0 20px 0; }

.appointments form > div {
  clear: both;
  width: 100%;
  margin: 0 0 10px 0;
  float: left; }

.appointments label,
.appointments #content h6 {
  font-size: 12px;
  font-weight: normal;
  margin: 10px 0 5px 0;
  text-transform: uppercase; }

.appointments #content label {
  line-height: 1em; }

.appointments label {
  float: left; }

.appointments form > div:first-child label {
  margin-top: 0 !important; }

.confirmation_msg {
  background: #fff;
  border: 1px solid #28ad50;
  padding: 20px 30px;
  font-size: 18px;
  line-height: 1.75em !important;
  clear: both;
  float: left; }

.appointments textarea,
.appointments input.text,
.appointments select {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .appointments textarea:focus, .appointments textarea:active,
  .appointments input.text:focus,
  .appointments input.text:active,
  .appointments select:focus,
  .appointments select:active {
    border: 1px solid rgba(0, 0, 0, 0.2); }

.appointments label {
  display: none; }

.appointments #content input.text,
.appointments #content select {
  line-height: 1.25em; }

textarea {
  resize: vertical; }

.appointments #content textarea {
  line-height: 1.75em; }

.appointments select.placeholder {
  color: #999; }

.gender h6 {
  margin: 0 0 10px 0; }

.radio_group input {
  float: left;
  margin: 1px 10px 0 0; }
.radio_group label {
  float: left;
  clear: both;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  margin: -1px 0 0 0 !important;
  width: 100%;
  display: block !important;
  cursor: pointer;
  font-size: 1em;
  padding: 15px;
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .radio_group label:first-child {
    margin: 0 !important; }
  .radio_group label:hover {
    border: 1px solid rgba(0, 0, 0, 0.2);
    z-index: 2; }
  .radio_group label:active, .radio_group label:focus {
    border: 1px solid rgba(0, 0, 0, 0.3);
    z-index: 1; }

.appointments .radio_group label {
  text-transform: none; }

.appointments .btn {
  background: #DB4022;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  color: #fff;
  display: block;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  -webkit-transition: background-color 150ms linear;
  -moz-transition: background-color 150ms linear;
  -ms-transition: background-color 150ms linear;
  -o-transition: background-color 150ms linear;
  transition: background-color 150ms linear;
  cursor: pointer;
  border: 0;
  clear: both;
  font-size: 26px;
  padding: 0 30px;
  margin: 10px 0 0;
  text-decoration: none;
  text-transform: uppercase; }
  .appointments .btn:hover {
    background: #8E8E89; }

.appointment_type_div {
  position: relative; }

.popover {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 0;
  background: #3f210f;
  padding: 20px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }
  .popover p {
    color: #fff;
    line-height: 1.75em !important;
    margin: 0 !important; }
  .popover .icon {
    position: absolute;
    left: 20px;
    top: 100%;
    width: 26px;
    height: 13px;
    background: url("../_images/arrow_down.png"); }

.beautician {
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 5px;
  height: 58px;
  display: table;
  margin-top: -1px;
  -webkit-transition: background 150ms linear;
  -moz-transition: background 150ms linear;
  -ms-transition: background 150ms linear;
  -o-transition: background 150ms linear;
  transition: background 150ms linear;
  position: relative;
  z-index: 1;
  cursor: pointer;
  width: 100%;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }
  .beautician:first-of-type {
    margin-top: 0; }
  .beautician img {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 48px;
    height: 48px; }
  .beautician:hover {
    background: #f8f7f4; }
    .beautician:hover img {
      opacity: 0.9; }
  .beautician figcaption {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1em !important;
    display: table-cell;
    padding-left: 58px;
    vertical-align: middle; }
  .beautician.selected {
    background: #3f210f;
    z-index: 2;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); }
    .beautician.selected figcaption {
      color: #fff; }
    .beautician.selected img {
      opacity: 1; }
  .beautician.disabled {
    opacity: 0.75;
    cursor: not-allowed;
    background: #fff; }
    .beautician.disabled figcaption, .beautician.disabled img {
      opacity: 0.25; }
  .beautician .body {
    display: table; }

/* ------------------------------------------------------------------- */
#sb_alert {
  background: #db4022;
  float: left;
  width: 100%;
  padding: 10px;
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  -webkit-transition: margin-top 500ms linear;
  -moz-transition: margin-top 500ms linear;
  -ms-transition: margin-top 500ms linear;
  -o-transition: margin-top 500ms linear;
  transition: margin-top 500ms linear; }
  #sb_alert.hide {
    margin-top: -500px; }
  #sb_alert .grid {
    margin: 0 auto;
    text-align: center; }
  #sb_alert .dismiss-icon {
    text-indent: -999em;
    display: block;
    width: 24px;
    height: 24px;
    background: url("../_images/icon-close.svg"), none;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -12px;
    cursor: pointer; }
  #sb_alert p {
    display: inline-block;
    padding: 10px;
    vertical-align: middle;
    color: #fff;
    line-height: 1.5em;
    font-size: 18px; }
  #sb_alert .button {
    -webkit-transition: background 250ms ease;
    -moz-transition: background 250ms ease;
    -ms-transition: background 250ms ease;
    -o-transition: background 250ms ease;
    transition: background 250ms ease;
    vertical-align: middle;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    background: #fff;
    color: #db4022;
    clear: both;
    font-size: 21px;
    text-decoration: none;
    text-transform: uppercase; }
    #sb_alert .button:hover {
      background: #3b001e;
      color: #fff; }
  #sb_alert .hide {
    display: none; }

/* Testimonials
@ Employment page
---------------------------------------------------------------------- */
#testimonials {
  padding: 100px 0;
  background: #1b1f22;
  background: -moz-radial-gradient(center, ellipse cover, #3b001e 0%, #1b1f22 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #3b001e), color-stop(100%, #1b1f22));
  background: -webkit-radial-gradient(center, ellipse cover, #3b001e 0%, #1b1f22 100%);
  background: -o-radial-gradient(center, ellipse cover, #3b001e 0%, #1b1f22 100%);
  background: -ms-radial-gradient(center, ellipse cover, #3b001e 0%, #1b1f22 100%);
  background: radial-gradient(ellipse at center, #3b001e 0%, #1b1f22 100%);
  float: left;
  clear: both;
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  overflow: hidden; }
  #testimonials .wrapper {
    max-width: 600px; }
  #testimonials .wrapper:after {
    clear: both;
    content: "";
    display: block; }
  #testimonials h2 {
    color: #fff;
    font-weight: normal;
    text-align: center;
    font-size: 36px;
    font-family: "Magra";
    line-height: 1.25em;
    text-transform: uppercase;
    margin-bottom: 60px; }
  #testimonials .rating {
    display: table;
    margin: 0 auto 10px auto; }
  #testimonials .star {
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 5px; }
    #testimonials .star.star-full {
      background-image: url("../_images/star-full.svg"); }
    #testimonials .star.star-empty {
      background-image: url("../_images/star-outline.svg"); }
    #testimonials .star.star-half {
      background-image: url("../_images/star-half.svg"); }
  #testimonials blockquote {
    display: block;
    margin: 0 auto;
    width: 100%;
    float: left;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */ }
    #testimonials blockquote.left {
      width: 50%; }
    #testimonials blockquote.right {
      float: right;
      width: 50%; }
    #testimonials blockquote.standalone {
      clear: both;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      padding-top: 30px;
      margin-top: 30px; }
  #testimonials p {
    color: #999;
    font-size: 24px;
    line-height: 1.5em;
    text-align: center;
    clear: both; }
  #testimonials cite {
    display: block;
    text-align: center;
    margin-top: 20px;
    font-style: normal;
    color: #555;
    font-family: Arial;
    text-transform: uppercase;
    letter-spacing: 2px; }

/* BREAKING POINTS
---------------------------------------------------------------------- */
@media screen and (max-width: 760px) {
  #m-footer nav {
    margin: 0 0 20px 0; }

  #m-footer nav a {
    text-indent: -999em;
    padding-left: 0; }

  body.our-salon .btn {
    font-size: 20px;
    padding: 0 20px; }

  body.blog #main .intro {
    width: 100%; }

  body.blog .post {
    width: 45%;
    margin: 0 0 40px 0; }

  .post1, .post3 {
    float: left; }

  .post2, .post4 {
    float: right !important; }

  .post3 {
    clear: left; }

  .post4 {
    clear: right; }

  #testimonials {
    padding: 40px 0; }

  #testimonials h2 {
    font-size: 30px; }

  #testimonials p {
    font-size: 1.125em; }

  #testimonials cite {
    font-size: 11px; } }
@media screen and (max-width: 600px) {
  /*body {background:purple!important;}*/
  #teasr {
    margin: 40px 0; }

  #boxes .box {
    margin: 0 auto 30px auto;
    float: none;
    clear: both;
    width: 95%; }

  #boxes .box.one {
    margin-bottom: 0; }

  .gallery.cutathon li {
    width: 30%;
    height: auto;
    margin: 0 !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }

  .postid-186 h4 {
    font-size: 36px; }

  .postid-186 .blocka {
    background: 0; }

  .postid-186 .blockb {
    background: #222;
    height: auto;
    padding: 100px 0; }

  .postid-186 .blockb .body {
    margin-top: 0; }

  .gallery.cutathon .galitem7, .gallery.cutathon .galitem8 {
    margin: 0 5% !important; }

  .gallery.cutathon span {
    display: block;
    width: 100%;
    clear: both;
    float: left;
    margin-top: 20px; }

  .gallery.cutathon img {
    margin: 0 !important;
    width: 100%; }

  .postid-186 .blocka {
    padding: 50px 0; }

  .postid-186 #main .col {
    width: 100%;
    clear: both; }

  #testimonials h2 {
    margin-bottom: 30px; }

  #testimonials blockquote {
    width: 100% !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    #testimonials blockquote, #testimonials blockquote.standalone {
      padding-top: 20px;
      margin-top: 20px; }
    #testimonials blockquote.left {
      padding: 0;
      margin: 0;
      border: 0; }
    #testimonials blockquote.standalone {
      display: none; } }
@media screen and (max-width: 500px) {
  #m-header nav a {
    padding: 10px; }

  #main.appointments h1 {
    font-size: 24px; }

  .appointments .btn {
    font-size: 1em;
    padding: 5px 30px; }

  .page-template-appointments-php #logo {
    margin: 40px 0 30px 0; }

  #testimonials h2 {
    font-size: 24px; } }
@media screen and (max-width: 340px) {
  #main {
    margin-bottom: 40px; }

  #m-footer p {
    font-size: 12px; }

  #m-header nav {
    float: none; }

  #m-header nav li {
    clear: both;
    width: 100%;
    border: 0;
    border-bottom: 1px dotted #5F2E46; }

  #m-header nav a {
    border: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    text-align: center; } }