@charset "UTF-8";

/*

Theme Name: Gee Beauty

Theme URI: http://geebeauty.com.au

Author: Klik Advertising

Author URI: http://klik.net.au

Description: Wordpress theme designed for GEE Beauty.

Version: 1.0





-------------------------------------------------------------- */

/* Reset & Variables

-------------------------------------------------------------- */

/* CSS Document */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, content {

  display: block;

  width: auto;

}



audio:not([controls]) {

  display: none;

  height: 0;

}



[hidden] {

  display: none;

}



html {

  font-size: 100%;

  /* 1 */

}



html, button, input, select, textarea {

  font-family: sans-serif;

}



h1 {

  font-size: 2em;

}



h2 {

  font-size: 1.5em;

}



h3 {

  font-size: 1.17em;

}



h4 {

  font-size: 1em;

}



h5 {

  font-size: 0.83em;

}



h6 {

  font-size: 0.67em;

}



abbr[title] {

  border-bottom: 1px dotted;

}



b, strong {

  font-weight: bold;

}



blockquote {

  margin: 1em 40px;

}



dfn {

  font-style: italic;

}



mark {

  background: #ff0;

  color: #000;

}



p, pre {

  margin: 1em 0;

}



code, kbd, pre, samp {

  font-family: monospace, serif;

  _font-family: 'courier new', monospace;

  font-size: 1em;

}



pre {

  white-space: pre;

  white-space: pre-wrap;

  word-wrap: break-word;

}



q {

  quotes: none;

}



q:before, q:after {

  content: '';

  content: none;

}



small {

  font-size: 80%;

}



sub, sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sup {

  top: -0.5em;

}



sub {

  bottom: -0.25em;

}



dl, menu, ol, ul {

  margin: 1em 0;

}



dd {

  margin: 0 0 0 40px;

}



menu, ol, ul {

  padding: 0 0 0 40px;

}



nav ul, nav ol {

  list-style: none;

  list-style-image: none;

}



img {

  border: 0;

  /* 1 */

  -ms-interpolation-mode: bicubic;

  /* 2 */

}



svg:not(:root) {

  overflow: hidden;

}



figure {

  margin: 0;

}



form {

  margin: 0;

}



fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}



legend {

  border: 0;

  /* 1 */

  padding: 0;

  white-space: normal;

  /* 2 */

  *margin-left: -7px;

  /* 3 */

}



button, input, select, textarea {

  font-size: 100%;

  /* 1 */

  margin: 0;

  /* 2 */

  vertical-align: baseline;

  /* 3 */

  *vertical-align: middle;

  /* 3 */

}



button, input {

  line-height: normal;

}



button, select {

  text-transform: none;

}



button, html input[type="button"], input[type="reset"], input[type="submit"] {

  -webkit-appearance: button;

  /* 2 */

  cursor: pointer;

  /* 3 */

  *overflow: visible;

  /* 4 */

}



button[disabled], html input[disabled] {

  cursor: default;

}



input[type="checkbox"], input[type="radio"] {

  box-sizing: border-box;

  /* 1 */

  padding: 0;

  /* 2 */

  *height: 13px;

  /* 3 */

  *width: 13px;

  /* 3 */

}



input[type="search"] {

  -webkit-appearance: textfield;

  /* 1 */

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  /* 2 */

  box-sizing: content-box;

}



input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



button::-moz-focus-inner, input::-moz-focus-inner {

  border: 0;

  padding: 0;

}



textarea {

  overflow: auto;

  /* 1 */

  vertical-align: top;

  /* 2 */

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



* {

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

}



body {

  text-align: center;

  width: 100%;

  height: 100%;

  max-width: 100%;

  margin: 0;

  padding: 0;

  background-color: transparent;

}



body, h1, h2, h3, h4, h5, p, a, ul, li {

  -webkit-text-size-adjust: none;

  -ms-text-size-adjust: none;

}



::-moz-selection {

  background: #9b886a;

  text-shadow: none;

  color: #FFF;

}



::selection {

  background: #9b886a;

  text-shadow: none;

  color: #FFF;

}



h1, h2, h3, h4, h5 {

  margin: 0 auto;

  line-height: 1.1;

  font-family: "proxima-nova", "Century Gothic", "Avant Garde", Helvetica, Arial, sans-serif;

}



body, p, input, textarea, label, select, option, button, blockquote {

  font-family: "proxima-nova", "Century Gothic", "Avant Garde", Helvetica, Arial, sans-serif;

  font-size: 18px;

  line-height: 1.3;

  font-weight: 400;

  color: #000;

}



p {

  font-size: 18px;

  margin: 0 auto;

  margin-bottom: 20px;

}



p.bigger {

  font-size: 20px;

}



h1 {

  font-size: 25px;

  letter-spacing: 0.4em;

  line-height: 1.2;

  position: relative;

  font-weight: 300;

  text-transform: uppercase;

}



h2 {

  font-size: 30px;

  color: #666;

  font-weight: 600;

  padding-bottom: 20px;

  text-transform: uppercase;

}



h3 {

  font-size: 24px;

  font-weight: 600;

  padding-bottom: 12px;

  text-transform: uppercase;

}



h4 {

  font-size: 22px;

  font-weight: 600;

  padding-bottom: 9px;

}



h5 {

  font-size: 20px;

  font-weight: 600;

}



a {

  text-decoration: none;

  color: #9b886a;

}

a:hover {

  color: #987846;

}



a, img, input, textarea, button, .transition {

  -webkit-transition: all 0.35s;

  -moz-transition: all 0.35s;

  transition: all 0.35s;

}



a:focus, a:active, input, input:focus, textarea, textarea:focus, button, button:focus {

  outline: none;

}



nav ul {

  padding: 0;

  margin: 0;

}



nav li {

  padding: 0;

  margin: 0;

}



audio, canvas, img, video {

  vertical-align: middle;

}



textarea {

  resize: vertical;

}



input, textarea, button {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

}



address {

  font-style: normal;

}



img {

  max-width: 100%;

  height: auto;

  display: block;

}



small {

  font-size: 14px;

}



.bold {

  font-weight: 700;

}



.clear:after, .row:after {

  clear: both;

  display: table;

  content: "";

}



img.contained {

  width: 100%;

  height: auto;

}



.block {

  display: block;

}



img.broken, img.still-loading {

  display: none !important;

}



div.preload {

  position: absolute !important;

  z-index: 10;

  overflow: hidden;

  width: 50px;

  height: 50px;

  left: -9999px;

  top: -9999px;

}



div.preload img {

  width: 100%;

  height: auto;

}



a.no-transition {

  -webkit-transition: none;

  -moz-transition: none;

  transition: none;

}



.nav #nav #menu-menu-1 > li {

  display: inline-block;

  position: relative;

}

.nav #nav #menu-menu-1 > li > a {

  display: inline-block;

  padding: 10px;

  color: #000;

  font-weight: 600;

  letter-spacing: 0.06em;

  font-size: 20px;

  text-transform: uppercase;

}

.nav #nav #menu-menu-1 > li:after {

  display: inline-block;

  content: "/";

  color: #d8d1c6;

  margin-left: 10px;

  margin-right: 10px;

}

.nav #nav #menu-menu-1 > li:last-child:after {

  display: none;

}

.nav #nav #menu-menu-1 > li.hover .sub-menu {

  display: block;

}

.nav #nav #menu-menu-1 > li.menu-item-has-children > a {

  cursor: default;

}

