/*
HTML5 Reset ::style.css - via https://github.com/murtaugh/HTML5-Reset/blob/master/_/css/style.css
----------------------------------------------------------
We have learned much from/been inspired by/taken code where offered from:Eric Meyer ::http://ericmeyer.com
HTML5 Doctor ::http://html5doctor.com
and the HTML5 Boilerplate ::http://html5boilerplate.com
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Oswald);
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent; }

article, aside, figure, footer, header, hgroup, img, nav, section {
  display: block; }

/* Responsive images and other embedded objects
Note:keeping IMG here will cause problems if you're using foreground images as sprites.
If this default setting for images is causing issues,you might want to replace it with a .responsive class instead.
Also, Ramon, if using anysize, make sure to change from max-width to width */
img, object, embed {
  width: 100%;
  height: auto; }

/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll; }

/* we use a lot of ULs that aren't bulleted.
don't forget to restore the bullets within content. */
ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well,actually) */
  word-wrap: break-word;
  /* IE */ }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline; }

.lt-ie7 input {
  vertical-align: text-bottom; }

select, input, textarea {
  font: 99% sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

/* Accessible focus treatment
people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
  outline: none; }

small {
  font-size: 85%; }

em, i {
  font-style: italic; }

strong, th, b {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

/* Make sure sup and sub don't screw with your line-heights
gist.github.com/413930 */
sub, sup {
  font-size: 60%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.75em; }

sub {
  bottom: -0.5em; }

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace,sans-serif; }

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {
  cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0; }

/* make buttons play nice in IE */
button {
  width: auto;
  overflow: visible; }

/* scale images in IE7 more attractively */
.lt-ie8 img {
  -ms-interpolation-mode: bicubic; }

/* prevent BG image flicker upon hover */
.lt-ie7 html {
  filter: expression(document.execCommand("BackgroundImageCache",false,true)); }

/* let's clear some floats */
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  -webkit-text-size-adjust: none; }

input {
  -webkit-appearance: none;
  -moz-appearance: none; }

