@charset "UTF-8";

@font-face {

  font-family: 'BentonSans-Bold';

  src: url('../fonts/BentonSans-Bold.woff') format("woff"), url('../fonts/BentonSans-Bold.ttf') format("truetype");

  /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ }



@font-face {

  font-family: 'BentonSans-Book';

  src: url('../fonts/BentonSans-Book.woff') format("woff"), url('../fonts/BentonSans-Book.ttf') format("truetype");

  /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ }



@font-face {

  font-family: 'BentonSans-Medium';

  src: url('../fonts/BentonSans-Medium.woff') format("woff"), url('../fonts/BentonSans-Medium.ttf') format("truetype");

  /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ }



@font-face {

  font-family: 'Gotham-Thin';

  src: url('../fonts/GothamHTF-Thin.woff') format("woff"), url('../fonts/GothamHTF-Thin.ttf') format("truetype");

  /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ }



@font-face {

  font-family: 'Gotham-Bold';

  src: url('../fonts/GothamHTF-Bold.woff') format("woff"), url('../fonts/GothamHTF-Bold.ttf') format("truetype");

  /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ }



@font-face {

  font-family: 'Gotham-Black';

  src: url('../fonts/GothamHTF-Black.woff') format("woff"), url('../fonts/GothamHTF-Black.ttf') format("truetype");

  /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ }



/* GENERAL */

.clear {

  clear: both; }



h1 {

  font-size: 72px;

  letter-spacing: -.15px;

  text-transform: uppercase; }

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

    h1 {

      font-family: "Arial", sans-serif; } }



h2 {

  font-size: 40px;

  line-height: 63px;

  letter-spacing: -0.15px; }

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

    h2 {

      font-family: "Arial", sans-serif; } }



h3 {

  font-size: 30px;

  line-height: 22px;

  letter-spacing: -.15px; }

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

    h3 {

      font-family: "Arial", sans-serif; } }



h4 {

  font-size: 18px;

  line-height: 21px;

  letter-spacing: -.15px;

  font-family: "GothamHTF-Bold", sans-serif; }

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

    h4 {

      font-family: "Arial", sans-serif; } }