.nav #nav #menu-menu-1 > li.current_page_item > a, .nav #nav #menu-menu-1 > li.current-menu-ancestor > a {

  position: relative;

}

.nav #nav #menu-menu-1 > li.current_page_item > a:before, .nav #nav #menu-menu-1 > li.current-menu-ancestor > a:before {

  position: absolute;

  display: block;

  content: "";

  bottom: 0;

  height: 2px;

  background-color: #afa089;

  left: 10px;

  right: 10px;

}

.nav #nav .sub-menu {

  position: absolute;

  top: 100%;

  width: 200px;

  z-index: 10;

  left: 50%;

  display: none;

  margin-left: -113px;

  background-color: #FFF;

  padding: 5px 1px 5px 1px;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

}

.nav #nav .sub-menu li {

  display: inline-block;

  width: 100%;

}

.nav #nav .sub-menu li a {

  display: inline-block;

  width: 100%;

  padding: 6px 0 6px 0;

  color: #9b886a;

}

.nav #nav .sub-menu li a:hover {

  background-color: #f1f1f1;

  color: #957445;

}



#menu-trigger {

  display: none;

}



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

  .nav #nav #menu-menu-1 > li > a {

    padding: 10px 6px 10px 6px;

    font-size: 19px;

  }

}

@media all and (max-width: 900px) {

  .nav {

    display: none;

  }



  #menu-trigger {

    display: block;

    float: right;

    position: relative;

    z-index: 1000;

    margin: 1px 10px 0 0;

  }

  #menu-trigger .inner {

    position: relative;

    height: 39px;

    width: 45px;

  }

  #menu-trigger .inner .bar {

    position: absolute;

    width: 100%;

    left: 0;

    transition: all 0.35s;

    background-color: #111;

    height: 5px;

    display: block;

  }

  #menu-trigger .inner .top {

    top: 0;

    z-index: 10;

  }

  #menu-trigger .inner .middle {

    top: 50%;

    margin-top: -3px;

    z-index: 9;

  }

  #menu-trigger .inner .bottom {

    bottom: 0;

    z-index: 10;

  }

  #menu-trigger .inner .text {

    position: absolute;

    z-index: 2;

    bottom: -26px;

    font-size: 16px;

    text-transform: uppercase;

    color: #9b886a;

  }

  #menu-trigger.open .top {

    transform: rotate(45deg);

    top: 50%;

    margin-top: -3px;

    background-color: #FFF;

  }

  #menu-trigger.open .middle {

    opacity: 0;

  }

  #menu-trigger.open .bottom {

    transform: rotate(-45deg);

    bottom: 50%;

    margin-bottom: -3px;

    background-color: #FFF;

  }

  #menu-trigger.open .text {

    color: #FFF;

  }



  .nav {

    position: fixed;

    z-index: 120;

    background-color: rgba(155, 136, 106, 0.96);

    left: 0;

    right: 0;

    top: 0;

    padding-top: 142px;

    bottom: 0;

    overflow: auto;

  }

  .nav #nav #menu-menu-1 > li {

    display: block;

  }

  .nav #nav #menu-menu-1 > li:after {

    display: none;

    content: "";

  }

  .nav #nav #menu-menu-1 > li > a {

    color: #FFF;

    font-weight: 600;

    display: block;

    font-size: 24px;

  }

  .nav #nav #menu-menu-1 > li.current_page_item > a:before {

    display: none;

    content: "";

  }

  .nav #nav .sub-menu {

    position: static;

    top: auto;

    left: auto;

    margin: 0 auto;

    width: 100%;

    box-shadow: none;

    text-transform: uppercase;

    padding: 0;

    background-color: transparent;

  }

  .nav #nav .sub-menu li a {

    color: #FFF;

    background-color: rgba(0, 0, 0, 0.1);

    padding: 8px 0 8px 0;

  }

  .nav #nav .sub-menu li a:hover {

    color: #FFF;

    background-color: rgba(0, 0, 0, 0.1);

  }

}

.btn, button {

  display: inline-block;

  padding: 0.65em 1em 0.67em 1em;

  border-radius: 0;

  font-weight: 300;

}

.btn.primary, .btn.single_add_to_cart_button, button.primary, button.single_add_to_cart_button {

  background-color: #000;

  color: #FFF;

  border: 1px solid #000;

  font-weight: 400;

}

.btn.primary:hover, .btn.single_add_to_cart_button:hover, button.primary:hover, button.single_add_to_cart_button:hover {

  background-color: #222;

}

.btn.primary.white, .btn.single_add_to_cart_button.white, button.primary.white, button.single_add_to_cart_button.white {

  background-color: #FFF;

  color: #000;

  border-color: #FFF;

}

.btn.primary.white:hover, .btn.single_add_to_cart_button.white:hover, button.primary.white:hover, button.single_add_to_cart_button.white:hover {

  background-color: rgba(255, 255, 255, 0.9);

}

.btn.primary.gold, .btn.single_add_to_cart_button.gold, button.primary.gold, button.single_add_to_cart_button.gold {

  background-color: #9b886a;

  border-color: #9b886a;

}

.btn.primary.gold:hover, .btn.single_add_to_cart_button.gold:hover, button.primary.gold:hover, button.single_add_to_cart_button.gold:hover {

  background-color: #ab997f;

}

.btn.ghost, button.ghost {

  background-color: transparent;

  color: #000;

  border: 1px solid #000;

}

.btn.ghost.white, button.ghost.white {

  color: #FFF;

  border-color: #FFF;

}

.btn.ghost.white:hover, button.ghost.white:hover {

  color: rgba(255, 255, 255, 0.85);

  border-color: rgba(255, 255, 255, 0.85);

}

.btn.ghost.gold, button.ghost.gold {

  color: #9b886a;

  border-color: #9b886a;

}

.btn.ghost.gold:hover, button.ghost.gold:hover {

  border-color: #89765a;

  color: #89765a;

}

.btn.small, button.small {

  padding: 6px 15px 6px 15px;

  font-size: 16px;

}



#store-wrapper .woocommerce-breadcrumb {

  display: none !important;

}



.woocommerce #archives {

  display: none;

}



.woocommerce #gee-shop .woocommerce-ordering {

  display: none !important;

}

.woocommerce #gee-shop h2 {

  color: #444;

  font-size: 24px;

  letter-spacing: 0.1em;

  padding-bottom: 10px;

}



.woocommerce ul.products {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  align-content: center;

  padding: 0;

  margin: 0 auto;

  list-style-type: none;

}

.woocommerce ul.products li.product {

  position: relative;

  -webkit-box-flex: 0 0 33%;

  -moz-box-flex: 0 0 33%;

  -webkit-flex: 0 0 33%;

  -ms-flex: 0 0 33%;

  flex: 0 0 33%;

  padding-bottom: 66px;

  justify-content: center;

  text-align: center;

}

.woocommerce ul.products li.product img {

  margin: 0 auto 10px auto;

}

.woocommerce ul.products li.product a:first-child {

  display: block;

  margin: 0 auto;

  width: 90%;

  overflow: hidden;

  position: relative;

  color: #444;

}

.woocommerce ul.products li.product .onsale {

  position: absolute;

  z-index: 10;

  transform: rotate(315deg);

  display: block;

  background-color: #6a9b92;

  color: #FFF;

  text-transform: uppercase;

  padding: 4px 30px 4px 30px;

  line-height: 1.1;

  top: 11px;

  left: -27px;

  font-size: 16px;

}

.woocommerce ul.products li.product .price {

  display: block;

  padding-bottom: 15px;

}

