@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-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: 85px;

  letter-spacing: -.35px;

  text-transform: uppercase; }



h2 {

  font-size: 40px;

  line-height: 63px;

  letter-spacing: -0.15px; }



h3 {

  font-size: 20px;

  line-height: 26px;

  font-family: "BentonSans-Bold";

  text-transform: uppercase;

  letter-spacing: -.15px;

  margin-bottom: 5px; }



h4 {

  font-size: 26px;

  line-height: 30px;

  letter-spacing: -.15px; }



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?1418783046') 50% 0 no-repeat;

  background-color: #fcf2ed;

  height: 776px;

  position: relative;

  padding-top: 280px; }

  .hero .content h1 {

    line-height: 77px; }

  .hero .content p {

    text-align: right;

    padding-right: 50px;

    margin-bottom: 30px; }

  .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;

    bottom: 20px;

    text-align: center;

    width: 100%; }



.content-1 {

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

  background-color: #fff;

  height: 880px;

  padding: 80px 0;

  text-align: center; }

  .content-1 p.tagline {

    font-size: 18px;

    line-height: 26px;

    letter-spacing: -.15px; }

  .content-1 .acne {

    position: relative;

    top: 107px;

    left: calc(50% - 462px);

    width: 298px;

    height: 110px; }

    .content-1 .acne:before {

      content: "";

      background: url('../img/acne.jpg?1418783047') no-repeat;

      height: 110px;

      width: 91px;

      position: absolute;

      top: -1px;

      left: 297px; }

  .content-1 .aging {

    position: relative;

    top: 87px;

    left: calc(50% + 168px);

    width: 284px;

    height: 175px;

    text-align: left; }

    .content-1 .aging:before {

      content: "";

      background: url('../img/aging.jpg?1418783047') no-repeat;

      height: 175px;

      width: 110px;

      position: absolute;

      top: -1px;

      left: -111px; }

    .content-1 .aging .circle {

      height: 17px;

      width: 17px;

      background-color: #000;

      border-radius: 50%;

      text-align: center;

      font-size: 12px;

      color: #fff;

      display: inline-block;

      margin-right: 5px; }

    .content-1 .aging p.bullet {

      font-family: "Gotham-Black";

      font-size: 14px;

      line-height: 28px;

      text-transform: uppercase;

      letter-spacing: -.15px;

      display: inline-block; }

  .content-1 .dull {

    position: relative;

    top: 91px;

    left: calc(50% - 422px);

    width: 299px;

    height: 110px; }

    .content-1 .dull:before {

      content: "";

      background: url('../img/dryskin.jpg?1418783046') no-repeat;

      height: 110px;

      width: 91px;

      position: absolute;

      top: -1px;

      left: 298px; }



.content-2 {

  background-color: #fcf2ed;

  padding: 75px 0;

  text-align: center; }

  .content-2 p.tagline {

    font-size: 18px;

    line-height: 26px;

    letter-spacing: -.15px;

    margin-bottom: 30px; }

  .content-2 img {

    vertical-align: middle;

    margin-bottom: 15px; }

  .content-2 p {

    font-size: 16px;

    letter-spacing: -.15px;

    margin-bottom: 45px; }



.content-3 {

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

  background-color: #fff6f5;

  height: 928px;

  padding: 75px 0;

  text-align: center;

  position: relative; }

  .content-3 p.tagline {

    font-size: 18px;

    line-height: 26px;

    letter-spacing: -.15px;

    margin-bottom: 30px; }

  .content-3 h2 {

    line-height: 45px;

    margin-bottom: 5px; }

  .content-3 h4 {

    margin-bottom: 5px; }

  .content-3 .natural {

    text-align: right;

    margin-top: 50px; }

  .content-3 .mixed {

    text-align: left;

    margin-top: 90px;

    margin-left: 30px; }

  .content-3 .full-benefits {

    text-align: left;

    margin-top: 210px;

    margin-left: 30px; }



.content-4 {

  padding: 75px 0;

  text-align: center; }

  .content-4 h2 {

    margin-bottom: 50px; }

  .content-4 p {

    text-align: left;

    font-size: 16px;

    margin-bottom: 5px; }

  .content-4 p.name {

    font-family: "Gotham-Black";

    font-size: 14px;

    letter-spacing: -.15px;

    text-transform: uppercase; }

  .content-4 img {

    opacity: 1; }

    .content-4 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-4 .testimonial {

    margin-bottom: 50px; }



.endorse {

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

  height: 454px; }



.treatments {

  background-color: #fff7f6;

  padding: 75px 0;

  text-align: center; }

  .treatments h2 {

    margin-bottom: 5px; }

  .treatments h6 {

    margin-bottom: 15px; }

  .treatments p.tagline {

    font-size: 16px;

    letter-spacing: -.15px;

    margin-bottom: 50px; }

  .treatments .white-box {

    background-color: #fff;

    padding: 30px;

    width: 283px;

    height: 380px;

    margin-left: 49px;

    text-align: left; }

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

      .treatments .white-box {

        margin-left: 19px; } }

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

      .treatments .white-box {

        margin-left: 6px; } }

  .treatments .brown {

    border-top: 5px solid #644733; }

  .treatments .pink {

    border-top: 5px solid #ff9fad; }



.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: 16px 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: 16px 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: 16px 15px 15px;

    font-size: 14px;

    line-height: 15px;

    border: 1px solid #000;

    border-radius: 0;

    -webkit-appearance: none; }



.map {

  background: url('../img/map.jpg?1418783045') 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; }