h5 {

  font-size: 20px;

  letter-spacing: -.15px;

  font-family: "BentonSans-Medium";

  color: #eae8e2; }



h6 {

  font-size: 20px;

  line-height: 28px;

  letter-spacing: -.5px;

  font-family: "Gotham-Black";

  text-transform: uppercase; }



ul {

  color: #555;

  font-size: 13px; }

  ul li {

    margin-left: -5px; }



.box-title {

  border: 1px solid #534844;

  padding: 20px 45px;

  position: relative; }

  .box-title .title {

    font-family: "BentonSans-Bold";

    font-size: 18px;

    letter-spacing: 1px;

    text-transform: uppercase;

    width: 100%; }



.box {

  border: 1px solid #534844;

  padding: 20px;

  text-align: right; }



/* NAV */

.header {

  background-color: #453236;

  height: 90px;

  opacity: .95;

  position: fixed;

  top: 0px;

  width: 100%;

  z-index: 100; }

  .header .menu {

    padding: 25px 20px; }

    .header .menu .logo {

      float: left; }

    .header .menu .nav {

      float: right;

      padding-top: 8px; }

      .header .menu .nav a {

        color: #877268; }

        .header .menu .nav a:hover {

          color: #9f8c83;

          -webkit-transition: all 0.2s ease-out;

          -moz-transition: all 0.2s ease-out;

          transition: all 0.2s ease-out; }

      .header .menu .nav i {

        font-size: 20px;

        margin-left: 10px;

        vertical-align: middle; }

      .header .menu .nav .book-appt-link {

        color: #fff;

        font-family: "Gotham-Black";

        letter-spacing: .65px;

        text-transform: uppercase;

        vertical-align: middle; }

      .header .menu .nav .line {

        border-left: 1px solid #666;

        margin-left: 20px;

        padding-right: 20px; }



/* DROPDOWN MENU */

.header-1 {

  display: none;

  background-color: #ad979c;

  opacity: .9;

  position: fixed;

  top: 90px;

  width: 100%;

  z-index: 100; }

  .header-1 nav {

    text-align: center; }

    .header-1 nav ul li {

      list-style: none;

      display: inline-block;

      padding: 20px 0; }

      .header-1 nav ul li:hover > ul {

        display: block; }

    .header-1 nav ul ul {

      display: none;

      position: fixed;

      top: 140px;

      z-index: 101;

      background-color: #e9e2e3;

      padding: 20px;

      margin-left: -45px;

      text-align: center; }

      .header-1 nav ul ul li {

        display: block;

        margin-bottom: 10px;

        padding: 0; }

        .header-1 nav ul ul li a {

          text-transform: none;

          margin-right: 0; }

        .header-1 nav ul ul li.last {

          margin-bottom: 0; }

      .header-1 nav ul ul:before {

        content: "";

        width: 0;

        height: 0;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

        border-top: 10px solid #ad979c;

        position: fixed;

        top: 138px;

        margin-left: -10px; }

    .header-1 nav a {

      margin-right: 38px;

      font-family: "GothamHTF-Light", sans-serif;

      text-transform: uppercase;

      letter-spacing: .65px;

      color: #665257; }

      .header-1 nav a:hover {

        color: #fff;

        -webkit-transition: all 0.2s ease-out;

        -moz-transition: all 0.2s ease-out;

        transition: all 0.2s ease-out; }

    .header-1 nav .active {

      color: #fff; }



.hero {

  background: url('../img/hero.jpg?1418783175') 50% 0 no-repeat;

  background-color: #fcf2ed;

  height: 1024px;

  position: relative;

  padding-top: 240px; }

  .hero .content h1 {

    line-height: 77px;

    margin-left: 35px; }

  .hero .content p {

    text-align: left;

    margin-top: 5px;

    margin-left: 65px; }

  .hero .content a {

    color: #343332; }

    .hero .content a:hover {

      color: #82807d;

      -webkit-transition: all 0.2s ease-out;

      -moz-transition: all 0.2s ease-out;

      transition: all 0.2s ease-out; }

  .hero .content i {

    font-size: 48px; }

  .hero .content .scroll-down {

    position: absolute;

    text-align: center;

    width: 100%; }



.content-1 {

  background: url('../img/landing-1.jpg?1418783175') 50% 0 no-repeat;

  background-color: #fff;

  height: 602px;

  position: relative;

  padding: 90px 0; }

  .content-1:before {

    content: "";

    background: url('../img/landing-1-arrow.png') 50% 0 no-repeat;

    height: 17px;

    width: 35px;

    position: absolute;

    z-index: 10;

    top: 250px; }

  .content-1 h2 {

    line-height: 53px;

    margin-bottom: 5px; }

  .content-1 p.tagline {

    font-size: 18px;

    line-height: 29px;

    letter-spacing: -.15px;

    color: #343332;

    font-family: "BentonSans-Book";

    margin-bottom: 25px; }

  .content-1 p {

    margin-bottom: 15px; }



.content-2 {

  background: url('../img/landing-2.jpg?1418783175') 50% 0 no-repeat;

  background-size: cover;

  height: 865px;

  padding: 70px 0;

  text-align: center; }

  .content-2 h2 {

    margin-bottom: 0px; }

  .content-2 h3 {

    margin-bottom: 35px; }

  .content-2 h4 {

    margin-bottom: 5px; }

  .content-2 img {

    margin-bottom: 10px; }

  .content-2 p.tagline {

    font-size: 18px;

    line-height: 29px;

    letter-spacing: -.15px;

    color: #343332;

    font-family: "BentonSans-Book";

    margin-bottom: 25px; }

  .content-2 p {

    font-size: 16px;

    letter-spacing: -.15px;

    margin-bottom: 45px; }

  .content-2 i {

    font-size: 24px;

    margin-bottom: 10px; }

  .content-2 .circle {

    height: 27px;

    width: 27px;

    border-radius: 50%;

    background-color: #000;

    color: #fff;

    font-weight: bold;

    text-align: center;

    padding-top: 4px;

    margin: 0 auto 10px; }

  .content-2 .benefits {

    text-align: center;

    padding-left: 50px; }

    .content-2 .benefits h4 {

      text-transform: uppercase; }

    .content-2 .benefits p {

      margin-bottom: 40px; }



.content-3 {

  background: url('../img/landing-3.jpg?1418783175') 50% 0 no-repeat;

  height: 768px;

  padding: 120px 0;

  position: relative; }

  .content-3 p.tagline {

    font-size: 18px;

    line-height: 29px;

    letter-spacing: -.15px;

    color: #343332;

    font-family: "BentonSans-Book";

    margin-bottom: 25px; }

  .content-3 h2 {

    line-height: 51px;

    margin-bottom: 10px; }

  .content-3 h4 {

    font-size: 15px;

    margin-bottom: 5px; }

  .content-3 p {

    margin-bottom: 15px; }

  .content-3 .circle {

    height: 17px;

    width: 17px;

    border-radius: 50%;

    background-color: #000;

    color: #fff;

    font-size: 8px;

    font-weight: bold;

    text-align: center;

    padding-top: 3px;

    margin: 2px auto 10px; }



.content-4 {

  background-color: #ffffea;

  padding: 75px 0;

  text-align: center; }

  .content-4 h2 {

    margin-bottom: 0px; }

  .content-4 h4 {

    font-size: 20px;

    line-height: 26px;

    margin-bottom: 10px; }

  .content-4 p.tagline {

    font-size: 18px;

    line-height: 29px;

    letter-spacing: -.15px;

    color: #343332;

    font-family: "BentonSans-Book";

    margin-bottom: 25px; }

  .content-4 img {

    margin-bottom: 20px; }

  .content-4 .content {

    padding: 0 20px; }



.content-5 {

  padding: 85px 0;

  text-align: center; }

  .content-5 h2 {

    margin-bottom: 50px; }

  .content-5 p {

    text-align: left;

    font-size: 16px;

    margin-bottom: 5px; }

  .content-5 p.name {

    font-family: "Gotham-Black";

    font-size: 14px;

    letter-spacing: -.15px;

    text-transform: uppercase; }

  .content-5 img {

    opacity: 1; }

    .content-5 img:hover {

      opacity: .9;

      -webkit-transition: all 0.2s ease-out;

      -moz-transition: all 0.2s ease-out;

      transition: all 0.2s ease-out; }

  .content-5 .testimonial {

    margin-bottom: 50px; }



.endorse {

  background: url('../img/endorse.jpg?1418783175') 50% 0 no-repeat;

  height: 454px; }



.treatments {

  background-color: #fcfaf2;

  padding: 75px 0;

  text-align: center; }

  .treatments h2 {

    margin-bottom: 10px; }

  .treatments h6 {

    margin-bottom: 15px; }

  .treatments p.tagline {

    font-size: 16px;

    letter-spacing: -.15px;

    margin-bottom: 50px; }

  .treatments p {

    margin-bottom: 10px; }

  .treatments .white-box {

    background-color: #fff;

    padding: 30px;

    width: 345px;

    height: 380px;

    margin-left: 11px;

    text-align: left; }

  .treatments .brown {

    border-top: 5px solid #d2af86; }



.form {

  background-color: #fff;

  padding: 80px 0;

  text-align: center; }

  .form h2 {

    color: #ef4148;

    margin-bottom: 15px; }

  .form p.tagline {

    font-size: 16px;

    letter-spacing: -.15px;

    margin-bottom: 50px; }

  .form input {

    border: 1px solid #000000;

    font-size: 14px;

    line-height: 15px;

    padding: 17px 15px 15px;

    display: inline-block;

    width: 97%;

    -webkit-appearance: none; }

    .form input:hover {

      border: 1px solid #ef4148;

      box-shadow: none;

      -moz-box-shadow: none;

      -webkit-box-shadow: none; }

    .form input:focus {

      border: 1px solid #ef4148;

      box-shadow: none;

      -moz-box-shadow: none;

      -webkit-box-shadow: none; }

  .form input[type="submit"] {

    border-radius: 0px;

    background-color: #ef4148;

    border: 0px;

    padding: 16px 15px 15px;

    margin-top: 15px;

    text-transform: uppercase; }

    .form input[type="submit"]:hover {

      background-color: #f37075;

      -webkit-transition: all 0.2s ease-out;

      -moz-transition: all 0.2s ease-out;

      transition: all 0.2s ease-out; }

  .form select {

    border: 1px solid #000;

    border-radius: 0px;

    padding: 17px 15px 15px;

    width: 98%;

    -webkit-appearance: none; }

    .form select:hover {

      border: 1px solid #ef4148;

      box-shadow: none;

      -moz-box-shadow: none;

      -webkit-box-shadow: none; }

    .form select:focus {

      border: 1px solid #ef4148;

      box-shadow: none;

      -moz-box-shadow: none;

      -webkit-box-shadow: none; }

  .form .styled-select {

    background: transparent;

    padding: 17px 15px 15px;

    font-size: 14px;

    line-height: 15px;

    border: 1px solid #000;

    border-radius: 0;

    -webkit-appearance: none; }



.map {

  background: url('../img/map.jpg?1418783175') center no-repeat;

  height: 555px; }



.main-footer {

  background-color: #453236;

  padding: 90px 0;

  position: relative; }

  .main-footer a {

    color: #eae8e2;

    display: block;

    margin-bottom: 2px; }

    .main-footer a:hover {

      color: white;

      -webkit-transition: all 0.2s ease-out;

      -moz-transition: all 0.2s ease-out;

      transition: all 0.2s ease-out; }

  .main-footer h5 {

    margin-bottom: 35px; }

  .main-footer p {

    color: #eae8e2; }

  .main-footer .copyright {

    margin-top: 60px;

    border-top: 1px solid #554848;

    padding-top: 20px; }

    .main-footer .copyright p.copy {

      color: #745259;

      font-size: 12px;

      letter-spacing: 0.05px;

      float: left; }

    .main-footer .copyright .logo {

      float: right; }

  .main-footer .toTop {

    position: absolute;

    right: 20px;

    bottom: 145px;

    z-index: 10px;

    color: #745259;

    font-size: 45px; }

    .main-footer .toTop a {

      color: #745259; }