.woocommerce ul.products li.product .price del {

  opacity: 0.5;

}

.woocommerce ul.products li.product .price ins {

  text-decoration: none;

}



.woocommerce .product {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

}

.woocommerce .product > div {

  -webkit-box-flex: 1 1 0px;

  -moz-box-flex: 1 1 0px;

  -webkit-flex: 1 1 0px;

  -ms-flex: 1 1 0px;

  flex: 1 1 0px;

}

.woocommerce .product .woocommerce-product-gallery a {

  display: block;

}

.woocommerce .product .summary {

  padding: 0 0 0 40px;

  text-align: left;

}

.woocommerce .product h1 {

  font-size: 36px;

  letter-spacing: 0.2em;

  padding: 0 0 30px 0;

}

.woocommerce .product .price {

  font-size: 22px;

  margin-bottom: 10px;

}

.woocommerce .product .price del {

  opacity: 0.33;

}

.woocommerce .product .price ins {

  text-decoration: none;

}

.woocommerce .product .stock {

  font-size: 17px;

}

.woocommerce .product .stock.in-stock {

  color: #6a9b92;

}

.woocommerce .product .description {

  padding-bottom: 20px;

}

.woocommerce .product .description ul {

  list-style-image: url("img/gold-bullet.png");

  padding-left: 25px;

}

.woocommerce .product .description ul li {

  padding-bottom: 8px;

}

.woocommerce .product .description ul li:last-child {

  padding-bottom: 0;

}

.woocommerce .product .cart .quantity {

  padding-bottom: 24px;

}

.woocommerce .product .cart .quantity input {

  border: 1px solid #dadada;

  border-radius: 0;

  box-shadow: none;

  outline: none;

  padding: 6px 10px 6px 10px;

  width: 80px;

}

.woocommerce .product .single_add_to_cart_button {

  font-size: 20px;

  font-weight: 400;

  text-transform: uppercase;

}



.single-product #store-wrapper .wrap {

  padding: 60px 0 30px 0;

}



.woocommerce .woocommerce-message {

  padding: 14px 20px 14px 20px;

  background-color: #FFF;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);

  margin: 0 auto 24px auto;

}



.woo-content {

  padding: 80px 0 80px 0;

}



#cart-content .woocommerce-cart-form {

  display: block;

  width: 100%;

}

#cart-content .shop_table.cart {

  width: 100%;

}

#cart-content .shop_table.cart .product-remove {

  width: 8%;

}

#cart-content .shop_table.cart .product-remove a {

  display: block;

  margin: 0 auto;

  color: #c11045;

  text-align: center;

  box-sizing: border-box;

  line-height: 1.1;

}

#cart-content .shop_table.cart .product-remove a i {

  display: block;

  transform: rotate(45deg);

}

#cart-content .shop_table.cart .product-remove a:hover {

  color: #ec1858;

}

#cart-content .shop_table.cart .product-thumbnail {

  width: 20%;

}

#cart-content .shop_table.cart .product-thumbnail a {

  display: block;

  width: 104px;

  margin: 5px auto 5px auto;

  max-width: 100%;

}

#cart-content .shop_table.cart .product-name {

  width: 27%;

}

#cart-content .shop_table.cart .product-price {

  width: 16%;

}

#cart-content .shop_table.cart .product-quantity {

  width: 11%;

}

#cart-content .shop_table.cart .product-quantity input {

  width: 70px;

  max-width: 100%;

}

#cart-content .shop_table.cart .product-subtotal {

  width: 18%;

}

#cart-content .shop_table.cart td.actions {

  padding-top: 20px;

}

#cart-content .checkout-button {

  background-color: #9b886a;

  border-color: #9b886a;

  font-size: 24px;

  padding: 20px 30px;

  width: 388px;

  max-width: 100%;

}

#cart-content .coupon {

  margin: 20px auto 0 auto;

  width: 480px;

  max-width: 100%;

  padding: 20px;

}

#cart-content .update-cart-buttons {

  text-align: right;

}

#cart-content .update-cart-buttons .button {

  margin-left: 14px;

}

#cart-content .update-cart-buttons .button:first-child {

  margin-left: 0;

}

#cart-content .cart-list-actions {

  padding-bottom: 20px;

}

#cart-content .cart_totals .shop_table {

  width: 100%;

  margin: 0 auto;

}

#cart-content .cart_totals .shop_table th {

  text-align: left;

  width: 33%;

  vertical-align: top;

  padding-bottom: 40px;

}

#cart-content .cart_totals .shop_table td {

  text-align: right;

  width: 67%;

  vertical-align: top;

  padding-bottom: 40px;

}

#cart-content .cart_totals .shop_table tr:last-child td, #cart-content .cart_totals .shop_table tr:last-child th {

  padding-bottom: 20px;

}

#cart-content .cart_totals .shop_table ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

}

#cart-content .cart_totals .shop_table ul li {

  padding: 0 0 10px 0;

}

#cart-content .cart_totals .shop_table p {

  margin-bottom: 0;

}

#cart-content #cart-totals-box {

  width: 388px;

  max-width: 100%;

  padding: 20px 20px 0 20px;

  background-color: rgba(255, 255, 255, 0.65);

  border: 1px solid #FFF;

  margin: 13px auto 30px auto;

}

#cart-content #cart-list-table {

  padding: 20px;

  width: 840px;

  max-width: 100%;

  padding: 20px 20px 20px 20px;

  background-color: rgba(255, 255, 255, 0.65);

  border: 1px solid #FFF;

  margin: 0 auto 60px auto;

}

#cart-content .shipping-calculator-form .form-row {

  padding: 20px 0 0 0;

}

#cart-content .shipping-calculator-form .form-row input, #cart-content .shipping-calculator-form .form-row select {

  width: 170px;

  max-width: 100%;

}

#cart-content .shipping-calculator-form #calc_shipping_postcode_field {

  padding-bottom: 20px;

}



.woo-content input, .woo-content textarea {

  padding: 6px 10px 7px 10px;

  box-sizing: border-box;

  border: 1px solid #dadada;

}

.woo-content .button, .woo-content .shipping-calculator-button {

  border: 1px solid #000;

  color: #FFF;

  background-color: #000;

  font-weight: 400;

  padding: 6px 10px 7px 10px;

  display: inline-block;

  line-height: 1.3;

}

.woo-content .button[disabled], .woo-content .button:disabled, .woo-content .shipping-calculator-button[disabled], .woo-content .shipping-calculator-button:disabled {

  opacity: 0.3;

  cursor: default;

  cursor: not-allowed;

}

.woo-content h2 {

  font-size: 36px;

}



#checkout-content .form-row {

  width: 380px;

  max-width: 100%;

  margin: 0 auto 20px auto;

  position: relative;

  text-align: left;

}

#checkout-content .form-row input, #checkout-content .form-row textarea, #checkout-content .form-row select {

  border-color: #BBB;

  background-color: #f9f9f9;

}

#checkout-content .form-row input:focus, #checkout-content .form-row textarea:focus, #checkout-content .form-row select:focus {

  border-color: #9b886a;

  background-color: #FFF;

}

#checkout-content .form-row input[type='text'],

#checkout-content .form-row input[type='tel'],

#checkout-content .form-row input[type='email'],

#checkout-content .form-row select,

#checkout-content .form-row textarea {

  width: 100%;

}

#checkout-content .form-row textarea {

  height: 120px;

}

#checkout-content .form-row label {

  display: block;

  line-height: 1.3;

}

