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

  letter-spacing: .65px;

  text-transform: uppercase; }



h2 {

  font-size: 45px;

  line-height: 63px;

  letter-spacing: -0.15px; }



h3 {

  font-size: 20px;

  line-height: 26px;

  font-family: "BentonSans-Medium";

  text-transform: uppercase;

  letter-spacing: 0; }



h4 {

  font-size: 20px;

  letter-spacing: -.15px;

  font-family: "BentonSans-Bold";

  text-transform: uppercase; }



h5 {

  font-size: 20px;

  letter-spacing: -.15px;

  font-family: "BentonSans-Medium";

  color: #eae8e2; }



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;

  border-top: 0px;

  padding: 20px 45px; }



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

  background-color: #f5f6f1;

  height: 800px;

  margin-top: 50px;

  text-align: center;

  padding-top: 260px; }

  .hero .content {

    padding-left: 40px; }

    .hero .content h1 {

      line-height: 60px;

      margin-bottom: 15px; }

    .hero .content p {

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



.content-1 {

  background: url('../img/1-pattern.jpg?1418783128') repeat-x;

  height: 421px;

  padding: 70px 330px;

  text-align: center; }

  .content-1 p {

    font-size: 18px; }

  .content-1 img {

    margin-bottom: 20px; }

  .content-1 h2 {

    margin-bottom: 20px; }



.content-2 {

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

  background-color: #f7f8f3;

  height: 400px;
  padding: 100px 0; }

  .content-2 .box-title:before {

    content: "1";

    background: url('../img/tag-1.png?1418783127') no-repeat;

    width: 52px;

    height: 31px;

    opacity: .8;

    color: #fff;

    text-align: center;

    padding-top: 5px;

    position: absolute;

    left: -12px;

    top: 16px; }



.content-3 {

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

  background-color: #f7f8f3;

  height: 400px;

  padding: 100px 0; }

  .content-3 .box-title:before {

    content: "2";

    background: url('../img/tag-2.png?1418783127') no-repeat;

    width: 52px;

    height: 31px;

    opacity: .8;

    color: #fff;

    text-align: center;

    padding-top: 5px;

    position: absolute;

    left: -12px;

    top: 16px; }



.content-4 {

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

  background-color: #f7f8f3;

  height: 400px;

  padding: 100px 0; }

  .content-4 .box-title:before {

    content: "3";

    background: url('../img/tag-3.png?1418783126') no-repeat;

    width: 52px;

    height: 31px;

    opacity: .8;

    color: #fff;

    text-align: center;

    padding-top: 5px;

    position: absolute;

    left: -12px;

    top: 16px; }



.content-5 {

  background: url('../img/2-pattern.jpg?1418783128') repeat-x;

  height: 738px;

  text-align: center;

  padding: 80px 0; }

  .content-5 h2 {

    margin-bottom: 15px; }

  .content-5 p.tagline {

    font-size: 15px;

    margin-bottom: 15px; }

  .content-5 img {

    margin-bottom: 20px; }

  .content-5 h3 {

    margin-bottom: 5px; }



.content-6 {

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

  height: 999px;

  padding: 130px 0; }

  .content-6 h2 {

    text-align: center;

    margin-bottom: 55px; }

  .content-6 p {

    margin-bottom: 5px; }

  .content-6 p.name {

    font-family: "BentonSans-Bold";

    font-size: 11px;

    letter-spacing: 1.2px;

    text-transform: uppercase; }

  .content-6 .testi-container {

    margin-bottom: 30px; }



.content-7 {

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

  height: 450px; }



.content-8 {

  padding: 90px 0; }

  .content-8 h2 {

    text-align: center;

    margin-bottom: 10px; }

  .content-8 h4 {

    margin-bottom: 15px; }

  .content-8 p.tagline {

    font-size: 15px;

    text-align: center;

    margin-bottom: 40px; }

  .content-8 .pink {

    border-top: 5px solid #ff4963;

    width: 282px; }

  .content-8 .blue {

    border-top: 5px solid #0090ff;

    width: 282px; }

  .content-8 .green {

    border-top: 5px solid #65cc00;

    width: 282px; }

  .content-8 .orange {

    border-top: 5px solid #ff9600;

    width: 282px; }

  .content-8 .solution-container {

    background-color: #fff;

    width: 282px;

    padding: 35px;

    min-height: 367px; }



.form {

  background-color: #fff;

  padding: 80px 0;

  text-align: center; }

  .form h2 {

    color: #ff871c;

    margin-bottom: 15px; }

  .form p.tagline {

    font-size: 16px;

    letter-spacing: -.15px;

    margin-bottom: 50px; }

  .form input {

    border: 1px solid #000000;

    padding: 14px;

    display: inline-block;

    width: 97%;

    font-family: Helvetica, Arial, sans-serif;

    -webkit-appearance: none; }

    .form input:hover {

      border: 1px solid #ff871c;

      box-shadow: none;

      -moz-box-shadow: none;

      -webkit-box-shadow: none; }

    .form input:focus {

      border: 1px solid #ff871c;

      box-shadow: none;

      -moz-box-shadow: none;

      -webkit-box-shadow: none; }

  .form input[type="submit"] {

    border-radius: 0px;

    background-color: #ff871c;

    border: 0px;

    margin-top: 15px;

    padding-top: 19px;

    text-transform: uppercase; }

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

      background-color: #ffa24f;

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

    padding: 15px;

    background-color: #fff;

    width: 97%;

    border-radius: 0px;

    -webkit-appearance: none;

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

    .form select:hover {

      border: 1px solid #ff871c;

      box-shadow: none;

      -moz-box-shadow: none;

      -webkit-box-shadow: none; }

    .form select:focus {

      border: 1px solid #ff871c;

      box-shadow: none;

      -moz-box-shadow: none;

      -webkit-box-shadow: none; }

  .form .styled-select {

    background: transparent;

    padding: 14px;

    font-size: 14px;

    line-height: 16px;

    border: 1px solid #000;

    border-radius: 0;

    -webkit-appearance: none; }

  .form ::-webkit-input-placeholder {

    color: #333; }

  .form :-moz-placeholder {

    /* Firefox 18- */

    color: #333333; }

  .form ::-moz-placeholder {

    /* Firefox 19+ */

    color: #333; }

  .form :-ms-input-placeholder {

    color: #333; }



.map {

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