/* SCSS Framework boilerplate from Flask: https://github.com/kylelarkin/flask */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@font-face {
  font-family: 'proxima-nova-semibold';
  src: url("../fonts/proximanova-semibold.eot");
  src: url("../fonts/proximanova-semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-semibold.woff") format("woff"), url("../fonts/proximanova-semibold.ttf") format("truetype"), url("../fonts/proximanova-semibold.svg#proxima_nova_rgbold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proxima-nova-regular';
  src: url("../fonts/proximanova-regular.eot");
  src: url("../fonts/proximanova-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-regular.woff") format("woff"), url("../fonts/proximanova-regular.ttf") format("truetype"), url("../fonts/proximanova-regular.svg#proxima_nova_rgregular") format("svg");
  font-weight: normal;
  font-style: normal; }

body, select, input, textarea {
  color: #555555; }

::-moz-selection {
  background: #cccccc;
  color: #000;
  text-shadow: none; }

::selection {
  background: #cccccc;
  color: #000;
  text-shadow: none; }

a:link {
  -webkit-tap-highlight-color: #cccccc; }

ins {
  background-color: #cccccc;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #cccccc;
  color: #000;
  font-style: italic;
  font-weight: bold; }

html {
  height: 100%; }

body {
  color: #555555;
  font-family: "proxima-nova-regular", helvetica, sans-serif;
  font-weight: normal;
  line-height: 1.4;
  height: 100%; }

a {
  color: #555555;
  text-decoration: none; }
  a:hover, a:focus {
    color: black; }
  a.reverse {
    color: #555555; }
    a.reverse:hover, a.reverse:focus {
      color: #555555; }

h1 {
  color: #555555;
  font-family: "Oswald", helvetica, sans-serif;
  font-size: 1.5em;
  line-height: 1.3;
  margin: 0.66667em 0; }

h2 {
  color: #bbb;
  font-family: "Oswald", helvetica, sans-serif;
  font-size: 5em;
  line-height: 1.3; }

h3 {
  color: #888888;
  font-family: "Oswald", helvetica, sans-serif;
  font-size: 1em;
  line-height: 0; }

h4 {
  color: #555555;
  font-family: "Oswald", helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.3;
  margin: 1.14286em 0; }

h5 {
  color: #555555;
  font-family: "Oswald", helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.3;
  margin: 1.14286em 0; }

h6 {
  color: #555555;
  font-family: "Oswald", helvetica, sans-serif;
  font-size: 1.25em;
  line-height: 1.3;
  margin: 1.14286em 0; }

p {
  font-size: 1em;
  line-height: 1.4;
  margin: 1em 0; }

em, i {
  font-style: italic; }
  em strong, em b, i strong, i b {
    font-style: italic; }

strong, b {
  font-weight: bold; }
  strong em, strong i, b em, b i {
    font-weight: bold; }

ul {
  list-style: disc;
  margin: 0 0 0 1.1em;
  padding-bottom: 1em;
  font-decoration: none; }
  nav ul {
    list-style: none;
    margin: 0;
    padding-bottom: 0; }
    nav ul a {
      text-decoration: none; }

header {
  *zoom: 1;
  width: 100%;
  padding: 3em 0 0 0;
  position: absolute;
  z-index: 5; }
  header:before, header:after {
    content: " ";
    display: table; }
  header:after {
    clear: both; }
  header .inner {
    *zoom: 1;
    max-width: 80em;
    margin-left: auto;
    margin-right: auto;
    padding: 0 6% 0 6%; }
    header .inner:before, header .inner:after {
      content: " ";
      display: table; }
    header .inner:after {
      clear: both; }
    @media screen and (min-width: 580px) {
      header .inner {
        padding: 0 4% 0 4%; } }
  header .logo {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    z-index: 10; }
    header .logo:last-child {
      margin-right: 0; }
    header .logo a img {
      cursor: pointer;
      width: 5em;
      max-width: 100%;
      zoom: 1;
      filter: alpha(opacity=95);
      opacity: .95;
      margin-left: 15%;
      -webkit-transition: all 200ms ease-in-out;
      -moz-transition: all 200ms ease-in-out;
      transition: all 200ms ease-in-out; }
      header .logo a img:hover, header .logo a img:active {
        zoom: 1;
        filter: alpha(opacity=100);
        opacity: 1; }
      @media screen and (min-width: 768px) {
        header .logo a img {
          margin-left: 7%;
          width: 5em; } }
  header nav {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%; }
    header nav:last-child {
      margin-right: 0; }
    header nav ul.menu {
      -webkit-transition: all 400ms ease-in-out;
      -moz-transition: all 400ms ease-in-out;
      transition: all 400ms ease-in-out;
      display: none;
      zoom: 1;
      float: right; }
      header nav ul.menu li {
        font-family: "proxima-nova-semibold", helvetica-neue, sans-serif;
        float: right;
        letter-spacing: .02em;
        font-weight: 700;
        font-size: 1em;
        margin-top: 1em;
        padding-left: 1.5em; }
        header nav ul.menu li a {
          color: #fff;
          cursor: hand;
          text-transform: uppercase;
          -webkit-transition: all 200ms ease-in-out;
          -moz-transition: all 200ms ease-in-out;
          transition: all 200ms ease-in-out;
          zoom: 1;
          filter: alpha(opacity=70);
          opacity: .70; }
          header nav ul.menu li a:hover, header nav ul.menu li a:active {
            zoom: 1;
            filter: alpha(opacity=100);
            opacity: 1; }
        @media screen and (min-width: 768px) {
          header nav ul.menu li {
            padding-left: 3em; } }
      @media screen and (min-width: 768px) {
        header nav ul.menu {
          float: right;
          display: inline-block;
          vertical-align: baseline;
          zoom: 1;
          *display: inline;
          *vertical-align: auto; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      header nav {
        height: 630px; } }
    @media screen and (min-width: 1024px) {
      header nav {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 57.35098%; }
        header nav:last-child {
          margin-right: 0; } }
  header .the_word {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    zoom: 1;
    filter: alpha(opacity=70);
    opacity: 70;
    float: right; }
    header .the_word li {
      font-family: "proxima-nova-semibold", helvetica-neue, sans-serif;
      float: right;
      font-weight: 700;
      font-size: 1em;
      margin-top: 1em;
      padding-right: 1em; }
      header .the_word li a {
        color: #fff;
        cursor: hand;
        text-transform: uppercase;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        zoom: 1;
        filter: alpha(opacity=70);
        opacity: .70; }
        header .the_word li a:hover, header .the_word li a:active {
          zoom: 1;
          filter: alpha(opacity=100);
          opacity: 1; }
      @media screen and (min-width: 768px) {
        header .the_word li {
          padding-left: 3em; } }
    @media screen and (min-width: 768px) {
      header .the_word {
        zoom: 1;
        filter: alpha(opacity=0);
        opacity: 0; } }

.side-menu {
  background: #111111;
  display: none;
  top: 0;
  right: 0;
  position: absolute;
  visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  margin-right: 0;
  width: 300px;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-transform: uppercase;
  z-index: 40; }
  .side-menu h2 {
    font-family: "proxima-nova-semibold", helvetica, sans-serif;
    font-size: 1em;
    letter-spacing: .06em;
    float: left;
    padding: 3.4em 0 0 3em;
    position: relative;
    color: #FFFFFF; }
  .side-menu a img {
    cursor: pointer;
    zoom: 1;
    filter: alpha(opacity=40);
    opacity: .40;
    position: relative;
    float: right;
    margin: 3.5em 2em 0 0;
    width: 1.3em;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out; }
    .side-menu a img:hover, .side-menu a img:active {
      zoom: 1;
      filter: alpha(opacity=100);
      opacity: 1; }
  .side-menu ul {
    clear: both;
    float: left;
    position: relative;
    margin: 2.5em 0 0 0em;
    width: 100%; }
    .side-menu ul li {
      font-family: "proxima-nova-semibold", helvetica, sans-serif;
      letter-spacing: .06em;
      font-size: 1em;
      padding: .6em 0 .8em 3.2em;
      width: 100%; }
      .side-menu ul li:first-child {
        padding-top: 0; }
      .side-menu ul li a {
        color: #fff;
        cursor: hand;
        text-transform: uppercase;
        zoom: 1;
        filter: alpha(opacity=40);
        opacity: .40;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out; }
        .side-menu ul li a:hover, .side-menu ul li a:active {
          zoom: 1;
          filter: alpha(opacity=100);
          opacity: 1; }
  @media screen and (min-width: 768px) {
    .side-menu {
      display: none; } }
  @media screen and (min-width: 1024px) {
    .side-menu {
      height: 100%; } }

.expand {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  display: block;
  visibility: visible;
  background: #111;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  @media screen and (min-width: 768px) {
    .expand {
      display: none; } }

body {
  background: #111111;
  height: 100%; }

.container {
  width: 100%;
  height: 100%;
  position: relative;
  height: 100%; }

.wrapper {
  width: 100%; }

.overlay {
  background: #000;
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: .50; }

.hero {
  width: 100%;
  height: 630px;
  position: relative;
  float: left; }
  .hero .hero_overlay {
    background: #000;
    position: absolute;
    height: 100%;
    width: 100%;
    zoom: 1;
    filter: alpha(opacity=35);
    opacity: .35; }
  .hero .fade {
    display: none;
    margin-top: -15px;
    opacity: 0; }
  .hero .hero_overlay_about {
    background: #000;
    position: absolute;
    height: 100%;
    width: 100%;
    zoom: 1;
    filter: alpha(opacity=40);
    opacity: .40; }
  .hero .hero_overlay_services {
    background: #000;
    position: absolute;
    height: 100%;
    width: 100%;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: .50; }
  .hero .hero_overlay_location {
    background: #000;
    position: absolute;
    height: 100%;
    width: 100%;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: .50; }
    .hero .hero_overlay_products {
    background: #000;
    position: absolute;
    height: 100%;
    width: 100%;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: .50; }
  .hero h2 {
    color: #fff;
    font-family: "Oswald", helvetica, sans-serif;
    font-size: 2.8em;
    line-height: 1.3;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    margin: 4.5em 0 0 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out; }
    @media screen and (min-width: 768px) {
      .hero h2 {
        font-size: 3.6em;
        margin: 4.5em 0 0em 0; } }
    @media screen and (min-width: 1024px) {
      .hero h2 {
        font-size: 4.5em;
        margin: 3.8em 0 0em 0; } }
  .hero p {
    color: #eee;
    font-family: "proxima-nova-regular", helvetica, sans-serif;
    font-size: 1em;
    letter-spacing: .02em;
    line-height: 1.3;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    margin: .4em 0 0 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out; }
    @media screen and (min-width: 768px) {
      .hero p {
        font-size: 1.2em;
        margin: .6em 0 0 0; } }
    @media screen and (min-width: 1024px) {
      .hero p {
        font-size: 1.2em; } }
  .hero a {
    position: relative; }
    .hero a button {
      display: block;
      width: 20em;
      padding: 1.6em 0 1.5em 0em;
      background: #ee313c;
      color: #fff;
      margin: 6.5em auto;
      border-radius: 0px;
      border: none;
      position: relative; }
      .hero a button:hover {
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        background: #ec3c48; }
      .hero a button .schedule {
        font-family: "proxima-nova-semibold", helvetica, sans-serif;
        font-size: 1.4em;
        letter-spacing: .06em;
        margin-top: 0; }
      @media screen and (min-width: 580px) {
        .hero a button {
          width: 25em;
          padding: 1.6em 0 1.5em 0em;
          margin: 8em auto; } }
  @media screen and (min-width: 1024px) {
    .hero {
      height: 700px; } }

.statement {
  background: #fff;
  width: 100%;
  position: relative;
  float: left; }
  .statement .inner {
    *zoom: 1;
    max-width: 80em;
    margin-left: auto;
    margin-right: auto; }
    .statement .inner:before, .statement .inner:after {
      content: " ";
      display: table; }
    .statement .inner:after {
      clear: both; }
    .statement .inner h3 {
      color: #333;
      font-family: "Oswald", helvetica, sans-serif;
      font-size: 1.5em;
      line-height: 0;
      margin: 3.5em 0 0 0;
      text-align: center;
      text-transform: uppercase; }
    .statement .inner p {
      width: 85%;
      margin: 2em auto;
      font-size: 1em;
      line-height: 1.5em;
      padding: .5em 0 3em 0; }
      @media screen and (min-width: 580px) {
        .statement .inner p {
          width: 85%;
          font-size: 1.2em; } }
      @media screen and (min-width: 768px) {
        .statement .inner p {
          width: 60%; } }
      @media screen and (min-width: 1024px) {
        .statement .inner p {
          width: 50%; } }
    .statement .inner a {
      -webkit-transition: all 400ms ease-in-out;
      -moz-transition: all 400ms ease-in-out;
      transition: all 400ms ease-in-out;
      zoom: 1;
      filter: alpha(opacity=60);
      opacity: .60; }
      .statement .inner a:hover {
        zoom: 1;
        filter: alpha(opacity=100);
        opacity: 1; }
  .statement .inner-locations {
    *zoom: 1;
    max-width: 80em;
    margin-left: auto;
    margin-right: auto; }
    .statement .inner-locations:before, .statement .inner-locations:after {
      content: " ";
      display: table; }
    .statement .inner-locations:after {
      clear: both; }
    .statement .inner-locations h3 {
      color: #333;
      font-family: "Oswald", helvetica, sans-serif;
      font-size: 1.5em;
      line-height: 0;
      margin: 3.5em 0 0 0;
      text-align: center;
      text-transform: uppercase; }
    .statement .inner-locations p {
      width: 85%;
      margin: 2em auto;
      font-size: 1em;
      line-height: 1.5em;
      padding: .5em 0 0em 0; }
      @media screen and (min-width: 580px) {
        .statement .inner-locations p {
          width: 85%;
          font-size: 1.2em; } }
      @media screen and (min-width: 768px) {
        .statement .inner-locations p {
          width: 60%; } }
      @media screen and (min-width: 1024px) {
        .statement .inner-locations p {
          width: 50%; } }
    .statement .inner-locations a {
      -webkit-transition: all 400ms ease-in-out;
      -moz-transition: all 400ms ease-in-out;
      transition: all 400ms ease-in-out;
      zoom: 1;
      filter: alpha(opacity=60);
      opacity: .60; }
      .statement .inner-locations a:hover {
        zoom: 1;
        filter: alpha(opacity=100);
        opacity: 1; }

.home-info {
  background: #efeeee;
  width: 100%;
  position: relative;
  float: left;
  padding: 4em 0 6em 0; }
  .home-info .inner {
    *zoom: 1;
    max-width: 80em;
    margin-left: auto;
    margin-right: auto; }
    .home-info .inner:before, .home-info .inner:after {
      content: " ";
      display: table; }
    .home-info .inner:after {
      clear: both; }
    .home-info .inner .thumb {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      position: relative;
      float: left; }
      .home-info .inner .thumb:last-child {
        margin-right: 0; }
      @media screen and (min-width: 580px) {
        .home-info .inner .thumb:first-child {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 40.29137%;
          margin-left: 8.5298%; }
          .home-info .inner .thumb:first-child:last-child {
            margin-right: 0; } }
      @media screen and (min-width: 580px) {
        .home-info .inner .thumb {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 40.29137%;
          margin-left: 0%; }
          .home-info .inner .thumb:last-child {
            margin-right: 0; } }
      .home-info .inner .thumb .over {
        width: 80%;
        margin: 0 auto;
        position: relative; }
        .home-info .inner .thumb .over .lay {
          background: #000;
          width: 100%;
          height: 100%;
          position: absolute;
          zoom: 1;
          filter: alpha(opacity=20);
          opacity: .20;
          z-index: 40;
          -webkit-transition: all 400ms ease-in-out;
          -moz-transition: all 400ms ease-in-out;
          transition: all 400ms ease-in-out; }
          .home-info .inner .thumb .over .lay:hover {
            zoom: 1;
            filter: alpha(opacity=0);
            opacity: .0; }
        .home-info .inner .thumb .over img {
          width: 100%; }
        @media screen and (min-width: 768px) {
          .home-info .inner .thumb .over {
            width: 70%; } }
      .home-info .inner .thumb h3 {
        color: #555;
        font-family: "Oswald", helvetica, sans-serif;
        font-size: 1.5em;
        line-height: 0;
        margin: 2.25em 0 0 0;
        text-align: center;
        text-transform: uppercase; }
        .home-info .inner .thumb h3 a {
          -webkit-transition: all 400ms ease-in-out;
          -moz-transition: all 400ms ease-in-out;
          transition: all 400ms ease-in-out;
          cursor: pointer; }
      .home-info .inner .thumb .blurb {
        color: #555;
        width: 85%;
        margin: 2em auto;
        font-size: 1em;
        line-height: 1.5em;
        padding: .5em 0 0em 2%; }
        @media screen and (min-width: 580px) {
          .home-info .inner .thumb .blurb {
            width: 85%; } }
        @media screen and (min-width: 768px) {
          .home-info .inner .thumb .blurb {
            width: 70%;
            font-size: 1.1em; } }

            .home-info .inner .thumb .buy-product button {
              display: block;
              width: 55%;
              padding: 1em 0em 0em 0em;
              background: #333333;
              color: #fff;
              margin: 3.6em auto 4.6em auto;
              border-radius: 0px;
              border: none;
              position: relative; }
              .home-info .inner .thumb .buy-product button:hover {
                -webkit-transition: all 200ms ease-in-out;
                -moz-transition: all 200ms ease-in-out;
                transition: all 200ms ease-in-out;
                background: #222222; }
                .home-info .inner .thumb .buy-product button .buy-text {
                font-family: "proxima-nova-semibold", helvetica, sans-serif;
                font-size: 1.2em;
                letter-spacing: .06em;
                margin-top: 0; }
              @media screen and (min-width: 580px) {
                .home-info .inner .thumb .buy-product button {
                  width: 55%;
                  padding: 1em 0em 0em 0em;
                  margin: 3.6em auto 4.6em auto; } }

      .home-info .inner .thumb .links {
        background: #ccc;
        padding: 1em 0em 1em 0em;
        text-align: center;
        margin: 0 auto 4em;
        width: 60%;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out; }
        .home-info .inner .thumb .links:hover {
          background: #ddd;
          color: #555; }
        .home-info .inner .thumb .links a {
          -webkit-transition: all 400ms ease-in-out;
          -moz-transition: all 400ms ease-in-out;
          transition: all 400ms ease-in-out;
          padding: 1em 0 0 0; }
        @media screen and (min-width: 580px) {
          .home-info .inner .thumb .links {
            width: 80%; } }
        @media screen and (min-width: 768px) {
          .home-info .inner .thumb .links {
            width: 70%;
            font-size: 1.1em;
            display: none; } }
  @media screen and (min-width: 768px) {
    .home-info {
      padding-top: 6em; } }

.services-info {
  background: #efeeee;
  width: 100%;
  position: relative;
  float: left;
  padding: 4em 0 6em 0; }
  .services-info .inner {
    *zoom: 1;
    max-width: 80em;
    margin-left: auto;
    margin-right: auto; }
    .services-info .inner:before, .services-info .inner:after {
      content: " ";
      display: table; }
    .services-info .inner:after {
      clear: both; }
    .services-info .inner .thumb {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      position: relative;
      float: left;
      margin-bottom: 0; }
      .services-info .inner .thumb:last-child {
        margin-right: 0; }
      .services-info .inner .thumb:first-child {
        margin-bottom: 4em; }
        @media screen and (min-width: 580px) {
          .services-info .inner .thumb:first-child {
            float: left;
            display: block;
            margin-right: 2.35765%;
            width: 40.29137%;
            margin-left: 8.5298%;
            margin-right: 0;
            position: relative;
            margin-bottom: 0;
            border-right: solid #cdcccb 1px; }
            .services-info .inner .thumb:first-child:last-child {
              margin-right: 0; } }
      @media screen and (min-width: 580px) {
        .services-info .inner .thumb {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 40.29137%;
          margin-left: 0%; }
          .services-info .inner .thumb:last-child {
            margin-right: 0; } }
      .services-info .inner .thumb h3 {
        color: #555;
        font-family: "Oswald", helvetica, sans-serif;
        font-size: 1.5em;
        line-height: 0;
        padding: 0 0 0 0;
        text-align: center;
        text-transform: uppercase; }
      .services-info .inner .thumb .middle {
        padding: 3em 0 .8em 0; }
      .services-info .inner .thumb .pricing {
        padding: 1.5em 0 0 0;
        width: 80%;
        margin: 0 auto; }
        .services-info .inner .thumb .pricing:last-child {
          border-bottom: solid #cdcccb 1px;
          padding: 1.5em 0 2em 0; }
        .services-info .inner .thumb .pricing .hair_style {
          color: #555;
          font-size: 1em;
          line-height: 1.3em;
          margin: 1.2em auto 0 auto;
          text-align: center;
          padding: .5em 0 .2em 0%;
          position: relative;
          text-transform: uppercase;
          width: 60%; }
          @media screen and (min-width: 580px) {
            .services-info .inner .thumb .pricing .hair_style {
              width: 85%; } }
          @media screen and (min-width: 768px) {
            .services-info .inner .thumb .pricing .hair_style {
              width: 70%;
              font-size: 1.1em; } }
        .services-info .inner .thumb .pricing h4 {
          color: #767676;
          font-family: "Oswald", helvetica, sans-serif;
          font-size: .9em;
          line-height: 1.3;
          text-align: center;
          margin: 0; }
        @media screen and (min-width: 580px) {
          .services-info .inner .thumb .pricing:last-child {
            border-bottom: none;
            padding: 1.5em 0 0 0; } }
      .services-info .inner .thumb .pricing-right {
        padding: 1.5em 0 0 0;
        width: 80%;
        margin: 0 auto; }
        .services-info .inner .thumb .pricing-right:last-child {
          border-bottom: solid #cdcccb 1px;
          padding: 1.5em 0 3em 0; }
        .services-info .inner .thumb .pricing-right .hair_style {
          color: #555;
          font-size: 1em;
          line-height: 1.3em;
          margin: 1.2em auto 0 auto;
          text-align: center;
          padding: .5em 0 .2em 0%;
          position: relative;
          text-transform: uppercase;
          width: 60%; }
          @media screen and (min-width: 580px) {
            .services-info .inner .thumb .pricing-right .hair_style {
              width: 85%; } }
          @media screen and (min-width: 768px) {
            .services-info .inner .thumb .pricing-right .hair_style {
              width: 70%;
              font-size: 1.1em; } }
        .services-info .inner .thumb .pricing-right h4 {
          color: #767676;
          font-family: "Oswald", helvetica, sans-serif;
          font-size: .9em;
          line-height: 1.3;
          text-align: center;
          margin: 0; }
        @media screen and (min-width: 580px) {
          .services-info .inner .thumb .pricing-right {
            width: 100%; } }
      .services-info .inner .thumb .pricing-right-2 {
        padding: 1.5em 0 0 0;
        width: 80%;
        margin: 0 auto; }
        .services-info .inner .thumb .pricing-right-2:first-child {
          border-bottom: solid #cdcccb 1px;
          padding: 1.5em 0 3em 0; }
        .services-info .inner .thumb .pricing-right-2 .hair_style {
          color: #555;
          font-size: 1em;
          line-height: 1.3em;
          margin: 1.2em auto 0 auto;
          text-align: center;
          padding: .5em 0 .2em 0%;
          position: relative;
          text-transform: uppercase;
          width: 60%; }
          @media screen and (min-width: 580px) {
            .services-info .inner .thumb .pricing-right-2 .hair_style {
              width: 85%; } }
          @media screen and (min-width: 768px) {
            .services-info .inner .thumb .pricing-right-2 .hair_style {
              width: 70%;
              font-size: 1.1em; } }
        .services-info .inner .thumb .pricing-right-2 h4 {
          color: #767676;
          font-family: "Oswald", helvetica, sans-serif;
          font-size: .9em;
          line-height: 1.3;
          text-align: center;
          margin: 0;
          padding-bottom: 3em; }
        @media screen and (min-width: 580px) {
          .services-info .inner .thumb .pricing-right-2 {
            width: 100%; } }
      .services-info .inner .thumb .pricing-right-3 {
        padding: 1.5em 0 0 0;
        width: 80%;
        margin: 0 auto; }
        .services-info .inner .thumb .pricing-right-3:last-child {
          padding: 1.5em 0 3em 0; }
        .services-info .inner .thumb .pricing-right-3 .hair_style {
          color: #555;
          font-size: 1em;
          line-height: 1.3em;
          margin: 1.2em auto 0 auto;
          text-align: center;
          padding: .5em 0 .2em 0%;
          position: relative;
          text-transform: uppercase;
          width: 60%; }
          @media screen and (min-width: 580px) {
            .services-info .inner .thumb .pricing-right-3 .hair_style {
              width: 85%; } }
          @media screen and (min-width: 768px) {
            .services-info .inner .thumb .pricing-right-3 .hair_style {
              width: 70%;
              font-size: 1.1em; } }
        .services-info .inner .thumb .pricing-right-3 h4 {
          color: #767676;
          font-family: "Oswald", helvetica, sans-serif;
          font-size: .9em;
          line-height: 1.3;
          text-align: center;
          margin: 0; }
        @media screen and (min-width: 580px) {
          .services-info .inner .thumb .pricing-right-3 {
            width: 100%; } }
  @media screen and (min-width: 768px) {
    .services-info {
      padding-top: 6em; } }

.location_map {
  background: #fff;
  width: 100%;
  position: relative;
  float: left; }
  .location_map #map {
    width: 80%;
    height: 25em;
    margin: 0 auto; }
    @media screen and (min-width: 580px) {
      .location_map #map {
        width: 80%;
        height: 25em; } }
    @media screen and (min-width: 768px) {
      .location_map #map {
        width: 100%;
        height: 25em; } }
  .location_map .inner {
    *zoom: 1;
    max-width: 80em;
    margin-left: auto;
    margin-right: auto; }
    .location_map .inner:before, .location_map .inner:after {
      content: " ";
      display: table; }
    .location_map .inner:after {
      clear: both; }

footer {
  *zoom: 1;
  background: #fff;
  position: relative;
  float: left;
  width: 100%;
  border-top: solid 1px #EEE; }
  footer:before, footer:after {
    content: " ";
    display: table; }
  footer:after {
    clear: both; }
  footer .inner {
    *zoom: 1;
    max-width: 80em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: .5em 6% .5em 12%; }
    footer .inner:before, footer .inner:after {
      content: " ";
      display: table; }
    footer .inner:after {
      clear: both; }
    footer .inner p {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      position: relative; }
      footer .inner p:last-child {
        margin-right: 0; }
      @media screen and (min-width: 580px) {
        footer .inner p {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 40.29137%; }
          footer .inner p:last-child {
            margin-right: 0; } }
    footer .inner .footer {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      position: relative; }
      footer .inner .footer:last-child {
        margin-right: 0; }
      footer .inner .footer ul {
        display: inline-block;
        vertical-align: baseline;
        zoom: 1;
        *display: inline;
        *vertical-align: auto;
        position: relative;
        padding: 0 0% 0 0; }
        footer .inner .footer ul li {
          display: inline-block;
          padding: .8em 1.8em .8em 0em; }
          footer .inner .footer ul li a {
            zoom: 1;
            filter: alpha(opacity=70);
            opacity: 70; }
            footer .inner .footer ul li a:hover {
              zoom: 1;
              filter: alpha(opacity=70);
              opacity: 70; }
            footer .inner .footer ul li a img {
              width: 80%;
              zoom: 1;
              filter: alpha(opacity=20);
              opacity: .20;
              -webkit-transition: all 300ms ease-in-out;
              -moz-transition: all 300ms ease-in-out;
              transition: all 300ms ease-in-out; }
              footer .inner .footer ul li a img:hover {
                zoom: 1;
                filter: alpha(opacity=90);
                opacity: .90; }
          @media screen and (min-width: 580px) {
            footer .inner .footer ul li {
              padding: .5em 1em .8em 1em; } }
        @media screen and (min-width: 580px) {
          footer .inner .footer ul {
            padding: 0 5% 0 0;
            float: right; } }
        @media screen and (min-width: 768px) {
          footer .inner .footer ul {
            padding: 0 10% 0 0;
            float: right; } }
        @media screen and (min-width: 1024px) {
          footer .inner .footer ul {
            padding: 0 20% 0 0;
            float: right; } }
      @media screen and (min-width: 580px) {
        footer .inner .footer {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 57.35098%; }
          footer .inner .footer:last-child {
            margin-right: 0; } }
    @media screen and (min-width: 768px) {
      footer .inner {
        padding: .5em 6% .5em 2%; } }
    @media screen and (min-width: 1024px) {
      footer .inner {
        padding: .5em 6% .5em 6%; } }
  @media screen and (min-width: 768px) {
    footer {
      padding: 1em 4% 1em 13.5%; } }

.social-icons a {
  background: url("../img/social_media_sprite.png") no-repeat 0 0;
  display: inline-block;
  height: 22px;
  margin: 0 3px 0 0;
  width: 22px; }
  .social-icons a.fb {
    background-position: 0px 0; }
  .social-icons a.fb:hover {
    background-position: 0px -22px; }
  .social-icons a.tw {
    background-position: -22px 0; }
  .social-icons a.tw:hover {
    background-position: -22px -22px; }
  .social-icons a.pin {
    background-position: -44px 0; }
  .social-icons a.pin:hover {
    background-position: -44px -22px; }
  .social-icons a.ig {
    background-position: -66px 0; }
  .social-icons a.ig:hover {
    background-position: -66px -22px; }