#checkout-content .form-row abbr {

  color: #c11045;

  border-bottom: 0 !important;

  text-decoration: none !important;

}

#checkout-content #billing-box {

  padding: 30px 20px 30px 20px;

  width: 480px;

  max-width: 100%;

  margin: 20px auto 0 auto;

  background-color: rgba(0, 0, 0, 0.03);

  border: 1px solid #d8d8d8;

}

#checkout-content #billing_country_field {

  display: none;

}

#checkout-content .woocommerce-info {

  width: 530px;

  max-width: 100%;

  padding: 14px 20px 14px 20px;

  background-color: #FFF;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);

  margin: 0 auto 24px auto;

}

#checkout-content #ship-to-different-address {

  text-transform: none;

}

#checkout-content .woocommerce-billing-fields {

  padding-top: 10px;

}



.fancybox-enabled {

  overflow: hidden;

}



.fancybox-enabled body {

  overflow: visible;

  height: 100%;

}



.fancybox-is-hidden {

  position: absolute;

  top: -9999px;

  left: -9999px;

  visibility: hidden;

}



.fancybox-container {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 99993;

  -webkit-tap-highlight-color: transparent;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

}



.fancybox-container ~ .fancybox-container {

  z-index: 99992;

}



.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

}



.fancybox-outer {

  overflow-y: auto;

  -webkit-overflow-scrolling: touch;

}



.fancybox-bg {

  background: #1e1e1e;

  opacity: 0;

  transition-duration: inherit;

  transition-property: opacity;

  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);

}



.fancybox-is-open .fancybox-bg {

  opacity: .87;

  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);

}



.fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar {

  position: absolute;

  direction: ltr;

  z-index: 99997;

  opacity: 0;

  visibility: hidden;

  transition: opacity .25s,visibility 0s linear .25s;

  box-sizing: border-box;

}



.fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar {

  opacity: 1;

  visibility: visible;

  transition: opacity .25s,visibility 0s;

}



.fancybox-infobar {

  top: 0;

  left: 50%;

  margin-left: -79px;

}



.fancybox-infobar__body {

  display: inline-block;

  width: 70px;

  line-height: 44px;

  font-size: 13px;

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

  text-align: center;

  color: #ddd;

  background-color: rgba(30, 30, 30, 0.7);

  pointer-events: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-touch-callout: none;

  -webkit-tap-highlight-color: transparent;

  -webkit-font-smoothing: subpixel-antialiased;

}



.fancybox-toolbar {

  top: 0;

  right: 0;

}



.fancybox-stage {

  overflow: hidden;

  direction: ltr;

  z-index: 99994;

  -webkit-transform: translateZ(0);

}



.fancybox-slide {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

  overflow: auto;

  outline: none;

  white-space: normal;

  box-sizing: border-box;

  text-align: center;

  z-index: 99994;

  -webkit-overflow-scrolling: touch;

  display: none;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  transition-property: opacity,-webkit-transform;

  transition-property: transform,opacity;

  transition-property: transform,opacity,-webkit-transform;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

}



.fancybox-slide:before {

  content: "";

  display: inline-block;

  vertical-align: middle;

  height: 100%;

  width: 0;

}



.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {

  display: block;

}



.fancybox-slide--image {

  overflow: visible;

}



.fancybox-slide--image:before {

  display: none;

}



.fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe {

  background: #000;

}



.fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe {

  background: #e5e3df;

}



.fancybox-slide--next {

  z-index: 99995;

}



.fancybox-slide > * {

  display: inline-block;

  position: relative;

  padding: 24px;

  margin: 44px 0;

  border-width: 0;

  vertical-align: middle;

  text-align: left;

  background-color: #fff;

  overflow: auto;

  box-sizing: border-box;

}



.fancybox-slide .fancybox-image-wrap {

  position: absolute;

  top: 0;

  left: 0;

  margin: 0;

  padding: 0;

  border: 0;

  z-index: 99995;

  background: transparent;

  cursor: default;

  overflow: visible;

  -webkit-transform-origin: top left;

  transform-origin: top left;

  background-size: 100% 100%;

  background-repeat: no-repeat;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}



.fancybox-can-zoomOut .fancybox-image-wrap {

  cursor: zoom-out;

}



.fancybox-can-zoomIn .fancybox-image-wrap {

  cursor: zoom-in;

}



.fancybox-can-drag .fancybox-image-wrap {

  cursor: -webkit-grab;

  cursor: grab;

}



.fancybox-is-dragging .fancybox-image-wrap {

  cursor: -webkit-grabbing;

  cursor: grabbing;

}



.fancybox-image, .fancybox-spaceball {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

  border: 0;

  max-width: none;

  max-height: none;

}



.fancybox-spaceball {

  z-index: 1;

}



.fancybox-slide--iframe .fancybox-content {

  padding: 0;

  width: 80%;

  height: 80%;

  max-width: calc(100% - 100px);

  max-height: calc(100% - 88px);

  overflow: visible;

  background: #fff;

}



.fancybox-iframe {

  display: block;

  padding: 0;

  border: 0;

  height: 100%;

}



.fancybox-error, .fancybox-iframe {

  margin: 0;

  width: 100%;

  background: #fff;

}



.fancybox-error {

  padding: 40px;

  max-width: 380px;

  cursor: default;

}



.fancybox-error p {

  margin: 0;

  padding: 0;

  color: #444;

  font: 16px/20px Helvetica Neue,Helvetica,Arial,sans-serif;

}



.fancybox-close-small {

  position: absolute;

  top: 0;

  right: 0;

  width: 44px;

  height: 44px;

  padding: 0;

  margin: 0;

  border: 0;

  border-radius: 0;

  outline: none;

  background: transparent;

  z-index: 10;

  cursor: pointer;

}



.fancybox-close-small:after {

  content: "×";

  position: absolute;

  top: 5px;

  right: 5px;

  width: 30px;

  height: 30px;

  font: 20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;

  color: #888;

  font-weight: 300;

  text-align: center;

  border-radius: 50%;

  border-width: 0;

  background: #fff;

  transition: background .25s;

  box-sizing: border-box;

  z-index: 2;

}



.fancybox-close-small:focus:after {

  outline: 1px dotted #888;

}



.fancybox-close-small:hover:after {

  color: #555;

  background: #eee;

}



.fancybox-slide--iframe .fancybox-close-small {

  top: 0;

  right: -44px;

}



.fancybox-slide--iframe .fancybox-close-small:after {

  background: transparent;

  font-size: 35px;

  color: #aaa;

}



.fancybox-slide--iframe .fancybox-close-small:hover:after {

  color: #fff;

}



.fancybox-caption-wrap {

  bottom: 0;

  left: 0;

  right: 0;

  padding: 60px 30px 0;

  background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));

  pointer-events: none;

}



.fancybox-caption {

  padding: 30px 0;

  border-top: 1px solid rgba(255, 255, 255, 0.4);

  font-size: 14px;

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

  color: #fff;

  line-height: 20px;

  -webkit-text-size-adjust: none;

}



.fancybox-caption a, .fancybox-caption button, .fancybox-caption select {

  pointer-events: all;

}



.fancybox-caption a {

  color: #fff;

  text-decoration: underline;

}



.fancybox-button {

  display: inline-block;

  position: relative;

  margin: 0;

  padding: 0;

  border: 0;

  width: 44px;

  height: 44px;

  line-height: 44px;

  text-align: center;

  background: transparent;

  color: #ddd;

  border-radius: 0;

  cursor: pointer;

  vertical-align: top;

  outline: none;

}



.fancybox-button[disabled] {

  cursor: default;

  pointer-events: none;

}



.fancybox-button, .fancybox-infobar__body {

  background: rgba(30, 30, 30, 0.6);

}



.fancybox-button:hover:not([disabled]) {

  color: #fff;

  background: rgba(0, 0, 0, 0.8);

}



.fancybox-button:after, .fancybox-button:before {

  content: "";

  pointer-events: none;

  position: absolute;

  background-color: currentColor;

  color: currentColor;

  opacity: .9;

  box-sizing: border-box;

  display: inline-block;

}



.fancybox-button[disabled]:after, .fancybox-button[disabled]:before {

  opacity: .3;

}



.fancybox-button--left:after, .fancybox-button--right:after {

  top: 18px;

  width: 6px;

  height: 6px;

  background: transparent;

  border-top: 2px solid currentColor;

  border-right: 2px solid currentColor;

}



.fancybox-button--left:after {

  left: 20px;

  -webkit-transform: rotate(-135deg);

  transform: rotate(-135deg);

}



.fancybox-button--right:after {

  right: 20px;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



.fancybox-button--left {

  border-bottom-left-radius: 5px;

}



.fancybox-button--right {

  border-bottom-right-radius: 5px;

}



.fancybox-button--close:after, .fancybox-button--close:before {

  content: "";

  display: inline-block;

  position: absolute;

  height: 2px;

  width: 16px;

  top: calc(50% - 1px);

  left: calc(50% - 8px);

}



.fancybox-button--close:before {

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



.fancybox-button--close:after {

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



.fancybox-arrow {

  position: absolute;

  top: 50%;

  margin: -50px 0 0;

  height: 100px;

  width: 54px;

  padding: 0;

  border: 0;

  outline: none;

  background: none;

  cursor: pointer;

  z-index: 99995;

  opacity: 0;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  transition: opacity .25s;

}



.fancybox-arrow:after {

  content: "";

  position: absolute;

  top: 28px;

  width: 44px;

  height: 44px;

  background-color: rgba(30, 30, 30, 0.8);

  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);

  background-repeat: no-repeat;

  background-position: 50%;

  background-size: 24px 24px;

}



.fancybox-arrow--right {

  right: 0;

}



.fancybox-arrow--left {

  left: 0;

  -webkit-transform: scaleX(-1);

  transform: scaleX(-1);

}



.fancybox-arrow--left:after, .fancybox-arrow--right:after {

  left: 0;

}



.fancybox-show-nav .fancybox-arrow {

  opacity: .6;

}



.fancybox-show-nav .fancybox-arrow[disabled] {

  opacity: .3;

}



.fancybox-loading {

  border: 6px solid rgba(99, 99, 99, 0.4);

  border-top: 6px solid rgba(255, 255, 255, 0.6);

  border-radius: 100%;

  height: 50px;

  width: 50px;

  -webkit-animation: a .8s infinite linear;

  animation: a .8s infinite linear;

  background: transparent;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -25px;

  margin-left: -25px;

  z-index: 99999;

}



@-webkit-keyframes a {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(359deg);

    transform: rotate(359deg);

  }

}

@keyframes a {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(359deg);

    transform: rotate(359deg);

  }

}

.fancybox-animated {

  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);

}



.fancybox-fx-slide.fancybox-slide--previous {

  -webkit-transform: translate3d(-100%, 0, 0);

  transform: translate3d(-100%, 0, 0);

  opacity: 0;

}



.fancybox-fx-slide.fancybox-slide--next {

  -webkit-transform: translate3d(100%, 0, 0);

  transform: translate3d(100%, 0, 0);

  opacity: 0;

}



.fancybox-fx-slide.fancybox-slide--current {

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  opacity: 1;

}



.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {

  opacity: 0;

  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

}



.fancybox-fx-fade.fancybox-slide--current {

  opacity: 1;

}



.fancybox-fx-zoom-in-out.fancybox-slide--previous {

  -webkit-transform: scale3d(1.5, 1.5, 1.5);

  transform: scale3d(1.5, 1.5, 1.5);

  opacity: 0;

}



.fancybox-fx-zoom-in-out.fancybox-slide--next {

  -webkit-transform: scale3d(0.5, 0.5, 0.5);

  transform: scale3d(0.5, 0.5, 0.5);

  opacity: 0;

}



.fancybox-fx-zoom-in-out.fancybox-slide--current {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

  opacity: 1;

}



.fancybox-fx-rotate.fancybox-slide--previous {

  -webkit-transform: rotate(-1turn);

  transform: rotate(-1turn);

  opacity: 0;

}



.fancybox-fx-rotate.fancybox-slide--next {

  -webkit-transform: rotate(1turn);

  transform: rotate(1turn);

  opacity: 0;

}



.fancybox-fx-rotate.fancybox-slide--current {

  -webkit-transform: rotate(0deg);

  transform: rotate(0deg);

  opacity: 1;

}



.fancybox-fx-circular.fancybox-slide--previous {

  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);

  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);

  opacity: 0;

}



.fancybox-fx-circular.fancybox-slide--next {

  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);

  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);

  opacity: 0;

}



.fancybox-fx-circular.fancybox-slide--current {

  -webkit-transform: scaleX(1) translateZ(0);

  transform: scaleX(1) translateZ(0);

  opacity: 1;

}



.fancybox-fx-tube.fancybox-slide--previous {

  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);

  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);

}



.fancybox-fx-tube.fancybox-slide--next {

  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);

  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);

}



.fancybox-fx-tube.fancybox-slide--current {

  -webkit-transform: translateZ(0) scale(1);

  transform: translateZ(0) scale(1);

}



@media (max-width: 800px) {

  .fancybox-infobar {

    left: 0;

    margin-left: 0;

  }



  .fancybox-button--left, .fancybox-button--right {

    display: none !important;

  }



  .fancybox-caption {

    padding: 20px 0;

    margin: 0;

  }

}

.fancybox-button--fullscreen:before {

  width: 15px;

  height: 11px;

  left: calc(50% - 7px);

  top: calc(50% - 6px);

  border: 2px solid;

  background: none;

}



.fancybox-button--pause:before, .fancybox-button--play:before {

  top: calc(50% - 6px);

  left: calc(50% - 4px);

  background: transparent;

}



.fancybox-button--play:before {

  width: 0;

  height: 0;

  border-top: 6px inset transparent;

  border-bottom: 6px inset transparent;

  border-left: 10px solid;

  border-radius: 1px;

}



.fancybox-button--pause:before {

  width: 7px;

  height: 11px;

  border-style: solid;

  border-width: 0 2px;

}



.fancybox-button--thumbs, .fancybox-thumbs {

  display: none;

}



@media (min-width: 800px) {

  .fancybox-button--thumbs {

    display: inline-block;

  }



  .fancybox-button--thumbs span {

    font-size: 23px;

  }



  .fancybox-button--thumbs:before {

    width: 3px;

    height: 3px;

    top: calc(50% - 2px);

    left: calc(50% - 2px);

    box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0;

  }



  .fancybox-thumbs {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: auto;

    width: 220px;

    margin: 0;

    padding: 5px 5px 0 0;

    background: #fff;

    word-break: normal;

    -webkit-tap-highlight-color: transparent;

    -webkit-overflow-scrolling: touch;

    -ms-overflow-style: -ms-autohiding-scrollbar;

    box-sizing: border-box;

    z-index: 99995;

  }



  .fancybox-show-thumbs .fancybox-thumbs {

    display: block;

  }



  .fancybox-show-thumbs .fancybox-inner {

    right: 220px;

  }



  .fancybox-thumbs > ul {

    list-style: none;

    position: absolute;

    position: relative;

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

    overflow-x: hidden;

    overflow-y: auto;

    font-size: 0;

  }



  .fancybox-thumbs > ul > li {

    float: left;

    overflow: hidden;

    max-width: 50%;

    padding: 0;

    margin: 0;

    width: 105px;

    height: 75px;

    position: relative;

    cursor: pointer;

    outline: none;

    border: 5px solid transparent;

    border-top-width: 0;

    border-right-width: 0;

    -webkit-tap-highlight-color: transparent;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    box-sizing: border-box;

  }



  li.fancybox-thumbs-loading {

    background: rgba(0, 0, 0, 0.1);

  }



  .fancybox-thumbs > ul > li > img {

    position: absolute;

    top: 0;

    left: 0;

    min-width: 100%;

    min-height: 100%;

    max-width: none;

    max-height: none;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

  }



  .fancybox-thumbs > ul > li:before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border-radius: 2px;

    border: 4px solid #4ea7f9;

    z-index: 99991;

    opacity: 0;

    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  }



  .fancybox-thumbs > ul > li.fancybox-thumbs-active:before {

    opacity: 1;

  }

}

/* 

--------------------------------------------------------------

Theme Styles

-------------------------------------------------------------- 

*/

body {

  background: #f4f4f4 url("img/body-bg.jpg") no-repeat center bottom scroll;

  background-size: 100% auto;

}



.wrap {

  margin: 0 auto;

  width: 1280px;

  max-width: 94%;

}



.upper {

  text-transform: uppercase;

}



.gold {

  color: #9b886a;

}



/*

--------------------

HEADER

-------------------- 

*/

#header {

  background-color: #FFF;

  position: relative;

  z-index: 100;

}

#header .wrap {

  padding: 58px 0 42px 0;

  width: 94%;

  position: relative;

}

#header .top {

  padding: 0 0 36px 0;

}



.quick-contact {

  float: right;

  position: relative;

}

.quick-contact .icon {

  display: block;

  float: left;

  width: 25px;

  margin-right: 20px;

}

.quick-contact .social,

.quick-contact .phone {

  float: left;

}

.quick-contact .social {

  padding: 3px 0 0 0;

}

.quick-contact .phone a {

  font-size: 28px;

  line-height: 1.1;

  font-weight: 600;

  color: #ab997f;

}



.open-hours {

  padding-top: 5px;

  text-align: right;

  width: 100%;

  float: none;

  clear: both;

}

.open-hours a {

  display: block;

  font-size: 17px;

}



#logo {

  margin: 0 auto;

  width: 167px;

  max-width: 100%;

}

#logo .icon {

  display: block;

}



.checkout-link {

  position: absolute;

  z-index: 10;

  right: 0;

  top: 112px;

  text-decoration: none;

}

.checkout-link a {

  display: block;

  position: relative;

  padding: 6px 22px 0 0;

}

.checkout-link a span {

  display: block;

  position: absolute;

  top: -10px;

  right: 0;

  width: 30px;

  text-align: center;

  height: 30px;

  border-radius: 50px;

  background-color: #9b886a;

  color: #FFF;

  box-sizing: border-box;

  line-height: 1.1;

  padding-top: 7px;

  font-size: 14px;

  z-index: 1;

}

.checkout-link .fa {

  font-size: 30px;

  color: #111;

  position: relative;

  z-index: 2;

}

.checkout-link.empty a span {

  background-color: #dadada;

}

.checkout-link.empty a .fa {

  color: #bbb;

}



.banner {

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  background-color: #000000;

}

.banner .wrap {

  height: 520px;

  position: relative;

}



/** HOME **/

#home-banner {

  background-image: url("img/beauty-home-banner.jpg");

}

#home-banner .text-box {

  position: absolute;

  left: 47%;

  top: 50%;

  margin-top: -120px;

  text-align: center;

  width: 540px;

}

#home-banner .text-box .buttons {

  padding-top: 30px;

}

#home-banner .text-box .buttons .primary {

  margin-right: 20px;

}

#home-banner h1 {

  color: #FFF;

  font-size: 36px;

}

#home-banner h1 span {

  display: block;

}

#home-banner h1 .boxed {

  background-color: #FFF;

  color: #000;

  padding: 20px 16px 21px 23px;

}

#home-banner h1 .unboxed {

  color: #DEC5B1;

  position: absolute;

  left: 36%;

  margin: 26px 0 0 0;

  width: auto;

  white-space: nowrap;

  top: 100%;

}



#home-intro .wrap {

  width: 1376px;

  max-width: 100%;

  position: relative;

}

#home-intro .wrap .home-g {

  position: absolute;

  left: -140px;

  top: 0;

}

#home-intro .wrap .first .img {

  margin: 0 auto;

  width: 33.33%;

}

#home-intro .wrap .second .img {

  margin: 0;

  width: 33.33%;

}



.simple_slider {

  display: none;

  position: relative;

}



.simple_slider img {

  position: absolute;

  z-index: 8;

  top: 0;

  width: 100%;

  left: 0;

  transition: none;

}



.simple_slider .active {

  z-index: 10;

}



.simple_slider .next {

  z-index: 9;

}



.simple_slider.show {

  display: block;

}



.simple_slider img.designated_boxfiller {

  position: relative;

}



#main.nav-open {

  position: fixed;

  height: 100%;

  left: 0;

  top: 0;

  width: 100%;

  overflow: hidden;

}



#footer .wrap {

  padding: 120px 0 140px 0;

  text-align: left;

  font-weight: 300;

  font-size: 20px;

}

#footer .wrap a {

  color: #000;

}

#footer .wrap .open-hours-footer {

  padding-top: 10px;

}

#footer .wrap .open-hours-footer a {

  color: #ab997f;

}

#footer .wrap address {

  font-size: 18px;

}

#footer .contact-details {

  padding-bottom: 40px;

}

#footer .contact-details .email {

  padding-bottom: 4px;

}

#footer .copyright {

  font-size: 15px;

}

#footer .copyright .bullet {

  margin-left: 7px;

  margin-right: 7px;

}



.footer-social-icons {

  padding-bottom: 40px;

}

.footer-social-icons .icon {

  display: block;

  float: left;

  margin-right: 20px;

  width: 25px;

}



.basic-heading {

  background: #000;

  background: linear-gradient(90deg, #000, #222);

}

.basic-heading .top {

  background: #987846;

  background: linear-gradient(270deg, #bc9e6e, #644f2e);

  height: 3px;

  width: 100%;

}

.basic-heading .bottom {

  background: #9b886a;

  background: linear-gradient(90deg, #baad98, #6e604a);

  height: 3px;

  width: 100%;

}

.basic-heading .wrap {

  padding: 20px 0 20px 0;

}

.basic-heading h1 {

  font-size: 36px;

  color: #FFF;

}



.basic-intro .wrap {

  padding: 60px 0 60px 0;

  width: 770px;

}

.basic-intro p.bigger {

  font-size: 1.45em;

  color: #959595;

  font-weight: 300;

  line-height: 1.45;

  padding-left: 10px;

  padding-right: 10px;

}

.basic-intro#social-intro .wrap {

  padding-bottom: 30px;

}



.standard-content h2 {

  font-size: 32px;

}



.basic-content {

  padding: 20px;

  width: 720px;

  margin: 0 auto;

  max-width: 100%;

  background-color: rgba(255, 255, 255, 0.9);

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);

  text-align: justify;

}

.basic-content .wrap {

  max-width: 100%;

  width: 100%;

  border: 1px solid #ded1bd;

  padding: 35px 30px 20px 30px;

}



#contact-area .wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

#contact-area .col {

  width: 45%;

  text-align: left;

}

#contact-area .col h2 {

  text-align: left;

}



#google-map .wrap {

  padding: 60px 0 60px 0;

}

#google-map #wpgmza_map {

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);

  margin-bottom: 40px;

}

#google-map p {

  margin: 0 auto 20px auto;

}



#about-intro.basic-intro .wrap {

  padding-bottom: 0;

}



#open-hours {

  padding-top: 40px;

}

#open-hours ul {

  list-style-type: none;

  padding: 2px 0 0 0;

  margin: 0;

}

#open-hours ul li {

  padding-bottom: 9px;

}

#open-hours ul li span {

  display: inline-block;

  width: 61px;

}

#open-hours ul li:last-child {

  padding-bottom: 0;

}



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

  #contact-area .col {

    width: 100%;

    text-align: center;

  }

  #contact-area .col h2 {

    text-align: center;

  }

  #contact-area .col.details {

    padding-top: 50px;

  }

}

.nf-form-fields-required, .nf-before-form-content {

  display: none !important;

}



.ninja-forms-field {

  border: 1px solid #d1d1d1;

  box-shadow: none;

  outline: none;

  padding: 8px 12px 9px 12px;

  line-height: 1.1;

}

.ninja-forms-field[type=button], .ninja-forms-field[type=submit] {

  background-color: #000;

  border-color: #000;

  color: #FFF;

  padding: 12px 16px 13px 16px;

}



#all-services .wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

#all-services .item {

  width: 46%;

  padding-bottom: 40px;

}

#all-services .item h2 {

  font-size: 28px;

  letter-spacing: 0.15em;

  position: absolute;

  z-index: 10;

  top: 50%;

  left: 4%;

  width: 92%;

  color: #FFF;

  transform: translate(0, -50%);

  padding-bottom: 0;

}

#all-services .item a {

  display: block;

  position: relative;

}

#all-services .item a:hover img {

  opacity: 0.5;

}

#all-services .item .caption {

  display: block;

  padding: 8px 14px 9px 14px;

  color: #000;

  opacity: 0.5;

  background-color: rgba(255, 255, 255, 0.5);

}

#all-services .item .img {

  background-color: #000;

}

#all-services .item img {

  opacity: 0.7;

}



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

  #all-services .item h2 {

    font-size: 26px;

  }



  .basic-intro p.bigger {

    font-size: 1.28em;

  }

}

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

  #all-services .wrap {

    justify-content: center;

  }

  #all-services .item {

    width: 460px;

    max-width: 100%;

    padding-bottom: 40px;

  }



  .basic-intro p.bigger {

    font-size: 1.18em;

  }

}

.service-content {

  padding-top: 40px;

}



h2 {

  color: #1A1A1A;

  font-weight: 300;

  letter-spacing: 0.24em;

  font-size: 45px;

  text-align: center;

  padding-bottom: 15px;

}



.curl-heading {

  padding-top: 30px;

  padding-bottom: 18px;

}

.curl-heading img {

  width: 75px;

  display: inline-block;

  position: relative;

  top: -3px;

}

.curl-heading .left {

  margin-right: 20px;

}

.curl-heading .right {

  margin-left: 10px;

}



section.menu .wrap {

  width: 1200px;

  margin-bottom: 40px;

}

section.menu .notes {

  padding: 15px 0 0 30px;

  color: #666;

  font-style: italic;

  text-align: left;

}

section.menu .box {

  background-color: #f9f9f9;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  text-align: left;

  width: 100%;

  margin: 0 auto 0 auto;

  border-radius: 2px;

  padding: 30px 30px 1px 30px;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);

}

section.menu .box .item {

  width: 50%;

  padding-bottom: 20px;

}

section.menu .box .item:nth-child(odd) {

  padding-right: 3%;

}

section.menu .box .item:nth-child(even) {

  padding-left: 3%;

}

section.menu .box .item .top {

  position: relative;

  margin-bottom: 4px;

}

section.menu .box .item .top h4 {

  float: left;

  font-weight: 400;

  letter-spacing: 0.24em;

  font-size: 24px;

  color: #1a1a1a;

  text-transform: uppercase;

  background-color: #f9f9f9;

  padding: 0 5px 4px 0;

  z-index: 2;

  position: relative;

}

section.menu .box .item .top .price {

  float: right;

  font-size: 24px;

  color: #1a1a1a;

  background-color: #f9f9f9;

  padding: 0 0 4px 10px;

  z-index: 2;

  position: relative;

}

section.menu .box .item .top:before {

  position: absolute;

  z-index: 1;

  content: "";

  display: block;

  height: 1px;

  left: 10px;

  right: 10px;

  bottom: 13px;

  background-color: #cfbc9f;

}

section.menu .box .item .description {

  color: #888;

  font-size: 18px;

}



/* Services Banners */

#hands-banner {

  background-image: url("img/hands-feet-banner.jpg");

}



#wax-banner {

  background-image: url("img/wax-tint-banner.jpg");

}



#lashes-banner {

  background-image: url("img/lashes-banner.jpg");

}

#microblading-banner {

  background-image: url("img/microblading-banner.jpg");

}



#male-banner {

  background-image: url("img/male-banner.jpg");

}



.page-banner .text-box {

  position: absolute;

  left: 49%;

  top: 50%;

  margin-top: -96px;

  text-align: center;

  width: auto;

}

.page-banner h1 {

  color: #FFF;

  font-size: 42px;

}

.page-banner h1 span {

  display: block;

}

.page-banner h1 .gold {

  font-size: 0.85em;

}



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

  .banner.page-banner .wrap {

    height: 408px;

  }

  .banner.page-banner h1 {

    font-size: 36px;

  }

  .banner.page-banner .text-box {

    margin-top: -69px;

  }

}

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

  .banner.page-banner {

    background-position: 59% center;

    left: auto;

  }

  .banner.page-banner h1 {

    font-size: 34px;

  }

  .banner.page-banner .text-box {

    left: auto;

    right: 10px;

    text-align: right;

  }

}

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

  .banner.page-banner .wrap {

    height: auto;

  }

  .banner.page-banner h1 {

    font-size: 33px;

  }

  .banner.page-banner .text-box {

    position: static;

    left: auto;

    right: auto;

    text-align: center;

    padding: 20px 20px 26px 20px;

    margin: 0 auto;

    float: none;

    width: 100%;

    border-top: 1px solid #ab997f;

  }



  #hands-banner,

  #wax-banner,

  #lashes-banner,

  #male-banner {

    background-image: none;

  }



  #hands-banner .mobile-backdrop {

    background-image: url("img/hands-feet-banner-mobile.jpg");

  }



  #wax-banner .mobile-backdrop {

    background-image: url("img/wax-tint-banner-mobile.jpg");

  }



  #lashes-banner .mobile-backdrop {

    background-image: url("img/lashes-banner-mobile.jpg");

  }
	
  #microblading-banner .mobile-backdrop {

  background-image: url("img/microblading-banner.jpg");

}



  #male-banner .mobile-backdrop {

    background-image: url("img/male-banner-mobile.jpg");

  }



  .standard-content h2 {

    font-size: 30px;

    letter-spacing: 0.2em;

  }

}

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

  .banner.page-banner h1 {

    font-size: 30px;

  }

  .banner.page-banner h1 span.gold {

    font-size: 0.72em;

  }

}

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

  .banner .wrap {

    height: 478px;

  }



  #header .wrap {

    padding: 42px 0 34px 0;

  }

  #header .top {

    padding: 0 0 22px 0;

  }



  #logo {

    width: 147px;

  }



  .quick-contact .social {

    padding-top: 2px;

  }

  .quick-contact .phone a {

    font-size: 22px;

  }

  .quick-contact .icon {

    width: 23px;

  }



  #home-intro .wrap .home-g {

    left: -90px;

  }

}

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

  #home-banner .text-box {

    left: 42%;

    margin-top: -90px;

  }



  #home-intro .wrap .home-g {

    width: 31%;

  }



  body {

    background-position: left 0px bottom 120px;

  }



  section.menu .box .item {

    width: 100%;

    padding-bottom: 20px;

  }

  section.menu .box .item:nth-child(odd), section.menu .box .item:nth-child(even) {

    padding-right: 0;

    padding-left: 0;

  }

}

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

  #header .wrap {

    padding: 27px 0 19px 0;

  }

  #header .top {

    padding: 0;

  }



  #logo {

    float: left;

    width: 90px;

  }



  .quick-contact {

    display: none;

  }



  .banner .wrap {

    height: 356px;

  }



  #home-banner {

    background-position: 59% center;

    left: auto;

  }

  #home-banner h1 {

    font-size: 34px;

  }

  #home-banner .text-box {

    left: auto;

    right: 10px;

    text-align: right;

  }

  #home-banner .text-box .buttons {

    padding-right: 10px;

  }



  h1 {

    font-size: 34px;

    letter-spacing: 0.33em;

  }



  #footer .wrap {

    padding-top: 100px;

  }

}

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

  body {

    background-position: left 0px bottom 200px;

  }



  #footer {

    margin-top: 70px;

    background: linear-gradient(180deg, rgba(235, 235, 235, 0), #ebebeb);

  }

  #footer .wrap {

    padding-top: 40px;

  }



  #home-intro .wrap .home-g {

    left: -60px;

  }



  .curl-heading {

    font-size: 36px;

    padding-top: 20px;

  }

  .curl-heading img {

    width: 55px;

  }

  .curl-heading .right {

    margin-left: 0;

  }

  .curl-heading .left {

    margin-right: 10px;

  }



  section.menu .box {

    margin-bottom: 45px;

  }

  section.menu .box .item .top h4 {

    font-size: 22px;

    letter-spacing: 0.14em;

  }

  section.menu .box .item .top .price {

    font-size: 22px;

  }

}

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

  #home-banner, banner {

    background-color: #000;

    background-image: none;

  }



  .banner .wrap {

    height: auto;

    max-width: 100%;

  }

  .banner .mobile-backdrop {

    height: 260px;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

  }



  h1 {

    font-size: 33px;

  }



  #home-banner h1 {

    font-size: 33px;

  }

  #home-banner .mobile-backdrop {

    background-image: url("img/beauty-home-banner-mobile.jpg");

  }

  #home-banner .text-box {

    position: static;

    left: auto;

    right: auto;

    text-align: center;

    padding: 20px 20px 20px 20px;

    margin: 0 auto;

    float: none;

    width: 100%;

    border-top: 1px solid #ab997f;

  }

  #home-banner .text-box .buttons {

    font-size: 16px;

    padding-top: 20px;

  }

}

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

  body {

    background-image: url("img/body-bg-mobile.jpg");

    background-position: left 0px bottom 290px;

  }

}

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

  .curl-heading {

    position: relative;

    padding-bottom: 43px;

    padding-left: 11px;

  }

  .curl-heading img {

    display: block;

    position: absolute;

    bottom: 17px;

    left: 50%;

    top: auto;

  }

  .curl-heading .left {

    margin-right: 0;

    margin-left: -57px;

  }

  .curl-heading .right {

    margin-left: 3px;

  }

}

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

  #home-intro .wrap .home-g {

    left: -10%;

    width: 33%;

  }

  #home-intro .wrap .first .img {

    float: right;

    margin: 0;

    width: 50%;

  }

  #home-intro .wrap .second .img {

    width: 50%;

  }

  #home-intro .wrap .home-g {

    left: -8%;

    width: 41%;

    top: 2px;

  }



  section.menu .box .item .top h4 {

    font-size: 20px;

    letter-spacing: 0.06em;

    text-transform: none;

  }

  section.menu .box .item .top .price {

    font-size: 20px;

  }

  section.menu .box .item .description {

    font-size: 16px;

  }

}

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

  #home-banner .text-box .buttons {

    font-size: 15px;

  }

  #home-banner .text-box .buttons .primary {

    margin-right: 12px;

  }

  #home-banner h1 {

    font-size: 30px;

  }

  #home-banner h1 span {

    font-size: 0.72em;

  }



  h1 {

    letter-spacing: 0.2em;

  }



  .banner .mobile-backdrop {

    height: 210px;

  }

}

/* ----------------- 

ADD ON's and PLUGINS

----------------- /*

/* SpamWall CSS - (SpamWall is a Spam Prevention Plugin Created by John Campbell) */

form input#wall-2, form input.wall-2 {

  position: absolute !important;

  left: -9999px !important;

  top: -9999px !important;

}



/* Browsehappy */

#browsehappy {

  margin: 0;

  background: #000;

  width: 100%;

  height: 100%;

  position: fixed;

  z-index: 9999;

}



#browsehappy .inner {

  padding-top: 60px;

  width: 720px;

  margin: 0 auto;

}



#browsehappy .innerbox {

  position: relative;

  width: 100%;

  background-color: #F1F1F1;

  padding: 40px 0 20px 0;

}



#browsehappy p {

  font-size: 18px;

  color: #333;

  padding-bottom: 20px;

}



#browsehappy p a.button {

  color: #FFF;

  background-color: #2962A0;

  font-size: 24px;

  font-weight: 700;

  display: block;

  line-height: 1;

  padding: 20px 0;

  width: 360px;

  margin: 0 auto;

  text-decoration: none;

}



#browsehappy p a.button:hover {

  background-color: #113D6D;

  text-decoration: none;

}



#browsehappy p a.idiot {

  color: #666;

  font-size: 14px;

  text-decoration: none;

  margin-top: 20px;

  display: block;

}



#browsehappy p a.idiot:hover {

  text-decoration: underline;

}



.idiot #browsehappy {

  display: none !important;

  visibility: hidden;

}

.book_online {

    border: 1px solid #9b886a;

    padding: 6px 12px;

}

.open-hours .book_online {

    float: right;

    margin-top: 10px;

}

.header_button_mobile

{

display:none;

}

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

.header_button_mobile

{

display:block;

}

    /* For mobile phones: */

   .header_book {

    margin-top: 10px;

    padding: 0.65em 26px 0.67em 1em;

}

}

/*-- Klik fixes - 16 September 2019 ----------------------------------------------*/

.box.microbladingContent{
    margin: 30px auto 0 !important;
    padding: 20px !important;
    background: #f9f9f9;
    width: 1200px;
    max-width: 94%;
}

.box.microbladingContent > div{
text-align: justify;
    max-width: 100%;
    width: 100%;
    border: 1px solid #ded1bd;
    padding: 35px 30px 20px 30px;
}


#microblading-heading h1{
    word-break: break-word;
}