/*!	
Theme Name: Stormbox
Theme URI: http://stormbox.com.au
Version: 1.5.1
Author: Michael Ott, Leigh Kendell
Author URI: http://stormbox.com.au
Description: Barebones theme for Stormbox websites
License: Proprietary
License URI: http://stormbox.com.au
*/
.icons-sprite, .icons-arrow-next, .slidesjs-next, .icons-arrow-prev, .slidesjs-previous, .icons-facebook, .footer-navigation .facebook, .footer-navigation .twitter, .icons-human-hair, .footer-navigation .hair-badge, .icons-secure-pay, .footer-navigation .secure-pay .sub-menu a, .icons-twitter {
  background-image: url('images/icons-s295b2fae21.png');
  background-repeat: no-repeat; }

.icons-arrow-next, .slidesjs-next {
  background-position: 0 0; }

.icons-arrow-prev, .slidesjs-previous {
  background-position: 0 -30px; }

.icons-facebook, .footer-navigation .facebook, .footer-navigation .twitter {
  background-position: 0 -60px; }

.icons-human-hair, .footer-navigation .hair-badge {
  background-position: 0 -100px; }

.icons-secure-pay, .footer-navigation .secure-pay .sub-menu a {
  background-position: 0 -185px; }

.icons-twitter, .footer-navigation .twitter {
  background-position: 0 -207px; }

/* ==========================================================================
   Variables
   ========================================================================== */
/* Colours
   ========================================================================== */
/* Typography
========================================================================== */
/* ==========================================================================
   Mixins
   ========================================================================== */
/* Animation and Keyframe Mixins
   ========================================================================== */
/* Media Query Breakpoint Mixins
   ========================================================================== */
/* ==========================================================================
   Reset
   ========================================================================== */
*, *:after, *:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/* ==========================================================================
   Global Styles
   ========================================================================== */
.button, .what-are-dna .button-order-now, .new-customers .button-order-now, .existing-customers .button-order-now, .application-methods .button-order-now {
  display: block;
  font-family: "ComfortaaRegular";
  text-decoration: none;
  color: #fff;
  text-align: center;
  padding: 10px 0px; }

.content .button-next-page {
  display: block;
  font-family: "ComfortaaRegular";
  color: #fff;
  padding: 8px 20px 8px 10px;
  width: 280px;
  background: #747f7f url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAQAAAB39paFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUYxQUQ4MEUxQ0RFMTFFMzk1N0NCQ0NBMTY2QzlDNjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUYxQUQ4MEYxQ0RFMTFFMzk1N0NCQ0NBMTY2QzlDNjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRjFBRDgwQzFDREUxMUUzOTU3Q0JDQ0ExNjZDOUM2MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRjFBRDgwRDFDREUxMUUzOTU3Q0JDQ0ExNjZDOUM2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkwB9mkAAAA7SURBVChTY/jP8B8EGJAhRAhNGCGIJAwiMIQhFJowTAuKMNwcZGGEIJIwFiG8ZqII4XQnhhBOv2MJJQCO+tgoXj9MHAAAAABJRU5ErkJggg==') no-repeat 255px center;
  background: rgba(255, 255, 255, 0.1) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAQAAAB39paFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUYxQUQ4MEUxQ0RFMTFFMzk1N0NCQ0NBMTY2QzlDNjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUYxQUQ4MEYxQ0RFMTFFMzk1N0NCQ0NBMTY2QzlDNjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRjFBRDgwQzFDREUxMUUzOTU3Q0JDQ0ExNjZDOUM2MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRjFBRDgwRDFDREUxMUUzOTU3Q0JDQ0ExNjZDOUM2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkwB9mkAAAA7SURBVChTY/jP8B8EGJAhRAhNGCGIJAwiMIQhFJowTAuKMNwcZGGEIJIwFiG8ZqII4XQnhhBOv2MJJQCO+tgoXj9MHAAAAABJRU5ErkJggg==') no-repeat 255px center;
  cursor: pointer;
  text-decoration: none; }
  .content .button-next-page:hover {
    color: #fff; }

.content .button-previous-page {
  display: block;
  font-family: "ComfortaaRegular";
  color: #fff;
  padding: 8px 10px 8px 20px;
  width: 280px;
  background: #747f7f url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkFCMTM1MkExRERBMTFFMzk1N0NCQ0NBMTY2QzlDNjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkFCMTM1MkIxRERBMTFFMzk1N0NCQ0NBMTY2QzlDNjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQUIxMzUyODFEREExMUUzOTU3Q0JDQ0ExNjZDOUM2MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQUIxMzUyOTFEREExMUUzOTU3Q0JDQ0ExNjZDOUM2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvmvKYYAAABOSURBVHjalNHbCgAgCAPQtv//Z4NAkLC5fBI8eEFExBKRRdBAJ6eBTtBB3egW3R2fqEKJEo4oIX6uHjHVuIo57ZaYziHqhXBe2GFsAQYA7NIRGyTyJhYAAAAASUVORK5CYII=') no-repeat 10px center;
  background: rgba(255, 255, 255, 0.1) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkFCMTM1MkExRERBMTFFMzk1N0NCQ0NBMTY2QzlDNjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkFCMTM1MkIxRERBMTFFMzk1N0NCQ0NBMTY2QzlDNjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQUIxMzUyODFEREExMUUzOTU3Q0JDQ0ExNjZDOUM2MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQUIxMzUyOTFEREExMUUzOTU3Q0JDQ0ExNjZDOUM2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvmvKYYAAABOSURBVHjalNHbCgAgCAPQtv//Z4NAkLC5fBI8eEFExBKRRdBAJ6eBTtBB3egW3R2fqEKJEo4oIX6uHjHVuIo57ZaYziHqhXBe2GFsAQYA7NIRGyTyJhYAAAAASUVORK5CYII=') no-repeat 10px center;
  cursor: pointer;
  text-decoration: none; }
  .content .button-previous-page:hover {
    color: #fff; }

hr {
  border: none;
  border-bottom: 1px solid #fcdbea;
  margin: 15px 0; }

/* ==========================================================================
   Classes
   ========================================================================== */
.left {
  float: left; }

.right {
  float: right; }

.alignleft {
  float: left;
  margin: 0 30px 20px 0; }

.alignright {
  float: right;
  margin: 0 0 20px 30px; }

/* Clearfix  */
.cf:before, .accessories:before, .cf:after, .accessories:after {
  content: "";
  display: table; }

.cf:after, .accessories:after {
  clear: both; }

.clear {
  clear: both; }

.hide {
  display: none; }

/* ==========================================================================
   Typography Styles
   ========================================================================== */
@font-face {
  font-family: 'ComfortaaThin';
  src: url("fonts/Comfortaa_Thin-webfont.eot");
  src: url("fonts/Comfortaa_Thin-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Comfortaa_Thin-webfont.woff") format("woff"), url("fonts/Comfortaa_Thin-webfont.ttf") format("truetype"), url("fonts/Comfortaa_Thin-webfont.svg#ComfortaaThin") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ComfortaaRegular';
  src: url("fonts/Comfortaa_Regular-webfont.eot");
  src: url("fonts/Comfortaa_Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Comfortaa_Regular-webfont.woff") format("woff"), url("fonts/Comfortaa_Regular-webfont.ttf") format("truetype"), url("fonts/Comfortaa_Regular-webfont.svg#ComfortaaRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ComfortaaBold';
  src: url("fonts/Comfortaa_Bold-webfont.eot");
  src: url("fonts/Comfortaa_Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Comfortaa_Bold-webfont.woff") format("woff"), url("fonts/Comfortaa_Bold-webfont.ttf") format("truetype"), url("fonts/Comfortaa_Bold-webfont.svg#ComfortaaBold") format("svg");
  font-weight: normal;
  font-style: normal; }
body {
  font-family: Arial, Helvetica, sans-serif; }

p {
  line-height: 1.3; }

.content h1, .content h2, .content h3, .content h4, .content h5 {
  font-family: "ComfortaaRegular";
  text-transform: lowercase;
  color: #e71e7a;
  margin-bottom: 20px; }
.content p {
  color: #2a3337;
  font-size: 0.8125em;
  margin-bottom: 15px; }
.content a {
  color: #576165; }
  .content a:hover {
    color: #eb207c; }
.content h2 {
  font-size: 2.0625em; }
.content h3 {
  font-size: 1.3625em;
  margin-bottom: 10px; }
.content h4 {
  font-size: 1.2625em; }
.content h5 {
  font-size: 0.9625em; }
.content strong {
  font-weight: bold; }
.content em {
  font-style: italic; }
.content ul {
  margin-bottom: 20px;
  padding-left: 30px; }
.content li {
  color: #2a3337;
  padding-left: 0;
  font-size: 0.8125em;
  margin-bottom: 10px;
  line-height: 1;
  list-style: square; }
  .content li a {
    font-size: 1em; }
  .content li strong {
    font-size: 1em; }
.content legend {
  font-family: "ComfortaaRegular";
  color: #eb207c;
  font-size: 1.5625em;
  margin-bottom: 10px; }
.content .testimonial-solo {
  background: #f8e2e8 url(images/quote-open.png) no-repeat 10px 20px;
  padding: 20px 35px;
  font-style: italic;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .content .testimonial-solo .endquote {
    display: inline-block;
    background: url(images/quote-close.png) no-repeat;
    width: 16px;
    height: 17px;
    text-indent: -9999em;
    position: relative;
    top: 4px;
    left: 4px; }

/* ==========================================================================
   Main Styles
   ========================================================================== */
/* Outer Wrap
   ========================================================================== */
.outer-wrap {
  position: relative;
  width: 100%;
  overflow: hidden; }
  @media (max-width: 900px) {
    .outer-wrap {
      margin-top: 100px; } }
  @media (max-width: 540px) {
    .outer-wrap {
      margin-top: 100px; } }

.what-are-dna-landing {
  background: #657170 url(images/what-are-dna-hair-extensions.jpg) center top no-repeat; }
  @media (max-width: 1010px) {
    .what-are-dna-landing {
      background-image: none; } }

.app-methods-landing {
  background: #657170 url(images/application-types.jpg) center 0 no-repeat; }
  @media (max-width: 1010px) {
    .app-methods-landing {
      background: #fff; } }

.styles-landing {
  background: #fff url(images/hair-styles.jpg) center 100px no-repeat; }
  @media (max-width: 1010px) {
    .styles-landing {
      background-image: none; } }

.styles-about {
  background: #fff url(images/about.jpg) center 0 no-repeat; }
  @media (max-width: 1010px) {
    .styles-about {
      background-image: none; } }

/* Main Header
   ========================================================================== */
.main-header {
  height: 500px; }
  .main-header .wave {
    width: 100%;
    height: 130px;
    background: url(images/nav-bar.png) repeat-x bottom;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 300; }
    @media (max-width: 900px) {
      .main-header .wave {
        display: none;
        background: none; } }
  .main-header .nav-wrap {
    max-width: 960px;
    margin: 0 auto;
    position: relative; }
    @media (max-width: 900px) {
      .main-header .nav-wrap {
        position: fixed !important;
        top: 0;
        width: 100%;
        height: 90px;
        background-color: #011320;
        z-index: 99999; } }
    @media (max-width: 540px) {
      .main-header .nav-wrap {
        height: 60px; } }
  .main-header .menu-toggle {
    position: absolute;
    z-index: 99999;
    top: 30px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url(images/menu-button.png) no-repeat;
    background-size: 100%;
    -moz-transition: -moz-transform 220ms ease;
    -o-transition: -o-transform 220ms ease;
    -webkit-transition: -webkit-transform 220ms ease;
    transition: transform 220ms ease; }
  .main-header h1 a {
    display: block;
    background: url(images/dna-logo.png);
    width: 100px;
    height: 94px;
    text-indent: -9999em;
    position: absolute;
    top: 13px;
    left: 0;
    z-index: 9999; }
  @media (max-width: 1010px) {
    .main-header {
      height: 0;
      padding-bottom: 52%; }
      .main-header .wave {
        background: #011320; }
      .main-header .nav-wrap {
        position: static; }
      .main-header h1 a {
        left: 30px; } }
  @media (max-width: 900px) {
    .main-header {
      padding-bottom: 0;
      height: auto; }
      .main-header h1 a {
        width: 69px;
        height: 65px;
        background-size: 100%; }
      .main-header .menu-toggle {
        top: 37px; } }
  @media (max-width: 540px) {
    .main-header .wave {
      height: 60px;
      background: #011320; }
    .main-header h1 a {
      width: 70px;
      height: 65px;
      top: -15px;
      background-size: 100% !important;
      background: url(images/dna-logo2x.png); }
    .main-header .menu-toggle {
      top: 20px; } }

.main-header-inner {
  height: auto;
  margin-bottom: 80px; }
  .main-header-inner .wave {
    background: url(images/nav-bar-inner.jpg) repeat-x center;
    height: 122px; }
    .main-header-inner .wave:after {
      content: "";
      position: absolute;
      bottom: -8px;
      width: 100%;
      display: block;
      height: 9px;
      background: url(images/nav-bar-wave-inner.png) repeat-x center; }
  @media (max-width: 1010px) {
    .main-header-inner {
      padding-bottom: 0;
      height: 0;
      margin-bottom: 130px; }
      .main-header-inner .wave {
        background: #011320; }
        .main-header-inner .wave:after {
          background: #011320; } }
  @media (max-width: 540px) {
    .main-header-inner {
      margin-bottom: 80px; }
      .main-header-inner .wave {
        height: 90px;
        background: #011320; }
        .main-header-inner .wave:after {
          display: none; } }

.wave-bar {
  background: url(images/wave-bar.png);
  height: 27px;
  position: absolute;
  top: 590px;
  left: 0;
  width: 100%;
  z-index: 500; }
  @media (max-width: 1010px) {
    .wave-bar {
      display: none; } }

/* Primary Navigation
   ========================================================================== */
.primary-navigation {
  position: relative;
  left: 125px;
  height: 130px;
  z-index: 500;
  max-width: 870px; }
  @media (max-width: 900px) {
    .primary-navigation {
      z-index: 9999; } }
  .primary-navigation .menu {
    position: absolute;
    bottom: 30px; }
  .primary-navigation ul {
    position: relative; }
  .primary-navigation li {
    margin: 0 10px 0 0;
    float: left; }
    .primary-navigation li:first-child {
      margin-left: 0; }
    .primary-navigation li:hover a {
      color: #fff;
      background: #02141f; }
    .primary-navigation li a:hover {
      color: #fff;
      background: #02141f; }
    .primary-navigation li:hover .sub-menu {
      display: block; }
  .primary-navigation a {
    font-family: "ComfortaaRegular";
    font-size: 1em;
    color: #939498;
    text-decoration: none;
    text-transform: lowercase;
    padding: 8px 15px;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; }
  .primary-navigation .sub-menu {
    display: none;
    position: absolute;
    top: 24px;
    padding: 15px 5px;
    background: #02141f;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; }
    .primary-navigation .sub-menu li {
      display: block;
      float: none;
      margin-top: 10px; }
      .primary-navigation .sub-menu li:first-child {
        margin-top: 0; }
      .primary-navigation .sub-menu li a:hover {
        background: none; }
    .primary-navigation .sub-menu a {
      font-size: 0.875em;
      color: #fff6f6;
      padding: 10px; }
  .primary-navigation .order-now a {
    color: #eb207c;
    background: #681438;
    background: rgba(237, 33, 124, 0.4); }
    .primary-navigation .order-now a:hover {
      color: #fff;
      background: #02141f; }
  .primary-navigation .order-now > .sub-menu {
    width: 960px;
    left: -130px;
    padding: 0;
    background: rgba(2, 20, 31, 0.95);
    -moz-box-shadow: 0 1px 15px 0 #111921;
    -webkit-box-shadow: 0 1px 15px 0 #111921;
    box-shadow: 0 1px 15px 0 #111921; }
  .primary-navigation .order-now .navigation-new-customers, .primary-navigation .order-now .navigation-existing-customers {
    position: relative;
    display: block;
    height: 165px;
    width: 50%;
    padding: 0;
    margin: 0;
    float: left;
    background: url(images/order-now-left.png) no-repeat top left; }
    .primary-navigation .order-now .navigation-new-customers > a, .primary-navigation .order-now .navigation-existing-customers > a {
      padding: 30px 0 0 125px;
      background: none;
      display: block;
      font-size: 1.5em; }
    .primary-navigation .order-now .navigation-new-customers .sub-menu, .primary-navigation .order-now .navigation-existing-customers .sub-menu {
      position: absolute;
      top: auto;
      padding: 0; }
    .primary-navigation .order-now .navigation-new-customers .description, .primary-navigation .order-now .navigation-existing-customers .description {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.5125em;
      color: #969a9d;
      display: block;
      float: none;
      position: relative;
      top: 10px;
      width: 380px; }
      .primary-navigation .order-now .navigation-new-customers .description strong, .primary-navigation .order-now .navigation-existing-customers .description strong {
        display: inline-block;
        background: #ac0964;
        padding: 8px 9px;
        margin: 0 30px 0 -30px;
        color: #fff;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%; }
      .primary-navigation .order-now .navigation-new-customers .description span, .primary-navigation .order-now .navigation-existing-customers .description span {
        width: 140px;
        display: inline-block;
        vertical-align: middle; }
  .primary-navigation .order-now .navigation-existing-customers {
    border-left: 1px solid #243139;
    background: url(images/order-now-right.png) no-repeat top right; }
    .primary-navigation .order-now .navigation-existing-customers a {
      padding: 30px 0 0 40px; }
    .primary-navigation .order-now .navigation-existing-customers .description strong {
      margin: 0 25px 0 0; }
    .primary-navigation .order-now .navigation-existing-customers .description span {
      width: 110px; }
  .primary-navigation .order-now .button-new a, .primary-navigation .order-now .button-experienced a, .primary-navigation .order-now .button-order-now a, .primary-navigation .order-now .button-re-order a {
    display: block;
    position: absolute;
    left: 125px;
    top: 30px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 94px;
    height: 31px;
    padding: 8px 0 0 8px;
    background: url(images/button-small.png) no-repeat; }
    .primary-navigation .order-now .button-new a:hover, .primary-navigation .order-now .button-experienced a:hover, .primary-navigation .order-now .button-order-now a:hover, .primary-navigation .order-now .button-re-order a:hover {
      background: url(images/button-small.png) no-repeat; }
  .primary-navigation .order-now .button-experienced a {
    left: 300px; }
  .primary-navigation .order-now .button-order-now a {
    left: 40px;
    top: 20px; }
  .primary-navigation .order-now .button-re-order a {
    left: 210px;
    top: 20px; }
  .primary-navigation .current-menu-item a {
    color: #fff; }
  @media (max-width: 1010px) {
    .primary-navigation {
      position: fixed;
      overflow-y: scroll;
      left: auto;
      right: -280px;
      top: 0;
      width: 280px;
      height: 100%;
      padding: 90px 20px 20px 20px;
      background: #6d0c3c;
      -moz-transition: -moz-transform 220ms ease;
      -o-transition: -o-transform 220ms ease;
      -webkit-transition: -webkit-transform 220ms ease;
      transition: transform 220ms ease;
      -moz-backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -moz-perspective: 1000;
      -webkit-perspective: 1000;
      perspective: 1000; }
      .primary-navigation.move {
        -moz-transform: translate3d(-280px, 0, 0);
        -ms-transform: translate3d(-280px, 0, 0);
        -webkit-transform: translate3d(-280px, 0, 0);
        transform: translate3d(-280px, 0, 0); }
      .primary-navigation .menu {
        width: 100%;
        bottom: auto;
        position: relative; }
      .primary-navigation li {
        float: none; }
        .primary-navigation li:hover a {
          color: #fff;
          background: none; }
        .primary-navigation li a:hover {
          color: #fff;
          background: none; }
      .primary-navigation a {
        display: block;
        width: 100%;
        color: #fff; }
      .primary-navigation .menu-item-493 > a {
        display: none; }
      .primary-navigation .order-now a {
        color: #fff;
        background: none; }
      .primary-navigation .current-menu-item a {
        color: #9c9c9c; }
      .primary-navigation .sub-menu {
        display: block;
        position: relative;
        background: none;
        top: auto;
        padding: 0;
        padding-left: 0; }
        .primary-navigation .sub-menu li {
          margin-top: 0; }
        .primary-navigation .sub-menu a {
          font-size: 1.125em; } }

.shop-now:hover a {
  background: #fff !important; }
  @media (max-width: 900px) {
    .shop-now:hover a {
      background: none !important; } }
.shop-now a {
  color: #eb207c !important;
  background: #fff !important; }
  .shop-now a:hover {
    background: #fff !important; }
.shop-now .sub-menu {
  padding: 0;
  width: 1035px;
  height: 230px !important;
  margin: 0 0 0 -455px !important; }
  @media (max-width: 1010px) {
    .shop-now .sub-menu {
      width: 100%;
      height: auto !important;
      margin: 0 !important;
      border-bottom: none; } }
  .shop-now .sub-menu li {
    position: relative !important;
    margin: 0 !important; }
  .shop-now .sub-menu a {
    display: block;
    border-radius: 0 !important; }
  .shop-now .sub-menu .dna-express a,
  .shop-now .sub-menu .dna-premium a,
  .shop-now .sub-menu .dna-vouchers a {
    width: 345px !important;
    height: 233px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-indent: -9999em; }
    @media (max-width: 1010px) {
      .shop-now .sub-menu .dna-express a,
      .shop-now .sub-menu .dna-premium a,
      .shop-now .sub-menu .dna-vouchers a {
        width: 100% !important;
        height: auto !important; } }
  .shop-now .sub-menu .dna-express a {
    background: url(images/menu-express.png) no-repeat 0 0 !important;
    float: left;
    border-bottom: solid 3px #eb207c; }
    .shop-now .sub-menu .dna-express a:hover {
      border-bottom: solid 3px #ff6c00; }
    @media (max-width: 1010px) {
      .shop-now .sub-menu .dna-express a {
        background: none !important;
        float: none;
        width: auto !important;
        height: auto !important;
        text-indent: 0;
        padding: 10px !important;
        font-size: 1em !important; } }
  .shop-now .sub-menu .dna-premium a {
    background: url(images/menu-premium.png) no-repeat 0 0 !important;
    float: left;
    border-bottom: solid 3px #eb207c; }
    .shop-now .sub-menu .dna-premium a:hover {
      border-bottom: solid 3px #ff6c00; }
    @media (max-width: 1010px) {
      .shop-now .sub-menu .dna-premium a {
        background: none !important;
        float: none;
        width: auto !important;
        height: auto !important;
        text-indent: 0;
        padding: 10px !important;
        font-size: 1em !important; } }
  .shop-now .sub-menu .dna-vouchers a {
    background: url(images/menu-gift-voucher.png) no-repeat 0 0 !important;
    float: right;
    border-bottom: solid 3px #eb207c; }
    .shop-now .sub-menu .dna-vouchers a:hover {
      border-bottom: solid 3px #ff6c00; }
    @media (max-width: 1010px) {
      .shop-now .sub-menu .dna-vouchers a {
        background: none !important;
        float: none;
        width: auto !important;
        height: auto !important;
        text-indent: 0;
        padding: 10px !important;
        font-size: 1em !important; } }

@media (max-width: 1010px) {
  #menu-item-918 a {
    display: none; } }
@media (max-width: 1010px) {
  #menu-item-918 .sub-menu li a {
    display: block !important; } }

.account-navigation,
.login {
  position: absolute;
  right: 40px;
  top: 15px;
  z-index: 9999;
  display: block;
  background: url(images/account-icon.png) no-repeat 0 9px;
  padding: 4px 0 4px 15px !important;
  color: #fff;
  font-size: .85em;
  z-index: 99999999 !important; }
  @media (max-width: 900px) {
    .account-navigation,
    .login {
      right: 128px; } }
  @media (max-width: 540px) {
    .account-navigation,
    .login {
      right: 415px;
      top: 35px;
      width: 110px !important; } }
  .account-navigation:hover,
  .login:hover {
    color: #fff; }

@media (max-width: 540px) {
  .login {
    right: 415px;
    top: 20px;
    width: 70px !important; } }

.mobile-nav {
  display: none; }
  @media (max-width: 900px) {
    .mobile-nav {
      position: fixed;
      top: 90px;
      display: block;
      width: 100%;
      padding: 15px 20px;
      background-color: #303f49;
      text-align: center;
      z-index: 9999; }
      .mobile-nav a {
        text-decoration: none;
        color: #fff;
        font-family: "ComfortaaRegular";
        text-transform: lowercase;
        font-size: .7em;
        width: 33.33333%;
        display: inline-block; }
        .mobile-nav a:before {
          content: '';
          display: inline-block;
          width: 20px;
          height: 18px;
          background-size: 100%;
          background-image: url("images/shop-icon.png");
          background-repeat: no-repeat;
          vertical-align: middle;
          margin-right: 5px; }
      .mobile-nav .email:before {
        width: 20px;
        height: 14px;
        background-image: url("images/mail-icon.png"); }
      .mobile-nav .call:before {
        width: 20px;
        height: 20px;
        background-image: url("images/phone-icon.png"); } }
  @media (max-width: 540px) {
    .mobile-nav {
      top: 60px; } }

/* Circles
   ========================================================================== */
.circles {
  height: 300px;
  position: relative;
  padding-top: 5px;
  margin-bottom: 100px; }
  @media (max-width: 900px) {
    .circles {
      display: none; } }
  .circles .wave {
    width: 100%;
    height: 27px;
    background: url(images/wave-bar-white.png) repeat-x bottom;
    position: absolute;
    top: 270px;
    left: 0; }
  .circles ul {
    width: 980px;
    margin: 0 auto;
    position: relative;
    top: 20px; }
  .circles li {
    position: relative;
    list-style: none;
    display: inline-block;
    margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8125em;
    line-height: 1.3;
    width: 316px; }
    .circles li:first-child {
      margin-left: 0; }
    .circles li:after {
      content: "";
      background: url(images/circle-shadow.png) no-repeat 0 0;
      display: block;
      width: 313px;
      height: 52px;
      position: absolute;
      bottom: -30px;
      left: 0;
      z-index: 5;
      -moz-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      -webkit-transition: all 0.25s ease;
      transition: all 0.25s ease; }
    .circles li:hover:after {
      -moz-transform: translateY(5px) scale(1.1, 1.1);
      -ms-transform: translateY(5px) scale(1.1, 1.1);
      -webkit-transform: translateY(5px) scale(1.1, 1.1);
      transform: translateY(5px) scale(1.1, 1.1); }
    .circles li a {
      text-align: right;
      display: block;
      text-decoration: none;
      color: #fff;
      position: relative;
      width: 316px;
      height: 316px; }
      .circles li a .gradient-mask {
        display: block;
        width: 300px;
        height: 300px;
        position: absolute;
        top: 8px;
        left: 8px;
        border-radius: 100%;
        z-index: -1;
        overflow: hidden; }
        .circles li a .gradient-mask:after {
          content: "";
          display: block;
          width: 100%;
          height: 85px;
          background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
          background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(70%, rgba(0, 0, 0, 0)));
          background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 70%);
          background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 70%);
          background: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 70%);
          position: absolute;
          top: 125px; }
    .circles li strong {
      font-family: "ComfortaaRegular";
      font-size: 2.15em;
      color: #fff;
      font-weight: normal;
      line-height: .85;
      display: block;
      padding-left: 40px; }
  @media (max-width: 1010px) {
    .circles {
      background: none;
      height: auto;
      margin: 0 0 20px 0; }
      .circles ul {
        width: 100%;
        text-align: center; }
      .circles li {
        float: none;
        display: inline-block;
        margin-bottom: 20px;
        margin-left: 0; } }

.circle-01, .circle-02, .circle-03, .circle-03-promo {
  display: block;
  background: url(images/circle-01.png) no-repeat 0 0;
  position: relative;
  z-index: 100;
  padding: 60px 50px 0 55px;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease; }
  .circle-01:hover, .circle-02:hover, .circle-03:hover, .circle-03-promo:hover {
    position: relative;
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  .circle-01 em, .circle-02 em, .circle-03 em, .circle-03-promo em {
    font-family: "ComfortaaRegular";
    display: block;
    background: url(images/circle-button.png) no-repeat top;
    width: 121px;
    height: 36px;
    text-align: center;
    font-size: 1.1875em;
    line-height: 1;
    padding: 10px 10px 0 0;
    margin: 20px 0 0 90px; }
  .circle-01 .text, .circle-02 .text, .circle-03 .text, .circle-03-promo .text {
    position: relative;
    display: block;
    padding-left: 60px; }

.circle-02 {
  background: url(images/circle-02.png) no-repeat 0 0; }

.circle-03 {
  background: url(images/circle-03.png) no-repeat 0 0; }
  .circle-03 em {
    background: url(images/circle-button-start-shopping.png) no-repeat top left;
    width: 219px;
    height: 119px;
    padding: 69px 0 0 85px;
    margin: 20px 0 0 0; }
  .circle-03 strong {
    position: relative;
    top: 22px; }
  .circle-03 .text {
    top: 25px;
    left: 10px;
    width: 200px; }

.circle-03-promo {
  background: url(images/circle-03-promo.png) no-repeat 0 0; }
  .circle-03-promo em {
    background: none;
    width: 219px;
    height: 119px;
    padding: 69px 0 0 85px;
    margin: 20px 0 0 0;
    visibility: hidden; }
  .circle-03-promo strong {
    position: relative;
    top: 22px;
    visibility: hidden; }
  .circle-03-promo .text {
    top: 25px;
    left: 10px;
    width: 200px;
    visibility: hidden; }
  .circle-03-promo .gradient-mask {
    display: none !important; }

/* Before and After (homepage)
   ========================================================================== */
.before-after {
  height: 340px;
  background: url(images/before-and-after-small.png) no-repeat center; }
  @media (max-width: 900px) {
    .before-after {
      background: url(images/before-and-after-small.png) no-repeat center;
      background-size: auto 100%;
      height: auto;
      padding: 33% 0 0 0; } }
  @media (max-width: 540px) {
    .before-after {
      background-size: auto 80%;
      height: auto;
      padding: 43% 0 0 0;
      margin: 30px 0; } }

.videos {
  margin: 0 0 30px 0; }
  .videos p {
    font-family: "ComfortaaRegular" !important;
    font-size: 1.3em !important;
    color: #eb207c !important; }
  .videos .video-left {
    float: left;
    width: 450px;
    height: 253px; }
    @media (max-width: 900px) {
      .videos .video-left {
        float: none;
        width: 100%;
        height: auto; } }
    @media (max-width: 900px) {
      .videos .video-left iframe {
        width: 100% !important;
        height: auto !important; } }
  .videos .video-right {
    float: right;
    width: 450px;
    height: 253px; }
    @media (max-width: 900px) {
      .videos .video-right {
        float: none;
        width: 100%;
        height: auto; } }
    @media (max-width: 900px) {
      .videos .video-right iframe {
        width: 100% !important;
        height: auto !important; } }

/* Three Steps (homepage)
   ========================================================================== */
.three-steps {
  height: 570px;
  background: url(images/3-steps.png) no-repeat center; }
  @media (max-width: 900px) {
    .three-steps {
      background-size: auto 100%;
      height: auto;
      padding: 43% 0 0 0;
      margin: 30px 0; } }
  @media (max-width: 540px) {
    .three-steps {
      background-size: auto 100%;
      height: auto;
      padding: 43% 0 0 0;
      margin: 30px 0; } }

.app-types {
  width: 980px; }
  .app-types h2 {
    font-family: "ComfortaaRegular";
    font-size: 2em;
    margin: 0 0 30px 0;
    text-transform: lowercase;
    letter-spacing: -0.05em;
    font-weight: normal; }
  .app-types li {
    list-style: none;
    float: left;
    margin: 0 20px 0 0; }
  .app-types a {
    display: block;
    width: 170px;
    height: 170px;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-family: "ComfortaaRegular";
    font-size: 1em;
    border: solid 3px #e0e0e0;
    position: relative;
    margin-bottom: 20px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
    .app-types a:hover {
      border: solid 3px #bdbdbd;
      color: #e8207a; }
    .app-types a span {
      position: absolute;
      top: 180px;
      left: 0;
      display: block;
      width: 170px; }
    .app-types a .soon {
      position: relative;
      top: auto;
      left: auto;
      font-size: 0.7em;
      display: inline;
      position: relative;
      top: -1px; }
  .app-types .stick {
    background: url(images/app-stick.jpg) no-repeat 0 0; }
  .app-types .nail {
    background: url(images/app-nail.jpg) no-repeat 0 0; }
  .app-types .tape {
    background: url(images/app-tape.jpg) no-repeat 0 0; }
  .app-types .skin {
    background: url(images/app-skin.jpg) no-repeat 0 0; }
  .app-types .machine {
    background: url(images/app-machine.jpg) no-repeat 0 0; }
  @media (max-width: 1010px) {
    .app-types {
      width: auto; }
      .app-types li {
        margin: 0 0 60px 10px;
        width: 45%;
        height: 0;
        padding-bottom: 45%;
        float: none;
        display: inline-block; }
        .app-types li:first-child {
          margin-right: 0; }
      .app-types a {
        width: 100%;
        height: 0;
        padding-bottom: 95%;
        font-size: .8em;
        background-size: 100% !important; }
        .app-types a span {
          position: absolute;
          top: 110%;
          width: 100%; } }

/* Off Canvas Wrap
   ========================================================================== */
@media (max-width: 1010px) {
  .off-canvas-wrap {
    -moz-transition: -moz-transform 220ms ease;
    -o-transition: -o-transform 220ms ease;
    -webkit-transition: -webkit-transform 220ms ease;
    transition: transform 220ms ease;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

  .off-canvas-wrap.move {
    -moz-transform: translate3d(-280px, 0, 0);
    -ms-transform: translate3d(-280px, 0, 0);
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0); } }
/* Content Home
   ========================================================================== */
.content-home {
  padding: 0 0 30px 0;
  border-top: solid 1px #f1f1f1; }
  .content-home .intro-content {
    width: 900px;
    margin: 0 auto; }
    @media (max-width: 900px) {
      .content-home .intro-content {
        width: 100%; } }
  .content-home img {
    float: right;
    margin: -5px 0 20px 20px; }
  .content-home h1 {
    font-family: "ComfortaaRegular";
    font-size: 2.0625em;
    margin: 0 0 30px 0;
    text-transform: lowercase;
    letter-spacing: -0.05em;
    font-weight: normal; }
    .content-home h1 span {
      color: #eb207c; }
  .content-home p {
    font-family: Arial, Helvetica, sans-serif;
    color: #464646;
    font-size: 0.8125em;
    margin: 0 0 20px 0; }
  .content-home .left {
    width: 630px; }
  .content-home .hair-loss {
    background: url(images/hair-loss.png);
    display: block;
    width: 303px;
    height: 200px;
    margin-top: 58px; }
  .content-home .button, .content-home .what-are-dna .button-order-now, .what-are-dna .content-home .button-order-now, .content-home .new-customers .button-order-now, .new-customers .content-home .button-order-now, .content-home .existing-customers .button-order-now, .existing-customers .content-home .button-order-now, .content-home .application-methods .button-order-now, .application-methods .content-home .button-order-now {
    background: url(images/action.png) no-repeat top right;
    font-size: 1.1em;
    padding: 9px 15px 10px 0;
    width: 120px;
    height: 36px; }
    .content-home .button:hover, .content-home .what-are-dna .button-order-now:hover, .what-are-dna .content-home .button-order-now:hover, .content-home .new-customers .button-order-now:hover, .new-customers .content-home .button-order-now:hover, .content-home .existing-customers .button-order-now:hover, .existing-customers .content-home .button-order-now:hover, .content-home .application-methods .button-order-now:hover, .application-methods .content-home .button-order-now:hover {
      background: url(images/action.png) no-repeat bottom right; }
  @media (max-width: 1010px) {
    .content-home {
      padding: 0 30px 0 30px; }
      .content-home .left {
        width: 100%; }
      .content-home .right {
        width: 100%; } }

/* Content Inner Pages
   ========================================================================== */
.container {
  max-width: 960px;
  margin: 0 auto;
  position: relative; }
  @media (max-width: 1010px) {
    .container {
      margin-top: 125px;
      max-width: 100%;
      margin-top: 0; } }
  @media (max-width: 540px) {
    .container {
      margin-top: -50px;
      width: auto;
      padding: 0 25px; } }

@media (max-width: 540px) {
  .home-container {
    margin-top: 0 !important;
    padding: 0 !important; } }
.home-container .home-products .woocommerce li {
  border-bottom: solid 1px #fff; }

.content {
  max-width: 660px;
  float: left;
  padding-right: 30px; }
  @media (max-width: 1010px) {
    .content {
      padding: 20px;
      float: none; } }
  @media (max-width: 900px) {
    .content {
      padding: 0;
      float: none; } }

.full-width {
  max-width: 100%;
  width: 100%;
  padding-right: 0; }
  @media (max-width: 1010px) {
    .full-width {
      padding: 0 30px; } }

.what-are-dna {
  height: 1690px;
  margin-top: -30px; }
  .what-are-dna .perfectly-matched {
    position: absolute;
    width: 380px; }
  .what-are-dna .flawless {
    position: absolute;
    top: 640px;
    right: 0;
    width: 365px; }
  .what-are-dna .experience {
    position: absolute;
    top: 1150px;
    left: 120px;
    width: 350px; }
  .what-are-dna .button-order-now {
    width: 190px;
    margin-top: 45px;
    padding: 18px;
    font-size: 2em;
    background: #ab0864;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5MWY3YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FiMDg2NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e91f7b), color-stop(100%, #ab0864));
    background: -moz-linear-gradient(top, #e91f7b, #ab0864);
    background: -webkit-linear-gradient(top, #e91f7b, #ab0864);
    background: linear-gradient(to bottom, #e91f7b, #ab0864);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 45px; }
    .what-are-dna .button-order-now:hover {
      color: #fff; }
  .what-are-dna .button-need-assistance {
    position: absolute;
    bottom: 105px;
    right: 0; }
  .what-are-dna p {
    color: #fff; }
  .what-are-dna h2 {
    width: 420px;
    color: #fff;
    font-size: 2.7em; }
  .what-are-dna h3 {
    color: #7c1243;
    font-size: 2em; }
  @media (max-width: 1010px) {
    .what-are-dna {
      max-width: 100%;
      margin-top: 0;
      height: auto; }
      .what-are-dna h2 {
        width: auto;
        font-size: 2.5em; }
      .what-are-dna .perfectly-matched, .what-are-dna .flawless, .what-are-dna .experience {
        position: relative;
        width: 100%;
        left: auto;
        top: auto;
        overflow: hidden; }
      .what-are-dna .perfectly-matched, .what-are-dna .flawless, .what-are-dna .experience {
        margin-bottom: 25px; }
        .what-are-dna .perfectly-matched:before, .what-are-dna .flawless:before, .what-are-dna .experience:before {
          content: "";
          width: 40%;
          height: 0;
          padding-bottom: 40%;
          margin: 20px;
          display: block;
          background: url(images/perfectly-matched.jpg) no-repeat;
          background-size: 100%;
          float: right;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          border-radius: 100%;
          -moz-box-shadow: 0 0 0 5px #ccc;
          -webkit-box-shadow: 0 0 0 5px #ccc;
          box-shadow: 0 0 0 5px #ccc; }
      .what-are-dna .flawless:before {
        background: url(images/flawless.jpg) no-repeat;
        background-size: 100%; }
      .what-are-dna .experience:before {
        background: url(images/experience.jpg) no-repeat;
        background-size: 100%; }
      .what-are-dna .button-need-assistance {
        position: static;
        width: 100%;
        display: block;
        margin-bottom: 20px; }
      .what-are-dna .button-next-page {
        position: static;
        width: 100%;
        text-align: center;
        background-image: none; } }
  @media (max-width: 540px) {
    .what-are-dna .perfectly-matched:before, .what-are-dna .flawless:before, .what-are-dna .experience:before {
      width: 30%;
      padding-bottom: 30%;
      margin: 75px 5px 10px 15px; }
    .what-are-dna .button-order-now {
      width: 100%;
      text-align: center; } }

.faq-list {
  padding: 0 !important; }
  .faq-list li {
    border-bottom: 1px solid #fde5ef;
    padding: 15px 0;
    list-style: none;
    font-size: 1em; }
    .faq-list li:last-child {
      border-bottom: none; }
    .faq-list li:hover {
      background: #fef7fa;
      cursor: help; }
    .faq-list li p {
      margin-bottom: 0; }

.new-customers, .existing-customers {
  background: #1b2b35 url(images/order-now-left.png) no-repeat top left;
  padding: 20px 20px 20px 130px;
  height: 165px;
  margin-bottom: 30px;
  float: left;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .new-customers h3, .existing-customers h3 {
    color: #fff; }
  .new-customers p, .existing-customers p {
    color: #c6cacc; }
  .new-customers strong, .existing-customers strong {
    display: inline-block;
    background: #ac0964;
    padding: 5px 8px;
    margin: 0 20px;
    color: #fff;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
  .new-customers span, .existing-customers span {
    width: 83px;
    display: inline-block;
    vertical-align: middle; }
    .new-customers span:last-child, .existing-customers span:last-child {
      width: 156px; }
  .new-customers .button-order-now, .existing-customers .button-order-now {
    font-size: 0.85em;
    display: inline-block;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 94px;
    height: 31px;
    padding: 8px 0 0 8px;
    text-align: left;
    background: url(images/button-small.png) no-repeat; }
    .new-customers .button-order-now:hover, .existing-customers .button-order-now:hover {
      color: #fff; }
    .new-customers .button-order-now.left, .existing-customers .button-order-now.left {
      margin-right: 65px; }

.existing-customers {
  background: #1b2b35 url(images/order-now-right.png) no-repeat top right;
  padding: 20px 150px 20px 20px;
  margin-left: 30px; }
  .existing-customers span {
    width: 97px; }
    .existing-customers span:last-child {
      width: 117px; }
  .existing-customers .button-order-now.left {
    margin-right: 78px; }

.order-now-form ul {
  padding: 0; }
.order-now-form li {
  list-style: none; }

.customer-info {
  margin-bottom: 40px;
  background: #fdf5f9;
  border: 1px solid #fdd8ea;
  padding: 20px; }
  .customer-info p {
    margin-bottom: 0; }
    .customer-info p strong {
      color: #e71e7a; }
  .customer-info .need-assistance {
    font-family: "ComfortaaRegular";
    color: #fff;
    background: #00a9bd;
    text-decoration: none;
    padding: 8px;
    float: right;
    margin-top: 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; }
    .customer-info .need-assistance:hover {
      color: #fff; }
  @media (max-width: 1010px) {
    .customer-info {
      margin-bottom: 20px; } }

.hair-style-types {
  min-height: 900px; }
  .hair-style-types p {
    color: #525a5e; }
  .hair-style-types .button-order-now {
    position: absolute;
    top: 143px;
    left: 502px;
    font-family: "ComfortaaRegular";
    text-decoration: none;
    color: #fff;
    width: 190px;
    margin: 0 auto;
    padding: 18px;
    font-size: 2em;
    background: #ab0864;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5MWY3YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FiMDg2NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e91f7b), color-stop(100%, #ab0864));
    background: -moz-linear-gradient(top, #e91f7b, #ab0864);
    background: -webkit-linear-gradient(top, #e91f7b, #ab0864);
    background: linear-gradient(to bottom, #e91f7b, #ab0864);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 45px; }
    .hair-style-types .button-order-now:hover {
      color: #fff; }
  .hair-style-types .button-need-assistance {
    background: #000;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    right: 90px;
    top: 158px; }
  .hair-style-types .button-previous-page {
    background: rgba(0, 0, 0, 0.2) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkFCMTM1MkExRERBMTFFMzk1N0NCQ0NBMTY2QzlDNjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkFCMTM1MkIxRERBMTFFMzk1N0NCQ0NBMTY2QzlDNjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQUIxMzUyODFEREExMUUzOTU3Q0JDQ0ExNjZDOUM2MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQUIxMzUyOTFEREExMUUzOTU3Q0JDQ0ExNjZDOUM2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvmvKYYAAABOSURBVHjalNHbCgAgCAPQtv//Z4NAkLC5fBI8eEFExBKRRdBAJ6eBTtBB3egW3R2fqEKJEo4oIX6uHjHVuIo57ZaYziHqhXBe2GFsAQYA7NIRGyTyJhYAAAAASUVORK5CYII=') no-repeat 10px center;
    padding: 12px 12px 12px 32px;
    display: block;
    width: auto;
    text-align: center;
    position: absolute;
    left: 0;
    top: 160px; }
  .hair-style-types .the-bar {
    position: relative;
    top: -70px; }
  @media (max-width: 1010px) {
    .hair-style-types .content-left, .hair-style-types .content-right {
      float: none !important;
      width: 100% !important; }
    .hair-style-types .button-need-assistance {
      position: static;
      width: 100%;
      display: block;
      margin-bottom: 20px;
      background: #adadad;
      padding: 8px 10px; }
    .hair-style-types .button-order-now, .hair-style-types .button-previous-page {
      position: static;
      margin-bottom: 20px;
      float: none !important;
      display: block; }
    .hair-style-types .button-order-now {
      width: 100%; }
    .hair-style-types .content-right {
      padding-bottom: 60%;
      background: url(images/order-length.png) no-repeat bottom;
      background-size: 100%; }
    .hair-style-types .the-bar {
      position: static; } }

.apps {
  padding: 200px 0 0 0;
  width: 1050px; }
  @media (max-width: 1010px) {
    .apps {
      padding: 0;
      width: auto; } }

.application-methods .button-order-now {
  width: 190px;
  margin: 0 auto;
  margin-top: 45px;
  padding: 18px;
  font-size: 2em;
  background: #ab0864;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5MWY3YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FiMDg2NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e91f7b), color-stop(100%, #ab0864));
  background: -moz-linear-gradient(top, #e91f7b, #ab0864);
  background: -webkit-linear-gradient(top, #e91f7b, #ab0864);
  background: linear-gradient(to bottom, #e91f7b, #ab0864);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  margin-bottom: 45px; }
  .application-methods .button-order-now:hover {
    color: #fff; }
.application-methods .button-need-assistance {
  position: absolute;
  right: 200px;
  bottom: 60px; }
.application-methods .soon {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  color: #d3d7d7;
  position: relative;
  top: -2px; }
@media (max-width: 1010px) {
  .application-methods .button-order-now {
    margin: 20px 0;
    width: 100%; }
  .application-methods .content-left, .application-methods .content-right {
    width: 100% !important; }
  .application-methods .button-need-assistance {
    width: 100%;
    display: block;
    position: static;
    background: #adadad;
    padding: 8px 20px 8px 10px; } }

.application-methods .content-left,
.hair-style-types .content-left {
  width: 48%;
  float: left;
  color: #fff; }

.application-methods .content-right,
.hair-style-types .content-right {
  width: 48%;
  float: right;
  color: #fff; }

.application-methods .content-left p,
.application-methods .content-right p {
  color: #fff; }
  @media (max-width: 1010px) {
    .application-methods .content-left p,
    .application-methods .content-right p {
      color: #2a3337; } }

.app-stick,
.app-nail,
.app-tape,
.app-skin,
.app-machine,
.app-clipin {
  width: 143px;
  margin: 0 25px 0 0;
  float: left;
  color: #fff; }
  @media (max-width: 1010px) {
    .app-stick,
    .app-nail,
    .app-tape,
    .app-skin,
    .app-machine,
    .app-clipin {
      width: auto; } }

.app-clipin {
  margin: 0; }

.app-stick h2,
.app-nail h2,
.app-tape h2,
.app-skin h2,
.app-machine h2,
.app-clipin h2 {
  color: #222625;
  font-size: 1em !important; }

.app-stick p,
.app-nail p,
.app-tape p,
.app-skin p,
.app-machine p {
  color: #fff;
  color: #2a3337; }

.the-bar {
  width: 100%;
  text-align: center;
  margin: 40px 0; }
  @media (max-width: 1010px) {
    .the-bar {
      margin: 0; }
      .the-bar .button-next-page {
        width: 100%;
        display: block;
        float: none !important;
        margin-bottom: 20px;
        background-image: none;
        background: #adadad; }
      .the-bar .button-previous-page {
        width: 100%;
        padding: 8px 10px;
        float: none;
        background-image: none;
        background: #adadad; } }

.the-bar .button-next-page {
  float: right; }

.button-need-assistance {
  font-family: "ComfortaaRegular";
  color: #fff !important;
  text-transform: lowercase;
  padding: 12px;
  background: #747f7f;
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
  text-decoration: none;
  text-align: center; }
  .button-need-assistance:hover {
    color: #fff; }

.print-reorder {
  overflow: hidden; }

.print {
  display: block;
  background: #e71e7a url(images/print.png) no-repeat 5px 3px;
  padding: 5px 5px 5px 25px;
  width: 60px;
  text-decoration: none;
  color: #fff !important;
  font-size: .8em;
  border-radius: 3px;
  float: left;
  margin: 20px 0; }

.print-info {
  display: none; }

.reorder {
  background: #e71e7a;
  padding: 5px;
  text-decoration: none;
  color: #fff !important;
  font-size: .8em;
  border-radius: 3px;
  float: right;
  margin: 20px 0; }

.orders {
  width: 100%;
  font-size: .8em;
  border: solid 1px #fdd8ea; }

.orders td,
.orders th {
  padding: 8px 12px;
  color: #525a5e;
  border-bottom: solid 1px #fdd8ea; }

.orders th {
  color: #e71e7a;
  font-weight: bold;
  background: #fdf5f9; }

.orders tr:hover {
  background: #fdf5f9; }

.orders .table-button {
  display: block;
  padding: 3px 6px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background: #2a4d5e;
  border-radius: 3px;
  text-transform: lowercase; }

.orders .table-button:hover {
  background: #e71e7a;
  color: #fff; }

.orders strong {
  font-weight: bold; }

.orders .row {
  background: #fdf8fb; }

.re-order-table {
  margin: 0 0 20px 0; }

.about {
  min-height: 500px; }
  .about p {
    color: #fff;
    width: 350px; }
  .about h2 {
    width: 420px;
    color: #fff;
    font-size: 3.5em; }
  .about h3 {
    color: #7c1243;
    font-size: 2em; }
  @media (max-width: 1010px) {
    .about {
      min-height: 0; }
      .about h2 {
        color: #eb207c;
        font-size: 2.5em; }
      .about p {
        color: #3c4448;
        width: auto; } }

/* Hair Salons Page
   ========================================================================== */
.content .approved-salons {
  padding: 0; }
  .content .approved-salons li {
    list-style: none;
    float: left;
    margin-left: 15px; }
    .content .approved-salons li:first-child {
      margin-left: 0; }
  .content .approved-salons .salon-logo {
    position: relative;
    display: block;
    padding-top: 10px;
    width: 200px;
    height: 180px;
    background-color: #eb207c;
    font-family: "ComfortaaRegular";
    text-decoration: none;
    text-transform: lowercase;
    color: #fff;
    text-align: center;
    margin-bottom: 10px; }
    .content .approved-salons .salon-logo.dna {
      background: #eb207c url(images/dna-salon-logo.jpg) no-repeat bottom; }
  .content .approved-salons img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
  .content .approved-salons strong {
    color: #231f20;
    margin-bottom: 2px;
    display: block; }
  .content .approved-salons p {
    color: #717d82;
    font-size: 1em; }

/* Sidebar
   ========================================================================== */
.sidebar {
  width: 300px;
  padding-left: 30px;
  float: right;
  border-left: 1px solid #D9D9D9;
  margin-top: 55px; }
  @media (max-width: 1010px) {
    .sidebar {
      width: 100%;
      float: none;
      display: none; } }
  .sidebar .button-1, .sidebar .button-2, .sidebar .button-3 {
    display: block;
    width: 300px;
    height: 140px;
    background: url(images/what-are-dna-sidebar.jpg);
    text-indent: -9999em;
    margin-bottom: 20px;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease; }
    .sidebar .button-1:hover, .sidebar .button-2:hover, .sidebar .button-3:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
      opacity: 0.6; }
  .sidebar .button-2 {
    background: url(images/select-extensions-sidebar.jpg); }
  .sidebar .button-3 {
    background: url(images/order-now-sidebar.png);
    margin-bottom: 0;
    height: 290px; }

.newsletter-page .medium {
  width: 185px !important; }

.sticky-social {
  position: fixed;
  top: 500px;
  right: 0;
  width: 55px;
  z-index: 99999;
  background: #f1f1f1;
  padding: 5px 10px;
  border-radius: 5px;
  display: block; }
  .sticky-social li {
    list-style: none; }
    .sticky-social li a {
      display: block;
      width: 35px;
      height: 35px;
      text-indent: -9999em;
      margin: 5px 0;
      background-size: 100%; }
    .sticky-social li .facebook, .sticky-social li .footer-navigation .twitter, .footer-navigation .sticky-social li .twitter {
      background-image: url(images/social/facebook.png); }
    .sticky-social li .instagram {
      background-image: url(images/social/instagram.png); }
    .sticky-social li .twitter {
      background-image: url(images/social/twitter.png); }
    .sticky-social li .youtube {
      background-image: url(images/social/youtube.png); }
  @media (max-width: 900px) {
    .sticky-social {
      top: auto;
      bottom: 5px;
      width: auto;
      background: none;
      padding: 0; }
      .sticky-social li {
        display: inline-block;
        margin-right: 8px; }
        .sticky-social li a {
          width: 25px;
          height: 25px; } }

/* Newsletter and Salon Locator
   ========================================================================== */
.bottom-content-wrap {
  margin-top: 40px;
  background: #ad3a5c;
  position: relative;
  overflow: hidden; }
  .bottom-content-wrap:before {
    position: absolute;
    top: -13px;
    content: "";
    width: 100%;
    height: 27px;
    display: block;
    background: url(images/wave-bar-white.png) repeat-x bottom;
    z-index: 100; }

.bottom-content {
  width: 960px;
  margin: 0 auto;
  position: relative; }
  .bottom-content strong {
    font-family: "ComfortaaRegular";
    font-size: 1.75em;
    color: #ff9ad1;
    display: block;
    margin-bottom: 5px; }
  .bottom-content .small {
    font-size: 1.125em; }
  .bottom-content p {
    font-family: Arial;
    font-size: 0.8125em;
    color: #fff;
    margin-bottom: 20px; }
  .bottom-content .ribbon {
    padding-right: 50px;
    padding-bottom: 23px;
    margin-bottom: 0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAABHCAQAAAAwl6ZXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0JEMkU4RkUwM0M3MTFFMzlGNjU5NDNDODQ1QUY5QjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzQ0MzFCQTAwM0U5MTFFMzlGNjU5NDNDODQ1QUY5QjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQkQyRThGQzAzQzcxMUUzOUY2NTk0M0M4NDVBRjlCMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQkQyRThGRDAzQzcxMUUzOUY2NTk0M0M4NDVBRjlCMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu9Q0GAAAAODSURBVFjDtZhPKGxRGMAPSlmgsVJiRa8UKaXUW1noldiMZqHIBk09KVulrJSQIrGhvOwkr2xMlChlq2xMKaXYkPwrmZnfW8y9Z86de+69587rfncz59zv+91zvu873zlnBMLn6WCMNY5J80qOV9Ics8YYHX5WXi8amOCAd/TyzgETNJgjY0xyQbBcMEnMBNnLHuayR28QMskN4eSGpB9yho8ig1PmSdBOjHJitJNgntMinQ9mvJAz5Bwh2KafMo2vy+hn2xG6nApVp6yOMEXCN70ECVKOkSaLkb0OH27QEgAUCFrYcPi0V0XGHFFepFqa1RBnhTMeyfLIGSvEqZFvq1l0RD9WQE46RlgAjnCkifERIwpUHemkjWxQEjslp9zIMlmPxMmyTKOcfkpJ/oY8ckKJckICtwLycUtCE0r0J/LIA9mxLSe0bJDky1J7W/YdIAQdyjf6pQ+zBsis9Gm/Ms8OwZiyUsqsKB/5ot54kIGqsZK/sKLGBGuyMW99M+4LfGBGacUtm3nZsyY4lg07NCs+wDQ/SCvtFRkiW46FotBuvT7zqZB1yngAziyb9sJHBa+yYZfTRw/gX6po48vR9yjLti2vQqk+5dZrfbTXqUBw7op63qa8UJWCRvnCMJ10WhtY0vUh7SiDfPnET6u/nicXUuvL4Ih/MohAsKtxhzbiJnmZ4Te/tB7W5qXp6nnRljnt6olgjUdQiSKplxFU9Qj2nkh2yAj28UhOG5GciSI5uUVyvozkFJxPqSmeDXDPTJmd1QWCNsvo2wNm97eZX1KSsk5+802GLDkgR1b25CVpjtw19OSuOfLOEHlnimwKEfEmM+RwCOSwGXIzBHLTDHkdAnltgqwLuSDrgpEDIZEDwcilkMilYORlSORlELJKLjZTyVDlj+whvPT4I2dLQM76I09KQJ74ISv4LAH5SYU3sovSpMsbOe1p9MWforuEKtPeyH0Pk3u6EXRz7/F+3xv5pDU4p15eAM61Gk9eyFat+iqVik4lq1qtVj1yXBPLYW2JdufFuB6549pZOj2OWJ2u3WlHj7x1KKXcldBRVVMO7Vsd0rmJLTjTV/NUsKDf2AoqQ8q/AoMGB1aBYJA3aTXkRq7LS3yrITCfJWl5E3YhrwA4pDYEUCCo5RCAq2JkHRlgLiTOfuaAjB1Ou7OPN/pKBBbZ212jNP8HUCBoZjT/6x+0NmFLUXMALwAAAABJRU5ErkJggg==') no-repeat top right;
    width: 280px; }
  .bottom-content .newsletter {
    float: left;
    width: 360px;
    padding: 45px 0; }
  .bottom-content .salon {
    padding: 45px 0;
    background: url(images/salon-map.jpg) no-repeat top right;
    background-size: 600px 330px;
    position: relative;
    float: right;
    right: -140px;
    width: 600px;
    height: 330px; }
  .bottom-content .button, .bottom-content .what-are-dna .button-order-now, .what-are-dna .bottom-content .button-order-now, .bottom-content .new-customers .button-order-now, .new-customers .bottom-content .button-order-now, .bottom-content .existing-customers .button-order-now, .existing-customers .bottom-content .button-order-now, .bottom-content .application-methods .button-order-now, .application-methods .bottom-content .button-order-now {
    font-size: 1em;
    background: #01658e;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5YTRjMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBjNGM3YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #09a4c2), color-stop(100%, #0c4c7c));
    background: -moz-linear-gradient(top, #09a4c2, #0c4c7c);
    background: -webkit-linear-gradient(top, #09a4c2, #0c4c7c);
    background: linear-gradient(to bottom, #09a4c2, #0c4c7c);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 120px; }
  .bottom-content .gfield_label {
    color: #fff;
    font-size: 0.8125em; }
  .bottom-content .left {
    margin-left: 10px; }
    .bottom-content .left:first-child {
      margin-left: 0; }
  .bottom-content .ginput_container input, .bottom-content .content .ginput_container select, .content .bottom-content .ginput_container select, .bottom-content .content .ginput_container textarea, .content .bottom-content .ginput_container textarea {
    width: 100%;
    background: #c6758d; }
    .bottom-content .ginput_container input:focus, .bottom-content .content .ginput_container select:focus, .content .bottom-content .ginput_container select:focus, .bottom-content .content .ginput_container textarea:focus, .content .bottom-content .ginput_container textarea:focus {
      background: #d57e9a;
      -moz-box-shadow: 0 0 8px #9e3453;
      -webkit-box-shadow: 0 0 8px #9e3453;
      box-shadow: 0 0 8px #9e3453; }
  .bottom-content .gfield_error .ginput_container:after {
    border-color: #c6758d transparent transparent transparent; }
  .bottom-content .validation_error, .bottom-content .validation_message {
    color: #ff9ad1; }
  .bottom-content .link {
    color: #fff; }
  @media (max-width: 1010px) {
    .bottom-content {
      padding: 0 30px;
      width: 100%; }
      .bottom-content .newsletter {
        width: 50%;
        margin-bottom: 20px;
        padding-right: 30px; }
      .bottom-content .salon {
        width: 50%;
        right: auto;
        padding-left: 30px; }
      .bottom-content .half-width {
        width: 100%; }
      .bottom-content .left {
        margin: 0; } }
  @media (max-width: 540px) {
    .bottom-content .newsletter {
      width: 100%;
      padding-right: 0;
      padding-bottom: 0; }
    .bottom-content .salon {
      width: 100%;
      padding-left: 0;
      background: none;
      padding-top: 0;
      height: auto; } }

/* Footer
   ========================================================================== */
.main-footer {
  background: #fde8f2;
  padding: 20px 20px 40px 20px;
  position: relative; }
  .main-footer:before {
    content: "";
    display: block;
    position: absolute;
    background: url(images/wave-bar-pink.png) repeat-x;
    height: 26px;
    width: 100%;
    left: 0;
    top: -26px; }
  .main-footer.inner {
    margin-top: 40px; }
    .main-footer.inner:before {
      height: 20px;
      top: -20px;
      background: url(images/wave-bar-pink-inner.png) repeat-x; }

.payment-options {
  display: block;
  background: url(images/payment-options.png);
  width: 150px;
  height: 24px;
  text-indent: -9999em;
  position: absolute;
  top: 70px;
  left: 705px; }

.footer-navigation {
  width: 960px;
  margin: 0 auto;
  position: relative; }
  .footer-navigation .logo-footer {
    display: block;
    width: 77px;
    height: 73px;
    text-indent: -9999em;
    background: url(images/dna-logo-grey.png);
    float: left;
    margin-right: 35px; }
  .footer-navigation li {
    float: left;
    margin-left: 35px; }
    .footer-navigation li:first-child {
      margin-left: 0; }
    .footer-navigation li a {
      display: block;
      padding-bottom: 6px;
      color: #eb207c;
      font-family: "ComfortaaRegular";
      text-transform: lowercase;
      text-decoration: none;
      font-size: 0.8em; }
  .footer-navigation .sub-menu li {
    float: none;
    margin-left: 0; }
    .footer-navigation .sub-menu li a {
      color: #262626; }
  .footer-navigation .secure-pay .sub-menu a {
    display: block;
    width: 129px;
    height: 22px;
    text-indent: -9999em; }
  .footer-navigation .hair-badge {
    position: absolute;
    right: 0;
    top: -15px;
    width: 55px;
    height: 85px;
    display: block;
    text-indent: -9999em; }
  .footer-navigation .facebook, .footer-navigation .twitter {
    position: absolute;
    right: 73px;
    top: -15px;
    display: block;
    text-indent: -9999em;
    width: 40px;
    height: 40px; }
  .footer-navigation .twitter {
    right: 73px;
    top: -10px; }
  .footer-navigation .stormbox {
    position: absolute;
    right: 66px;
    top: 36px;
    color: #c0adbc;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.625em; }
  .footer-navigation .geotrust {
    position: absolute;
    top: 5px;
    right: 140px; }
    @media (max-width: 1010px) {
      .footer-navigation .geotrust {
        position: absolute;
        right: 0;
        top: 18px; } }
  @media (max-width: 1010px) {
    .footer-navigation {
      width: 100%; }
      .footer-navigation .logo-footer {
        background-repeat: no-repeat;
        margin-bottom: 30px;
        float: none; }
      .footer-navigation .menu {
        clear: both;
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid #fbd2e4;
        text-align: center;
        margin-bottom: 20px; }
      .footer-navigation li {
        float: none;
        text-align: left;
        margin-left: 0; }
        .footer-navigation li:last-child {
          margin-bottom: 20px; }
      .footer-navigation .sub-menu li {
        margin-left: 0;
        display: block; }
        .footer-navigation .sub-menu li a {
          color: #262626; }
      .footer-navigation .social {
        text-align: center; }
      .footer-navigation .hair-badge, .footer-navigation .facebook, .footer-navigation .twitter, .footer-navigation .twitter, .footer-navigation .stormbox {
        position: static;
        right: auto;
        display: inline-block;
        margin-right: 10px; }
      .footer-navigation .stormbox {
        display: block;
        margin-top: 20px; } }

/* Login Modal
   ========================================================================== */
.login-form-wrap {
  position: absolute;
  top: -400px;
  left: 25%;
  display: block;
  width: 50%;
  z-index: 10000;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  @media (max-width: 1010px) {
    .login-form-wrap {
      width: 90%;
      left: 5%; } }

.login-form-wrap.visible {
  top: 180px; }

.login-form {
  position: relative;
  margin: 0 auto;
  width: 400px;
  padding: 20px 0;
  background: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); }
  .login-form strong {
    display: block;
    font-size: 1.5625em;
    font-family: "ComfortaaRegular";
    margin-bottom: 20px;
    padding: 0 20px; }
  .login-form label {
    font-size: 0.8125em;
    color: #774c5d;
    line-height: 1.5; }
  .login-form input, .login-form .content .ginput_container select, .content .ginput_container .login-form select, .login-form .content .ginput_container textarea, .content .ginput_container .login-form textarea {
    width: 100%;
    padding: 8px 10px;
    margin-bottom: 10px;
    display: block;
    outline: none;
    border: none;
    color: #774c5d;
    background: #dbb3c0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -moz-box-shadow: 0 0 0 1px #d3a4b4;
    -webkit-box-shadow: 0 0 0 1px #d3a4b4;
    box-shadow: 0 0 0 1px #d3a4b4; }
    .login-form input:focus, .login-form .content .ginput_container select:focus, .content .ginput_container .login-form select:focus, .login-form .content .ginput_container textarea:focus, .content .ginput_container .login-form textarea:focus {
      background: #e5c4cf; }
  .login-form .close {
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    text-indent: -9999em;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABEklEQVQ4y9WV3UvCUBjGd+Nf31/QjVYg4kU3WyKxZmRgrI4KGZLsy9XG5qRVWurdm89g5rYu9oXQxQPnHHh/vOd5zt5x7JhV5hI78jp935MY5dK2FgywOCze7kbfK82izYubS6gFAywO9CKwfShYHFouCgsF1j8GutI9vfJdWjxpvz7pNjmiTJZwS18TMz3wc6SSUuUDqacXwR4w87yzO3eu5PRAFKtnrQjUaIq7PeQ/jLNdGV0BtA8JNbtm+UL5GE4SMLvdyxdK3LO4p5mAa9NJwmpCBLocGxlSflQSnsU9xfNJn7Jhk964DLrybgaRoPR6m9QTgd4Hz9k8xLX/GhrrqRP4e8BPr+zxVfqALfsX8AN125r945gDawAAAABJRU5ErkJggg==');
    width: 20px;
    height: 20px; }
  .login-form .rememberme input, .login-form .rememberme .content .ginput_container select, .content .ginput_container .login-form .rememberme select, .login-form .rememberme .content .ginput_container textarea, .content .ginput_container .login-form .rememberme textarea {
    width: auto;
    display: inline-block;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .login-form .inputs {
    border-top: 1px solid #eabdcc;
    border-bottom: 1px solid #eabdcc;
    background: #f8e2e8;
    padding: 20px;
    margin-bottom: 20px; }
  .login-form .login-button {
    color: #fff;
    font-size: 1em;
    width: 35%;
    background: #01658e;
    margin-left: 20px;
    margin-bottom: 0;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5YTRjMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBjNGM3YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #09a4c2), color-stop(100%, #0c4c7c));
    background: -moz-linear-gradient(top, #09a4c2, #0c4c7c);
    background: -webkit-linear-gradient(top, #09a4c2, #0c4c7c);
    background: linear-gradient(to bottom, #09a4c2, #0c4c7c);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  @media (max-width: 1010px) {
    .login-form {
      width: 100%;
      top: -100px; } }

.modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5000;
  display: none; }

/* Promotions
   ========================================================================== */
.attachment-promotions-banner {
  position: relative;
  top: -88px;
  left: -480px;
  margin-bottom: -50px; }
  @media (max-width: 1010px) {
    .attachment-promotions-banner {
      width: 100%;
      height: auto;
      position: static;
      margin-top: -5px; } }

.competition-entries {
  padding: 20px;
  background: #e3f6f8;
  border: 1px dashed #00a9bd;
  border-radius: 4px;
  text-align: center; }
  .competition-entries p {
    font-size: 1em;
    margin-bottom: 0; }
    .competition-entries p strong {
      color: #eb207c; }

.promotion-newsletter-subscribe {
  float: right;
  width: 300px;
  border-left: 1px solid #d9d9d9;
  padding-left: 30px; }
  .promotion-newsletter-subscribe .medium {
    background: #f6f6f6;
    border: 1px solid #cfd1d0;
    width: 100%; }
  .promotion-newsletter-subscribe .gfield_label {
    font-size: 0.8em; }
  .promotion-newsletter-subscribe .gfield_select {
    height: 30px;
    margin-bottom: 20px; }
  .promotion-newsletter-subscribe .gform_button {
    font-size: 1em;
    background: #01658e;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5YTRjMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBjNGM3YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #09a4c2), color-stop(100%, #0c4c7c));
    background: -moz-linear-gradient(top, #09a4c2, #0c4c7c);
    background: -webkit-linear-gradient(top, #09a4c2, #0c4c7c);
    background: linear-gradient(to bottom, #09a4c2, #0c4c7c);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 40px; }

/* Custom Orders
   ========================================================================== */
.content .order-buttons {
  padding-left: 0; }
  .content .order-buttons li {
    list-style: none;
    display: inline-block;
    margin-right: 10px; }
    .content .order-buttons li:first-child a {
      background: #09a4c2; }
    .content .order-buttons li a {
      padding: 15px;
      display: block;
      color: #fff;
      background: #eb207c;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      font-family: "ComfortaaRegular";
      font-size: 1.2em;
      cursor: pointer;
      text-transform: lowercase; }

/* Post Edit Link
   ========================================================================== */
.post-edit-link {
  position: fixed;
  top: 20px;
  right: 20px;
  display: block;
  text-indent: -9999em;
  width: 40px;
  height: 40px;
  background: #f1f1f1 url(images/system/edit.png) no-repeat center center;
  z-index: 100000; }
  .post-edit-link:hover {
    background-color: #ebebeb; }
  @media (max-width: 1010px) {
    .post-edit-link {
      display: none; } }

/* Woo Commerce
   ========================================================================== */
.woocontent,
.woocommerce {
  color: #5a6d76;
  position: relative; }
  .woocontent h1,
  .woocommerce h1 {
    font-family: "ComfortaaRegular";
    text-transform: lowercase;
    color: #e71e7a;
    margin-bottom: 20px;
    font-size: 2.2em; }
    @media (max-width: 900px) {
      .woocontent h1,
      .woocommerce h1 {
        font-size: 1.8em; } }
  .woocontent h2,
  .woocommerce h2 {
    font-family: "ComfortaaRegular";
    text-transform: lowercase;
    color: #e71e7a;
    margin-bottom: 20px;
    font-size: 2.2em; }
    @media (max-width: 900px) {
      .woocontent h2,
      .woocommerce h2 {
        font-size: 1.8em; } }
  .woocontent p, .woocontent a, .woocontent li, .woocontent li a,
  .woocommerce p,
  .woocommerce a,
  .woocommerce li,
  .woocommerce li a {
    color: #5a6d76; }
  .woocontent .summary,
  .woocommerce .summary {
    position: relative; }
  .woocontent .button, .woocontent .what-are-dna .button-order-now, .what-are-dna .woocontent .button-order-now, .woocontent .new-customers .button-order-now, .new-customers .woocontent .button-order-now, .woocontent .existing-customers .button-order-now, .existing-customers .woocontent .button-order-now, .woocontent .application-methods .button-order-now, .application-methods .woocontent .button-order-now,
  .woocommerce .button,
  .woocommerce .what-are-dna .button-order-now,
  .what-are-dna .woocommerce .button-order-now,
  .woocommerce .new-customers .button-order-now,
  .new-customers .woocommerce .button-order-now,
  .woocommerce .existing-customers .button-order-now,
  .existing-customers .woocommerce .button-order-now,
  .woocommerce .application-methods .button-order-now,
  .application-methods .woocommerce .button-order-now {
    background: #eb207c;
    color: #fff !important;
    border: none;
    padding: 8px;
    border-radius: 3px;
    border: none;
    font-size: 1em;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    transition: all .15s ease-in-out; }
    @media (max-width: 900px) {
      .woocontent .button, .woocontent .what-are-dna .button-order-now, .what-are-dna .woocontent .button-order-now, .woocontent .new-customers .button-order-now, .new-customers .woocontent .button-order-now, .woocontent .existing-customers .button-order-now, .existing-customers .woocontent .button-order-now, .woocontent .application-methods .button-order-now, .application-methods .woocontent .button-order-now,
      .woocommerce .button,
      .woocommerce .what-are-dna .button-order-now,
      .what-are-dna .woocommerce .button-order-now,
      .woocommerce .new-customers .button-order-now,
      .new-customers .woocommerce .button-order-now,
      .woocommerce .existing-customers .button-order-now,
      .existing-customers .woocommerce .button-order-now,
      .woocommerce .application-methods .button-order-now,
      .application-methods .woocommerce .button-order-now {
        position: relative;
        bottom: auto;
        left: auto; } }
    .woocontent .button:hover, .woocontent .what-are-dna .button-order-now:hover, .what-are-dna .woocontent .button-order-now:hover, .woocontent .new-customers .button-order-now:hover, .new-customers .woocontent .button-order-now:hover, .woocontent .existing-customers .button-order-now:hover, .existing-customers .woocontent .button-order-now:hover, .woocontent .application-methods .button-order-now:hover, .application-methods .woocontent .button-order-now:hover,
    .woocommerce .button:hover,
    .woocommerce .what-are-dna .button-order-now:hover,
    .what-are-dna .woocommerce .button-order-now:hover,
    .woocommerce .new-customers .button-order-now:hover,
    .new-customers .woocommerce .button-order-now:hover,
    .woocommerce .existing-customers .button-order-now:hover,
    .existing-customers .woocommerce .button-order-now:hover,
    .woocommerce .application-methods .button-order-now:hover,
    .application-methods .woocommerce .button-order-now:hover {
      background: #ff6c00;
      color: #fff; }
  .woocontent .upsells,
  .woocommerce .upsells {
    margin: 30px 0 0 0; }
  .woocontent .woo-products li,
  .woocontent .home-products li,
  .woocontent .related li,
  .woocontent .upsells li,
  .woocommerce .woo-products li,
  .woocommerce .home-products li,
  .woocommerce .related li,
  .woocommerce .upsells li {
    float: left;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
    padding: 30px;
    width: 320px;
    height: 330px;
    box-sizing: border-box;
    position: relative;
    font-size: .8em; }
    @media (max-width: 900px) {
      .woocontent .woo-products li,
      .woocontent .home-products li,
      .woocontent .related li,
      .woocontent .upsells li,
      .woocommerce .woo-products li,
      .woocommerce .home-products li,
      .woocommerce .related li,
      .woocommerce .upsells li {
        width: auto;
        height: auto;
        float: none;
        border-right: none; } }
    .woocontent .woo-products li:before,
    .woocontent .home-products li:before,
    .woocontent .related li:before,
    .woocontent .upsells li:before,
    .woocommerce .woo-products li:before,
    .woocommerce .home-products li:before,
    .woocommerce .related li:before,
    .woocommerce .upsells li:before {
      content: "";
      display: block;
      background: url(images/free-standard-delivery.png) no-repeat;
      background-size: 58px 53px;
      width: 58px;
      height: 53px;
      text-indent: -9999em;
      position: absolute;
      bottom: 68px;
      right: 30px; }
      @media (max-width: 900px) {
        .woocontent .woo-products li:before,
        .woocontent .home-products li:before,
        .woocontent .related li:before,
        .woocontent .upsells li:before,
        .woocommerce .woo-products li:before,
        .woocommerce .home-products li:before,
        .woocommerce .related li:before,
        .woocommerce .upsells li:before {
          bottom: auto;
          top: 30px; } }
    .woocontent .woo-products li:hover,
    .woocontent .home-products li:hover,
    .woocontent .related li:hover,
    .woocontent .upsells li:hover,
    .woocommerce .woo-products li:hover,
    .woocommerce .home-products li:hover,
    .woocommerce .related li:hover,
    .woocommerce .upsells li:hover {
      background: #f9f9f9; }
    .woocontent .woo-products li img,
    .woocontent .home-products li img,
    .woocontent .related li img,
    .woocontent .upsells li img,
    .woocommerce .woo-products li img,
    .woocommerce .home-products li img,
    .woocommerce .related li img,
    .woocommerce .upsells li img {
      border-radius: 100%;
      width: 100px;
      height: 100px;
      margin: 0 0 10px 0; }
    .woocontent .woo-products li h3,
    .woocontent .home-products li h3,
    .woocontent .related li h3,
    .woocontent .upsells li h3,
    .woocommerce .woo-products li h3,
    .woocommerce .home-products li h3,
    .woocommerce .related li h3,
    .woocommerce .upsells li h3 {
      color: #343f44;
      font-size: 1.1em;
      font-weight: bold;
      display: block;
      margin: 0 0 5px 0; }
    .woocontent .woo-products li p,
    .woocontent .home-products li p,
    .woocontent .related li p,
    .woocontent .upsells li p,
    .woocommerce .woo-products li p,
    .woocommerce .home-products li p,
    .woocommerce .related li p,
    .woocommerce .upsells li p {
      font-size: 1em; }
    .woocontent .woo-products li a,
    .woocontent .home-products li a,
    .woocontent .related li a,
    .woocontent .upsells li a,
    .woocommerce .woo-products li a,
    .woocommerce .home-products li a,
    .woocommerce .related li a,
    .woocommerce .upsells li a {
      text-decoration: none;
      line-height: 1.3em; }
    .woocontent .woo-products li .onsale,
    .woocontent .home-products li .onsale,
    .woocontent .related li .onsale,
    .woocontent .upsells li .onsale,
    .woocommerce .woo-products li .onsale,
    .woocommerce .home-products li .onsale,
    .woocommerce .related li .onsale,
    .woocommerce .upsells li .onsale {
      display: block;
      font-size: 1.1em;
      color: #fff;
      width: 50px;
      height: 50px;
      padding: 14px 0 0 0;
      text-align: center;
      border-radius: 100%;
      text-transform: uppercase;
      background: #ff6c00;
      border: dotted 2px #fff;
      position: absolute;
      top: 60px;
      left: 110px; }
      @media (max-width: 900px) {
        .woocontent .woo-products li .onsale,
        .woocontent .home-products li .onsale,
        .woocontent .related li .onsale,
        .woocontent .upsells li .onsale,
        .woocommerce .woo-products li .onsale,
        .woocommerce .home-products li .onsale,
        .woocommerce .related li .onsale,
        .woocommerce .upsells li .onsale {
          position: relative;
          top: auto;
          left: auto; } }
    .woocontent .woo-products li ins,
    .woocontent .home-products li ins,
    .woocontent .related li ins,
    .woocontent .upsells li ins,
    .woocommerce .woo-products li ins,
    .woocommerce .home-products li ins,
    .woocommerce .related li ins,
    .woocommerce .upsells li ins {
      font-size: 1em;
      color: #343f44;
      text-decoration: none; }
    .woocontent .woo-products li del,
    .woocontent .home-products li del,
    .woocontent .related li del,
    .woocontent .upsells li del,
    .woocommerce .woo-products li del,
    .woocommerce .home-products li del,
    .woocommerce .related li del,
    .woocommerce .upsells li del {
      font-size: .8em; }
      .woocontent .woo-products li del .amount,
      .woocontent .home-products li del .amount,
      .woocontent .related li del .amount,
      .woocontent .upsells li del .amount,
      .woocommerce .woo-products li del .amount,
      .woocommerce .home-products li del .amount,
      .woocommerce .related li del .amount,
      .woocommerce .upsells li del .amount {
        text-decoration: line-through !important;
        opacity: .5; }
    .woocontent .woo-products li .price,
    .woocontent .home-products li .price,
    .woocontent .related li .price,
    .woocontent .upsells li .price,
    .woocommerce .woo-products li .price,
    .woocommerce .home-products li .price,
    .woocommerce .related li .price,
    .woocommerce .upsells li .price {
      position: absolute;
      bottom: 30px;
      right: 30px;
      display: block;
      text-align: right;
      width: calc(100% - 30px); }
    .woocontent .woo-products li .price .amount,
    .woocontent .home-products li .price .amount,
    .woocontent .related li .price .amount,
    .woocontent .upsells li .price .amount,
    .woocommerce .woo-products li .price .amount,
    .woocommerce .home-products li .price .amount,
    .woocommerce .related li .price .amount,
    .woocommerce .upsells li .price .amount {
      font-size: 1.4em;
      color: #343f44;
      text-decoration: none;
      font-family: Georgia, "Times New Roman", Times, serif;
      font-style: italic;
      letter-spacing: -0.03em; }
    .woocontent .woo-products li .single_add_to_cart_button,
    .woocontent .woo-products li .add_to_cart_button,
    .woocontent .home-products li .single_add_to_cart_button,
    .woocontent .home-products li .add_to_cart_button,
    .woocontent .related li .single_add_to_cart_button,
    .woocontent .related li .add_to_cart_button,
    .woocontent .upsells li .single_add_to_cart_button,
    .woocontent .upsells li .add_to_cart_button,
    .woocommerce .woo-products li .single_add_to_cart_button,
    .woocommerce .woo-products li .add_to_cart_button,
    .woocommerce .home-products li .single_add_to_cart_button,
    .woocommerce .home-products li .add_to_cart_button,
    .woocommerce .related li .single_add_to_cart_button,
    .woocommerce .related li .add_to_cart_button,
    .woocommerce .upsells li .single_add_to_cart_button,
    .woocommerce .upsells li .add_to_cart_button {
      position: absolute;
      bottom: 30px;
      left: 30px; }
      @media (max-width: 900px) {
        .woocontent .woo-products li .single_add_to_cart_button,
        .woocontent .woo-products li .add_to_cart_button,
        .woocontent .home-products li .single_add_to_cart_button,
        .woocontent .home-products li .add_to_cart_button,
        .woocontent .related li .single_add_to_cart_button,
        .woocontent .related li .add_to_cart_button,
        .woocontent .upsells li .single_add_to_cart_button,
        .woocontent .upsells li .add_to_cart_button,
        .woocommerce .woo-products li .single_add_to_cart_button,
        .woocommerce .woo-products li .add_to_cart_button,
        .woocommerce .home-products li .single_add_to_cart_button,
        .woocommerce .home-products li .add_to_cart_button,
        .woocommerce .related li .single_add_to_cart_button,
        .woocommerce .related li .add_to_cart_button,
        .woocommerce .upsells li .single_add_to_cart_button,
        .woocommerce .upsells li .add_to_cart_button {
          position: relative;
          bottom: auto;
          left: auto;
          width: 110px;
          margin: 15px 0 0 0; } }
      .woocontent .woo-products li .single_add_to_cart_button:hover,
      .woocontent .woo-products li .add_to_cart_button:hover,
      .woocontent .home-products li .single_add_to_cart_button:hover,
      .woocontent .home-products li .add_to_cart_button:hover,
      .woocontent .related li .single_add_to_cart_button:hover,
      .woocontent .related li .add_to_cart_button:hover,
      .woocontent .upsells li .single_add_to_cart_button:hover,
      .woocontent .upsells li .add_to_cart_button:hover,
      .woocommerce .woo-products li .single_add_to_cart_button:hover,
      .woocommerce .woo-products li .add_to_cart_button:hover,
      .woocommerce .home-products li .single_add_to_cart_button:hover,
      .woocommerce .home-products li .add_to_cart_button:hover,
      .woocommerce .related li .single_add_to_cart_button:hover,
      .woocommerce .related li .add_to_cart_button:hover,
      .woocommerce .upsells li .single_add_to_cart_button:hover,
      .woocommerce .upsells li .add_to_cart_button:hover {
        background: #ff6c00; }
    .woocontent .woo-products li .added_to_cart,
    .woocontent .home-products li .added_to_cart,
    .woocontent .related li .added_to_cart,
    .woocontent .upsells li .added_to_cart,
    .woocommerce .woo-products li .added_to_cart,
    .woocommerce .home-products li .added_to_cart,
    .woocommerce .related li .added_to_cart,
    .woocommerce .upsells li .added_to_cart {
      display: inline-block;
      position: absolute;
      top: 75px;
      right: 30px;
      padding: 5px;
      background: #ff6c00;
      color: #fff;
      text-transform: uppercase;
      font-family: "ComfortaaRegular";
      font-size: 1em;
      border-radius: 2px; }
      @media (max-width: 900px) {
        .woocontent .woo-products li .added_to_cart,
        .woocontent .home-products li .added_to_cart,
        .woocontent .related li .added_to_cart,
        .woocontent .upsells li .added_to_cart,
        .woocommerce .woo-products li .added_to_cart,
        .woocommerce .home-products li .added_to_cart,
        .woocommerce .related li .added_to_cart,
        .woocommerce .upsells li .added_to_cart {
          top: auto;
          bottom: 75px; } }
    .woocontent .woo-products li .quantity,
    .woocontent .home-products li .quantity,
    .woocontent .related li .quantity,
    .woocontent .upsells li .quantity,
    .woocommerce .woo-products li .quantity,
    .woocommerce .home-products li .quantity,
    .woocommerce .related li .quantity,
    .woocommerce .upsells li .quantity {
      position: absolute;
      bottom: 78px;
      left: 30px;
      /* hide the number spinners */ }
      .woocontent .woo-products li .quantity input[type=number]::-webkit-inner-spin-button, .woocontent .woo-products li .quantity .content .ginput_container select[type=number]::-webkit-inner-spin-button, .content .ginput_container .woocontent .woo-products li .quantity select[type=number]::-webkit-inner-spin-button, .woocontent .woo-products li .quantity .content .ginput_container textarea[type=number]::-webkit-inner-spin-button, .content .ginput_container .woocontent .woo-products li .quantity textarea[type=number]::-webkit-inner-spin-button,
      .woocontent .woo-products li .quantity input[type=number]::-webkit-outer-spin-button,
      .woocontent .woo-products li .quantity .content .ginput_container select[type=number]::-webkit-outer-spin-button,
      .content .ginput_container .woocontent .woo-products li .quantity select[type=number]::-webkit-outer-spin-button,
      .woocontent .woo-products li .quantity .content .ginput_container textarea[type=number]::-webkit-outer-spin-button,
      .content .ginput_container .woocontent .woo-products li .quantity textarea[type=number]::-webkit-outer-spin-button,
      .woocontent .home-products li .quantity input[type=number]::-webkit-inner-spin-button,
      .woocontent .home-products li .quantity .content .ginput_container select[type=number]::-webkit-inner-spin-button,
      .content .ginput_container .woocontent .home-products li .quantity select[type=number]::-webkit-inner-spin-button,
      .woocontent .home-products li .quantity .content .ginput_container textarea[type=number]::-webkit-inner-spin-button,
      .content .ginput_container .woocontent .home-products li .quantity textarea[type=number]::-webkit-inner-spin-button,
      .woocontent .home-products li .quantity input[type=number]::-webkit-outer-spin-button,
      .woocontent .home-products li .quantity .content .ginput_container select[type=number]::-webkit-outer-spin-button,
      .content .ginput_container .woocontent .home-products li .quantity select[type=number]::-webkit-outer-spin-button,
      .woocontent .home-products li .quantity .content .ginput_container textarea[type=number]::-webkit-outer-spin-button,
      .content .ginput_container .woocontent .home-products li .quantity textarea[type=number]::-webkit-outer-spin-button,
      .woocontent .related li .quantity input[type=number]::-webkit-inner-spin-button,
      .woocontent .related li .quantity .content .ginput_container select[type=number]::-webkit-inner-spin-button,
      .content .ginput_container .woocontent .related li .quantity select[type=number]::-webkit-inner-spin-button,
      .woocontent .related li .quantity .content .ginput_container textarea[type=number]::-webkit-inner-spin-button,
      .content .ginput_container .woocontent .related li .quantity textarea[type=number]::-webkit-inner-spin-button,
      .woocontent .related li .quantity input[type=number]::-webkit-outer-spin-button,
      .woocontent .related li .quantity .content .ginput_container select[type=number]::-webkit-outer-spin-button,
      .content .ginput_container .woocontent .related li .quantity select[type=number]::-webkit-outer-spin-button,
      .woocontent .related li .quantity .content .ginput_container textarea[type=number]::-webkit-outer-spin-button,
      .content .ginput_container .woocontent .related li .quantity textarea[type=number]::-webkit-outer-spin-button,
      .woocontent .upsells li .quantity input[type=number]::-webkit-inner-spin-button,
      .woocontent .upsells li .quantity .content .ginput_container select[type=number]::-webkit-inner-spin-button,
      .content .ginput_container .woocontent .upsells li .quantity select[type=number]::-webkit-inner-spin-button,
      .woocontent .upsells li .quantity .content .ginput_container textarea[type=number]::-webkit-inner-spin-button,
      .content .ginput_container .woocontent .upsells li .quantity textarea[type=number]::-webkit-inner-spin-button,
      .woocontent .upsells li .quantity input[type=number]::-webkit-outer-spin-button,
      .woocontent .upsells li .quantity .content .ginput_container select[type=number]::-webkit-outer-spin-button,
      .content .ginput_container .woocontent .upsells li .quantity select[type=number]::-webkit-outer-spin-button,
      .woocontent .upsells li .quantity .content .ginput_container textarea[type=number]::-webkit-outer-spin-button,
      .content .ginput_container .woocontent .upsells li .quantity textarea[type=number]::-webkit-outer-spin-button,
      .woocommerce .woo-products li .quantity input[type=number]::-webkit-inner-spin-button,
      .woocommerce .woo-products li .quantity .content .ginput_container select[type=number]::-webkit-inner-spin-button,
      .content .ginput_container .woocommerce .woo-products li .quantity select[type=number]::-webkit-inner-spin-button,
      .woocommerce .woo-products li .quantity .content .ginput_container textarea[type=number]::-webkit-inner-spin-button,
      .content .ginput_container .woocommerce .woo-products li .quantity textarea[type=number]::-webkit-inner-spin-button,
      .woocommerce .woo-products li .quantity input[type=number]::-webkit-outer-spin-button,
      .woocommerce .woo-products li .quantity .content .ginput_container select[type=number]::-webkit-outer-spin-button,
      .content .ginput_container .woocommerce .woo-products li .quantity select[type=number]::-webkit-outer-spin-button,
      .woocommerce .woo-products li .quantity .content .ginput_container textarea[type=number]::-webkit-outer-spin-button,
      .content .ginput_container .woocommerce .woo-products li .quantity textarea[type=number]::-webkit-outer-spin-button,
      .woocommerce .home-products li .quantity input[type=number]::-webkit-inner-spin-button,
      .woocommerce .home-products li .quantity .content .ginput_container select[type=number]::-webkit-inner-spin-button,
      .content .ginput_container .woocommerce .home-products li .quantity select[type=number]::-webkit-inner-spin-button,
      .woocommerce .home-products li .quantity .content .ginput_container textarea[type=number]::-webkit-inner-spin-button,
      .content .ginput_container .woocommerce .home-products li .quantity textarea[type=number]::-webkit-inner-spin-button,
      .woocommerce .home-products li .quantity input[type=number]::-webkit-outer-spin-button,
      .woocommerce .home-products li .quantity .content .ginput_container select[type=number]::-webkit-outer-spin-button,
      .content .ginput_container .woocommerce .home-products li .quantity select[type=number]::-webkit-outer-spin-button,
      .woocommerce .home-products li .quantity .content .ginput_container textarea[type=number]::-webkit-outer-spin-button,
      .content .ginput_container .woocommerce .home-products li .quantity textarea[type=number]::-webkit-outer-spin-button,
      .woocommerce .related li .quantity input[type=number]::-webkit-inner-spin-button,
      .woocommerce .related li .quantity .content .ginput_container select[type=number]::-webkit-inner-spin-button,
      .content .ginput_container .woocommerce .related li .quantity select[type=number]::-webkit-inner-spin-button,
      .woocommerce .related li .quantity .content .ginput_container textarea[type=number]::-webkit-inner-spin-button,
      .content .ginput_container .woocommerce .related li .quantity textarea[type=number]::-webkit-inner-spin-button,
      .woocommerce .related li .quantity input[type=number]::-webkit-outer-spin-button,
      .woocommerce .related li .quantity .content .ginput_container select[type=number]::-webkit-outer-spin-button,
      .content .ginput_container .woocommerce .related li .quantity select[type=number]::-webkit-outer-spin-button,
      .woocommerce .related li .quantity .content .ginput_container textarea[type=number]::-webkit-outer-spin-button,
      .content .ginput_container .woocommerce .related li .quantity textarea[type=number]::-webkit-outer-spin-button,
      .woocommerce .upsells li .quantity input[type=number]::-webkit-inner-spin-button,
      .woocommerce .upsells li .quantity .content .ginput_container select[type=number]::-webkit-inner-spin-button,
      .content .ginput_container .woocommerce .upsells li .quantity select[type=number]::-webkit-inner-spin-button,
      .woocommerce .upsells li .quantity .content .ginput_container textarea[type=number]::-webkit-inner-spin-button,
      .content .ginput_container .woocommerce .upsells li .quantity textarea[type=number]::-webkit-inner-spin-button,
      .woocommerce .upsells li .quantity input[type=number]::-webkit-outer-spin-button,
      .woocommerce .upsells li .quantity .content .ginput_container select[type=number]::-webkit-outer-spin-button,
      .content .ginput_container .woocommerce .upsells li .quantity select[type=number]::-webkit-outer-spin-button,
      .woocommerce .upsells li .quantity .content .ginput_container textarea[type=number]::-webkit-outer-spin-button,
      .content .ginput_container .woocommerce .upsells li .quantity textarea[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0; }
      @media (max-width: 900px) {
        .woocontent .woo-products li .quantity,
        .woocontent .home-products li .quantity,
        .woocontent .related li .quantity,
        .woocontent .upsells li .quantity,
        .woocommerce .woo-products li .quantity,
        .woocommerce .home-products li .quantity,
        .woocommerce .related li .quantity,
        .woocommerce .upsells li .quantity {
          position: relative;
          bottom: auto;
          left: auto;
          margin: 15px 0 0 0; } }
      .woocontent .woo-products li .quantity .qty,
      .woocontent .home-products li .quantity .qty,
      .woocontent .related li .quantity .qty,
      .woocontent .upsells li .quantity .qty,
      .woocommerce .woo-products li .quantity .qty,
      .woocommerce .home-products li .quantity .qty,
      .woocommerce .related li .quantity .qty,
      .woocommerce .upsells li .quantity .qty {
        width: 30px;
        text-align: center; }
    .woocontent .woo-products li .yousave,
    .woocontent .home-products li .yousave,
    .woocontent .related li .yousave,
    .woocontent .upsells li .yousave,
    .woocommerce .woo-products li .yousave,
    .woocommerce .home-products li .yousave,
    .woocommerce .related li .yousave,
    .woocommerce .upsells li .yousave {
      font-size: .6em;
      line-height: .6em;
      display: block; }
    .woocontent .woo-products li .currency,
    .woocontent .home-products li .currency,
    .woocontent .related li .currency,
    .woocontent .upsells li .currency,
    .woocommerce .woo-products li .currency,
    .woocommerce .home-products li .currency,
    .woocommerce .related li .currency,
    .woocommerce .upsells li .currency {
      position: relative;
      top: -3px;
      font-size: .7em; }
  .woocontent .woo-products .lessborder,
  .woocontent .home-products .lessborder,
  .woocontent .related .lessborder,
  .woocontent .upsells .lessborder,
  .woocommerce .woo-products .lessborder,
  .woocommerce .home-products .lessborder,
  .woocommerce .related .lessborder,
  .woocommerce .upsells .lessborder {
    border-right: none; }
  .woocontent .login,
  .woocommerce .login {
    padding: 20px 0;
    position: relative;
    right: auto; }
    .woocontent .login label,
    .woocommerce .login label {
      clear: both;
      display: block; }
    .woocontent .login .input-text,
    .woocommerce .login .input-text {
      padding: 7px;
      background: #f9f9f9;
      border: dashed 1px #ccc;
      border-radius: 3px;
      width: 250px; }
  .woocontent .accessories,
  .woocommerce .accessories {
    margin: 50px 0 0 0; }
  .woocontent .order_details,
  .woocommerce .order_details {
    border: dashed 1px #f1f1f1;
    background: #f9f9f9;
    padding: 15px 0 15px 25px; }
    .woocontent .order_details h3,
    .woocommerce .order_details h3 {
      font-size: 1.2em !important; }
    .woocontent .order_details li,
    .woocommerce .order_details li {
      margin: 0;
      padding: 0;
      line-height: 1.7em; }
  .woocontent .customer_details,
  .woocommerce .customer_details {
    font-size: .8em !important;
    color: #2a3337;
    line-height: 1.5em; }
    .woocontent .customer_details dt,
    .woocommerce .customer_details dt {
      display: block;
      float: left;
      width: 100px; }
  .woocontent header,
  .woocommerce header {
    margin: 30px 0 0 0;
    font-size: 1.36em !important; }
    .woocontent header h2,
    .woocommerce header h2 {
      font-size: 1.36em !important; }

.upsells .quantity {
  bottom: 58px !important; }

.home-products {
  margin: 0 0 35px 0;
  padding: 0;
  background: #f1f1f1; }
  .home-products h1 {
    text-transform: uppercase;
    text-align: center;
    padding: 30px 0 0 0;
    margin: 0;
    font-size: 4em;
    color: #ff6c00;
    letter-spacing: .2em; }
    @media (max-width: 900px) {
      .home-products h1 {
        font-size: 2em; } }
  .home-products img {
    float: none; }
  .home-products ul:last-child li {
    border: none; }
  .home-products .products li a {
    padding: 11px 8px 0 8px; }
  .home-products .products li .onsale {
    font-size: .8em !important;
    padding: 17px 0 0 0 !important; }

#shipping_method {
  margin: 0;
  padding: 0; }
  #shipping_method li {
    font-size: 1em;
    list-style: none;
    margin: 0; }
    #shipping_method li input, #shipping_method li .content .ginput_container select, .content .ginput_container #shipping_method li select, #shipping_method li .content .ginput_container textarea, .content .ginput_container #shipping_method li textarea {
      margin: 0 3px 0 0;
      position: relative;
      top: 2px; }

/* Custom product presentation (woo)
   ==================================== */
.product-933 .quantity {
  display: none; }
.product-933:before {
  display: none !important; }
.product-933 .button, .product-933 .what-are-dna .button-order-now, .what-are-dna .product-933 .button-order-now, .product-933 .new-customers .button-order-now, .new-customers .product-933 .button-order-now, .product-933 .existing-customers .button-order-now, .existing-customers .product-933 .button-order-now, .product-933 .application-methods .button-order-now, .application-methods .product-933 .button-order-now {
  bottom: 30px;
  left: 30px;
  width: 120px;
  position: absolute; }
  @media (max-width: 900px) {
    .product-933 .button, .product-933 .what-are-dna .button-order-now, .what-are-dna .product-933 .button-order-now, .product-933 .new-customers .button-order-now, .new-customers .product-933 .button-order-now, .product-933 .existing-customers .button-order-now, .existing-customers .product-933 .button-order-now, .product-933 .application-methods .button-order-now, .application-methods .product-933 .button-order-now {
      position: relative;
      left: auto;
      bottom: auto;
      margin: 15px 0 0 0; } }
.product-933 .price {
  font-size: .9em; }

.single-product-933 .button, .single-product-933 .what-are-dna .button-order-now, .what-are-dna .single-product-933 .button-order-now, .single-product-933 .new-customers .button-order-now, .new-customers .single-product-933 .button-order-now, .single-product-933 .existing-customers .button-order-now, .existing-customers .single-product-933 .button-order-now, .single-product-933 .application-methods .button-order-now, .application-methods .single-product-933 .button-order-now {
  position: relative;
  left: 150px; }
  @media (max-width: 900px) {
    .single-product-933 .button, .single-product-933 .what-are-dna .button-order-now, .what-are-dna .single-product-933 .button-order-now, .single-product-933 .new-customers .button-order-now, .new-customers .single-product-933 .button-order-now, .single-product-933 .existing-customers .button-order-now, .existing-customers .single-product-933 .button-order-now, .single-product-933 .application-methods .button-order-now, .application-methods .single-product-933 .button-order-now {
      position: relative;
      left: auto; } }
@media (max-width: 900px) {
  .single-product-933 .single_variation {
    position: relative;
    left: 0 !important; } }
@media (max-width: 900px) {
  .single-product-933 .quantity {
    position: relative;
    left: 0 !important; } }

/* Mini cart (woo)
   ========================================================================== */
#minicart {
  height: 30px;
  padding: 10px 0 0 0;
  font-size: .9em;
  position: absolute;
  top: 45px;
  right: 0;
  font-family: Arial, Helvetica, sans-serif;
  z-index: 999; }
  #minicart .paypal-express-checkout-button {
    display: none; }
  @media (max-width: 1010px) {
    #minicart {
      top: 80px;
      right: 20px; } }
  @media (max-width: 900px) {
    #minicart {
      top: 140px;
      right: auto;
      height: 30px;
      background: #022237;
      padding: 25px 25px 35px 25px;
      width: 100%;
      z-index: 999; } }
  @media (max-width: 540px) {
    #minicart {
      top: 110px;
      z-index: 999;
      background: none;
      padding: 0;
      position: absolute;
      top: 0;
      text-align: center; }
      #minicart .cart-contents {
        margin: 15px auto !important;
        display: inline-block;
        text-align: center !important;
        font-size: .8em !important;
        padding: 10px 10px 10px 30px;
        border-radius: 3px;
        background: #eb207c url("images/shop-icon.png") no-repeat 10px 8px;
        background-size: 15px; }
      #minicart .widget {
        display: none; } }
  #minicart .cart_list,
  #minicart .widget-title,
  #minicart .total {
    display: none; }
  #minicart .buttons {
    margin: -6px 0 0 0;
    display: block; }
    @media (max-width: 900px) {
      #minicart .buttons {
        margin: 0;
        position: absolute;
        top: -25px;
        right: 0;
        width: auto; } }
  #minicart:hover .cart_list {
    display: block;
    position: absolute;
    top: 25px;
    right: 0;
    width: 350px;
    padding: 20px 20px 0 20px;
    background: #f9f9f9;
    z-index: 999;
    font-size: .9em;
    border-bottom: solid 3px #eb207c;
    border-radius: 3px; }
    @media (max-width: 900px) {
      #minicart:hover .cart_list {
        top: 21px;
        left: 0;
        right: auto;
        width: 100%; } }
    #minicart:hover .cart_list li {
      display: block;
      height: 40px; }
      #minicart:hover .cart_list li a {
        color: #5a6d76; }
        #minicart:hover .cart_list li a:hover {
          color: #eb207c; }
    #minicart:hover .cart_list .variation {
      display: inline-block; }
      #minicart:hover .cart_list .variation dl, #minicart:hover .cart_list .variation dt, #minicart:hover .cart_list .variation dd {
        display: inline-block; }
    #minicart:hover .cart_list img {
      width: 30px;
      height: 30px;
      border-radius: 100%;
      float: left;
      margin: -8px 10px 0 0;
      display: block; }
    #minicart:hover .cart_list .quantity {
      float: right; }
  #minicart a {
    color: #fff;
    text-decoration: none; }
  #minicart .cart-contents {
    text-align: left;
    float: right;
    margin: 0 175px 0 0; }
    @media (max-width: 900px) {
      #minicart .cart-contents {
        float: none;
        margin: 0; } }
    @media (max-width: 900px) {
      #minicart .cart-contents {
        margin: 0 0 0 -10px; } }
    #minicart .cart-contents:before {
      content: "";
      width: 20px;
      height: 15px;
      display: block;
      background: url(images/icon-cart.png) no-repeat 0 0;
      background-size: auto 15px;
      float: left;
      margin: 0 10px 0 0; }
      @media (max-width: 540px) {
        #minicart .cart-contents:before {
          display: none; } }
  #minicart .go-to-cart {
    position: absolute;
    top: 0;
    right: 80px;
    font-size: .8em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 5px 7px;
    background: #eb207c;
    border-radius: 3px;
    width: 74px;
    transition: all .15s ease-in-out; }
    @media (max-width: 900px) {
      #minicart .go-to-cart {
        position: relative;
        float: right;
        right: auto;
        padding: 10px 0;
        margin: 0 0 0 10px;
        width: 70px; } }
    @media (max-width: 540px) {
      #minicart .go-to-cart {
        margin: 0 -10px 0 10px; } }
    #minicart .go-to-cart:hover {
      background: #ff6c00; }
  #minicart .go-to-checkout {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    font-size: .8em;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 7px;
    background: #eb207c;
    border-radius: 3px;
    width: 74px;
    transition: all .15s ease-in-out; }
    @media (max-width: 900px) {
      #minicart .go-to-checkout {
        position: relative;
        float: right;
        right: auto !important;
        padding: 10px 0;
        width: 72px; } }
    #minicart .go-to-checkout:hover {
      background: #ff6c00; }

#call_for_credit p {
  font-size: .8em; }
#call_for_credit #credit_called {
  padding: 3px;
  font-size: .9em;
  width: 120px;
  border-radius: 3px;
  border: solid 1px #a9a9a9; }

.variations_form {
  font-size: .8em; }
  .variations_form .label {
    font-weight: bold; }
  .variations_form #amount {
    padding: 3px;
    font-size: .9em;
    border-radius: 3px;
    border: solid 1px #a9a9a9;
    margin: 0 0 0 5px; }
  .variations_form .single_variation {
    margin: 20px 0 0 0; }
  .variations_form .single_variation,
  .variations_form .quantity {
    position: relative;
    left: 150px; }

/* Single Product (woo)
   ========================================================================== */
.single-product .woocommerce-message {
  position: relative;
  margin: 0 0 25px 0;
  width: 100%; }
  .single-product .woocommerce-message .button, .single-product .woocommerce-message .what-are-dna .button-order-now, .what-are-dna .single-product .woocommerce-message .button-order-now, .single-product .woocommerce-message .new-customers .button-order-now, .new-customers .single-product .woocommerce-message .button-order-now, .single-product .woocommerce-message .existing-customers .button-order-now, .existing-customers .single-product .woocommerce-message .button-order-now, .single-product .woocommerce-message .application-methods .button-order-now, .application-methods .single-product .woocommerce-message .button-order-now, .single-product .woocommerce-message a {
    display: none !important; }
.single-product .product_description p {
  font-size: .8em;
  line-height: 1.4em;
  margin: 20px 0; }
.single-product .product_description ul, .single-product .product_description ol {
  margin: 20px 0 20px 30px; }
.single-product .product_description li {
  font-size: .8em;
  line-height: 1.4em;
  list-style: disc; }
.single-product .images {
  margin: 0 20px 20px 0;
  width: 132px;
  height: 200px;
  float: left; }
  .single-product .images img {
    border-radius: 100%;
    width: 122px;
    height: 122px; }
.single-product .type-product {
  position: relative; }
.single-product .onsale {
  display: block;
  font-size: .9em;
  color: #fff;
  width: 50px;
  height: 50px;
  padding: 12px 0 0 0;
  text-align: center;
  border-radius: 100%;
  text-transform: uppercase;
  background: #ff6c00;
  border: dotted 2px #fff;
  position: absolute;
  top: 20px;
  left: 100px; }
  .single-product .onsale .yousave {
    font-size: .6em;
    display: block; }
  .single-product .onsale .currency {
    position: relative;
    top: -3px;
    font-size: .7em; }
.single-product .product_meta,
.single-product .woocommerce-tabs {
  display: none; }
.single-product .quantity {
  margin: 25px 0;
  /* hide the number spinners */ }
  .single-product .quantity input[type=number]::-webkit-inner-spin-button, .single-product .quantity .content .ginput_container select[type=number]::-webkit-inner-spin-button, .content .ginput_container .single-product .quantity select[type=number]::-webkit-inner-spin-button, .single-product .quantity .content .ginput_container textarea[type=number]::-webkit-inner-spin-button, .content .ginput_container .single-product .quantity textarea[type=number]::-webkit-inner-spin-button,
  .single-product .quantity input[type=number]::-webkit-outer-spin-button,
  .single-product .quantity .content .ginput_container select[type=number]::-webkit-outer-spin-button,
  .content .ginput_container .single-product .quantity select[type=number]::-webkit-outer-spin-button,
  .single-product .quantity .content .ginput_container textarea[type=number]::-webkit-outer-spin-button,
  .content .ginput_container .single-product .quantity textarea[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .single-product .quantity .qty {
    width: 30px;
    text-align: center; }
.single-product .single_add_to_cart_button {
  background: #eb207c;
  border: none;
  padding: 8px;
  width: 105px;
  border-radius: 3px;
  font-size: .8em;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  transition: all .15s ease-in-out; }
  .single-product .single_add_to_cart_button:hover {
    background: #ff6c00; }
.single-product ins {
  font-size: 1em;
  color: #343f44;
  text-decoration: none; }
.single-product del {
  font-size: .8em; }
  .single-product del .amount {
    text-decoration: line-through !important;
    opacity: .5; }
.single-product .price {
  display: block; }
.single-product .price .amount {
  font-size: 1.4em;
  color: #343f44;
  text-decoration: none;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  letter-spacing: -0.03em; }

.woocontent .accessories .woo-products li img {
  border-radius: 0 !important;
  /* accessories to not have border radius */ }

.pp_pic_holder .ppt,
.pp_pic_holder .pp_description,
.pp_pic_holder .pp_details,
.pp_pic_holder .pp_social {
  display: none !important;
  height: 0 !important;
  padding: 0 !important; }

.related {
  padding: 25px 0 0 0;
  margin: 25px 0 0 0;
  border-top: dashed 1px #ccc; }
  .related h2 {
    font-family: "ComfortaaRegular";
    text-transform: lowercase;
    color: #e71e7a;
    margin-bottom: 20px;
    font-size: 2em; }
  .related p,
  .related .quantity {
    margin: 0; }

/* Shop tables
   ========================================================================== */
.shop_table {
  font-size: .8em;
  width: 100%;
  color: #576165;
  /* hide the number spinners */ }
  @media (max-width: 900px) {
    .shop_table {
      width: 100%; } }
  .shop_table thead th {
    background: #e71e7a;
    color: #fff;
    font-weight: bold;
    padding: 15px; }
  .shop_table td {
    padding: 10px 0;
    border-bottom: solid 1px #f1f1f1; }
  .shop_table tr:hover {
    background: #f9f9f9; }
  @media (max-width: 900px) {
    .shop_table .product-thumbnail {
      display: none !important; } }
  .shop_table input[type=number]::-webkit-inner-spin-button, .shop_table .content .ginput_container select[type=number]::-webkit-inner-spin-button, .content .ginput_container .shop_table select[type=number]::-webkit-inner-spin-button, .shop_table .content .ginput_container textarea[type=number]::-webkit-inner-spin-button, .content .ginput_container .shop_table textarea[type=number]::-webkit-inner-spin-button,
  .shop_table input[type=number]::-webkit-outer-spin-button,
  .shop_table .content .ginput_container select[type=number]::-webkit-outer-spin-button,
  .content .ginput_container .shop_table select[type=number]::-webkit-outer-spin-button,
  .shop_table .content .ginput_container textarea[type=number]::-webkit-outer-spin-button,
  .content .ginput_container .shop_table textarea[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .shop_table .remove {
    display: block;
    width: 17px;
    height: 17px;
    padding: 2px 0 0 0;
    border-radius: 100%;
    color: #fff;
    text-decoration: none;
    background: #ff6c00;
    text-align: center; }
    .shop_table .remove:hover {
      background: #e71e7a;
      color: #fff; }
  .shop_table .qty {
    width: 30px;
    text-align: center; }
  .shop_table img {
    width: 30px;
    height: 30px;
    border-radius: 100%; }
  .shop_table .actions {
    position: relative;
    height: 160px; }
    .shop_table .actions .coupon {
      width: 265px;
      position: relative; }
      @media (max-width: 900px) {
        .shop_table .actions .coupon {
          width: 100%;
          padding: 15px; } }
      @media (max-width: 900px) {
        .shop_table .actions .coupon label {
          display: block; } }
      .shop_table .actions .coupon .button, .shop_table .actions .coupon .what-are-dna .button-order-now, .what-are-dna .shop_table .actions .coupon .button-order-now, .shop_table .actions .coupon .new-customers .button-order-now, .new-customers .shop_table .actions .coupon .button-order-now, .shop_table .actions .coupon .existing-customers .button-order-now, .existing-customers .shop_table .actions .coupon .button-order-now, .shop_table .actions .coupon .application-methods .button-order-now, .application-methods .shop_table .actions .coupon .button-order-now {
        margin: 0;
        background: #3d4850; }
        @media (max-width: 900px) {
          .shop_table .actions .coupon .button, .shop_table .actions .coupon .what-are-dna .button-order-now, .what-are-dna .shop_table .actions .coupon .button-order-now, .shop_table .actions .coupon .new-customers .button-order-now, .new-customers .shop_table .actions .coupon .button-order-now, .shop_table .actions .coupon .existing-customers .button-order-now, .existing-customers .shop_table .actions .coupon .button-order-now, .shop_table .actions .coupon .application-methods .button-order-now, .application-methods .shop_table .actions .coupon .button-order-now {
            position: relative; } }
      .shop_table .actions .coupon #coupon_code {
        padding: 7px;
        background: #f9f9f9;
        border: dashed 1px #ccc;
        border-radius: 3px;
        width: 100px;
        margin: 0 10px 0 0; }
        @media (max-width: 900px) {
          .shop_table .actions .coupon #coupon_code {
            margin: 5px 0; } }
    .shop_table .actions .button, .shop_table .actions .what-are-dna .button-order-now, .what-are-dna .shop_table .actions .button-order-now, .shop_table .actions .new-customers .button-order-now, .new-customers .shop_table .actions .button-order-now, .shop_table .actions .existing-customers .button-order-now, .existing-customers .shop_table .actions .button-order-now, .shop_table .actions .application-methods .button-order-now, .application-methods .shop_table .actions .button-order-now {
      margin: 20px 0 0 0;
      position: absolute;
      top: 0;
      right: 0; }
    .shop_table .actions .checkout-button {
      background: #ff6c00 url(images/right-arrow.png) no-repeat 163px 15px;
      padding: 15px 30px 15px 15px;
      position: relative;
      bottom: auto;
      top: auto;
      margin: 20px 0 10px 0;
      float: right; }
      @media (max-width: 900px) {
        .shop_table .actions .checkout-button {
          position: relative;
          top: auto;
          right: auto;
          margin: 20px 0 0 0;
          width: 100%;
          background: #ff6c00;
          padding: 20px; } }
    .shop_table .actions .paypal-express-checkout-button img {
      border-radius: 0; }

.woocommerce-info,
.woocommerce-message {
  background: #fcffce;
  border-left: solid 4px #efe39d;
  margin: 0 0 3px 0;
  width: 100%;
  padding: 10px;
  font-size: .8em;
  line-height: 1em; }
  .woocommerce-info .button, .woocommerce-info .what-are-dna .button-order-now, .what-are-dna .woocommerce-info .button-order-now, .woocommerce-info .new-customers .button-order-now, .new-customers .woocommerce-info .button-order-now, .woocommerce-info .existing-customers .button-order-now, .existing-customers .woocommerce-info .button-order-now, .woocommerce-info .application-methods .button-order-now, .application-methods .woocommerce-info .button-order-now,
  .woocommerce-message .button,
  .woocommerce-message .what-are-dna .button-order-now,
  .what-are-dna .woocommerce-message .button-order-now,
  .woocommerce-message .new-customers .button-order-now,
  .new-customers .woocommerce-message .button-order-now,
  .woocommerce-message .existing-customers .button-order-now,
  .existing-customers .woocommerce-message .button-order-now,
  .woocommerce-message .application-methods .button-order-now,
  .application-methods .woocommerce-message .button-order-now {
    display: none; }

.cart-collaterals {
  font-size: .8em;
  padding: 20px 0 0 0; }
  .cart-collaterals table {
    padding: 10px;
    border: solid 1px #eee; }
    @media (max-width: 900px) {
      .cart-collaterals table {
        width: 100%; } }
    .cart-collaterals table td, .cart-collaterals table th {
      padding: 10px;
      border-right: solid 1px #eee;
      border-bottom: solid 1px #eee; }
    .cart-collaterals table th {
      font-weight: bold; }
    .cart-collaterals table small {
      font-size: 1em; }
  .cart-collaterals .input-text, .cart-collaterals select {
    padding: 7px;
    background: #f9f9f9;
    border: dashed 1px #ccc;
    border-radius: 3px; }
  .cart-collaterals #calc_shipping_postcode {
    width: 70px;
    text-align: center; }
  .cart-collaterals small {
    margin: 15px 0 0 0;
    font-size: 1.2em;
    display: block; }
  .cart-collaterals .shipping-calculator-button {
    font-size: .6em;
    color: #576165;
    display: block;
    background: url(images/icon-shipping.png) no-repeat 0 0;
    background-size: 20px 20px;
    padding: 0 0 10px 26px; }
  .cart-collaterals .button, .cart-collaterals .what-are-dna .button-order-now, .what-are-dna .cart-collaterals .button-order-now, .cart-collaterals .new-customers .button-order-now, .new-customers .cart-collaterals .button-order-now, .cart-collaterals .existing-customers .button-order-now, .existing-customers .cart-collaterals .button-order-now, .cart-collaterals .application-methods .button-order-now, .application-methods .cart-collaterals .button-order-now {
    font-size: 1.2em; }

.woocommerce-billing-fields {
  margin: 20px 0 0 0; }
  .woocommerce-billing-fields p {
    float: left;
    height: 50px;
    width: 50%; }
    @media (max-width: 900px) {
      .woocommerce-billing-fields p {
        float: none;
        width: 100%; } }
    .woocommerce-billing-fields p label {
      display: block; }
    .woocommerce-billing-fields p .input-text {
      padding: 7px;
      background: #f9f9f9;
      border: solid 1px #ccc;
      border-radius: 3px;
      box-sizing: border-box;
      width: 95%; }
      @media (max-width: 900px) {
        .woocommerce-billing-fields p .input-text {
          width: 100%; } }
    .woocommerce-billing-fields p select {
      padding: 6px;
      background: #f9f9f9;
      border: solid 1px #ccc;
      border-radius: 3px;
      box-sizing: border-box;
      width: 95%; }
      @media (max-width: 900px) {
        .woocommerce-billing-fields p select {
          width: 100%; } }
  .woocommerce-billing-fields #billing_country_field,
  .woocommerce-billing-fields #billing_company_field {
    width: 100%;
    float: none;
    display: block;
    clear: both; }
  .woocommerce-billing-fields .address-field {
    width: 50%;
    float: left;
    display: block; }
    @media (max-width: 900px) {
      .woocommerce-billing-fields .address-field {
        float: none;
        width: 100%; } }
  .woocommerce-billing-fields #billing_address_2_field {
    position: relative;
    top: 15px; }
  .woocommerce-billing-fields #billing_company {
    width: 47%; }
    @media (max-width: 900px) {
      .woocommerce-billing-fields #billing_company {
        float: none;
        width: 100%; } }
  .woocommerce-billing-fields #billing_postcode {
    width: 20%;
    text-align: center; }
  .woocommerce-billing-fields .required {
    color: #ff6c00; }
  .woocommerce-billing-fields .create-account p {
    display: block;
    float: none; }
  .woocommerce-billing-fields .create-account {
    float: none;
    clear: both; }
  .woocommerce-billing-fields .woocommerce-shipping-fields {
    clear: both;
    width: 100%; }

.sc_info_box {
  padding: 20px !important; }
  .sc_info_box ul {
    margin: 20px 0 0 0; }
  .sc_info_box li {
    list-style: none; }
  .sc_info_box .single_multi_list {
    font-size: 1.2em;
    margin: 15px 0 0 0;
    padding: 15px 0 3px 0; }
  .sc_info_box .gift_receiver_email,
  .sc_info_box .gift_receiver_message {
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    border: solid 1px #ccc !important; }
  .sc_info_box .gift-certificate-receiver-detail-form .amount {
    position: relative;
    top: 4px; }
  .sc_info_box .form_table {
    border: none !important;
    padding: 0 !important;
    width: auto !important; }

.terms {
  margin: 20px 0 0 0; }
  .terms #terms {
    background: none;
    border: none;
    height: auto;
    padding: 0;
    margin: 0 5px 0 0;
    overflow-y: hidden;
    float: left; }

#order_comments {
  clear: both;
  width: 100%;
  padding: 10px;
  font-size: 1.2em; }

.checkout_coupon {
  padding: 20px 0;
  border-bottom: dashed 1px #ccc; }
  .checkout_coupon #coupon_code {
    padding: 7px;
    background: #f9f9f9;
    border: dashed 1px #ccc;
    border-radius: 5px;
    width: 100px; }

.woocommerce-error {
  margin: 20px 0 !important;
  padding: 0 !important; }
  .woocommerce-error li {
    list-style: none;
    color: #ff0000;
    margin: 5px 0 !important; }

#payment {
  margin: 35px 0 0 0; }
  #payment ul {
    margin: 0 !important;
    padding: 0 !important; }
  #payment li {
    list-style: none;
    font-size: 1em;
    padding: 15px 0;
    border-bottom: solid 1px #f1f1f1;
    margin: 0 !important; }
    #payment li:hover {
      background: #f9f9f9; }
    #payment li p {
      margin: 0 0 0 25px;
      color: #576165;
      font-family: Georgia, "Times New Roman", Times, serif;
      font-style: italic;
      font-size: .8em; }
    #payment li label {
      font-size: .8em;
      font-weight: bold; }
  #payment .payment_method_paypal img {
    float: right;
    margin-top: -47px; }
  #payment .payment_method_securepay_dp img {
    float: right; }
  #payment .payment_method_paypal_express .paypal {
    margin: -7px 0 0 0; }
  #payment .payment_method_paypal_express .express {
    width: auto;
    float: none; }
  #payment .payment_method_paypal_express img {
    float: right; }
  #payment #place_order {
    margin: 30px 0 0 0; }
  #payment .button, #payment .what-are-dna .button-order-now, .what-are-dna #payment .button-order-now, #payment .new-customers .button-order-now, .new-customers #payment .button-order-now, #payment .existing-customers .button-order-now, .existing-customers #payment .button-order-now, #payment .application-methods .button-order-now, .application-methods #payment .button-order-now {
    padding: 20px 40px 20px 20px;
    background: #eb207c url(images/payment-arrow.png) no-repeat top right; }

/* DO THIS PROPERLY
   ========================================================================== */
#field_5_68, #field_8_69 {
  display: none; }

/* ==========================================================================
   Blog Styles
   ========================================================================== */
.blog-archive,
.blog-latest {
  margin-bottom: 20px; }
  .blog-archive h2 a,
  .blog-latest h2 a {
    text-decoration: none;
    color: inherit; }
  .blog-archive h3,
  .blog-latest h3 {
    margin-bottom: 2px;
    font-size: 1.2em; }
  .blog-archive strong,
  .blog-latest strong {
    font-size: .7em; }
  .blog-archive .post,
  .blog-latest .post {
    display: inline-block;
    margin: 0 25px 25px 0;
    transition: opacity .8s ease;
    border-radius: 4px;
    overflow: hidden;
    max-width: 300px;
    vertical-align: top; }
    .blog-archive .post:nth-child(2n+1),
    .blog-latest .post:nth-child(2n+1) {
      margin-right: 0; }
    .blog-archive .post:hover,
    .blog-latest .post:hover {
      opacity: .5; }
  .blog-archive .post-thumb,
  .blog-latest .post-thumb {
    display: block;
    margin-bottom: -3px; }
  .blog-archive .post-meta,
  .blog-latest .post-meta {
    padding: 20px;
    display: block;
    background-color: #fdf2f7;
    text-decoration: none;
    min-height: 100px; }
  @media (max-width: 900px) {
    .blog-archive .post,
    .blog-latest .post {
      width: 100%;
      margin-right: 0;
      margin-bottom: 20px;
      max-width: 100%; }
    .blog-archive .post-meta,
    .blog-latest .post-meta {
      min-height: 0; }
    .blog-archive .post-thumb img,
    .blog-latest .post-thumb img {
      width: 100%;
      height: auto; } }

.blog-latest {
  margin-bottom: 40px; }
  .blog-latest h2,
  .blog-latest h3 {
    font-family: "ComfortaaRegular";
    font-size: 1.2em;
    color: #eb207c; }
  .blog-latest h2 {
    font-size: 1.4em;
    margin-bottom: 20px; }
  .blog-latest img {
    float: none;
    margin: 0; }
  .blog-latest strong {
    font-weight: bold;
    font-size: .7em;
    color: #766165; }
  .blog-latest .post:nth-child(2n+1) {
    margin-right: 25px; }
  .blog-latest .post:nth-child(3n+1) {
    margin-right: 0; }
  .blog-latest .button, .blog-latest .what-are-dna .button-order-now, .what-are-dna .blog-latest .button-order-now, .blog-latest .new-customers .button-order-now, .new-customers .blog-latest .button-order-now, .blog-latest .existing-customers .button-order-now, .existing-customers .blog-latest .button-order-now, .blog-latest .application-methods .button-order-now, .application-methods .blog-latest .button-order-now {
    text-transform: lowercase;
    font-size: 1em; }

.blog-sidebar h3 {
  font-family: "ComfortaaRegular";
  text-transform: lowercase;
  color: #e71e7a;
  margin-bottom: 20px;
  font-size: 1.2em; }
.blog-sidebar li {
  list-style: none; }
  .blog-sidebar li:last-child a {
    border-bottom: 0; }
.blog-sidebar a {
  padding: 10px 0;
  font-size: .8em;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #fdf2f7;
  color: #576165; }
  .blog-sidebar a:hover {
    color: #eb207c;
    background-color: #fff8fe; }
@media (max-width: 900px) {
  .blog-sidebar {
    display: block;
    float: none;
    padding: 0;
    border: 0; } }

.blog-single ol {
  padding-left: 30px;
  margin-bottom: 15px; }
  .blog-single ol li {
    list-style-type: decimal;
    line-height: 1.4; }

.blog-nav {
  overflow: hidden;
  border-top: 1px solid #fdf2f7;
  padding: 20px 0;
  margin-top: 20px; }
  .blog-nav a {
    font-size: .75em;
    display: inline-block;
    vertical-align: middle; }
  .blog-nav .prev {
    float: left; }
  .blog-nav .next {
    float: right; }
  .blog-nav .button, .blog-nav .what-are-dna .button-order-now, .what-are-dna .blog-nav .button-order-now, .blog-nav .new-customers .button-order-now, .new-customers .blog-nav .button-order-now, .blog-nav .existing-customers .button-order-now, .existing-customers .blog-nav .button-order-now, .blog-nav .application-methods .button-order-now, .application-methods .blog-nav .button-order-now {
    background-color: #00a9bd;
    color: #fff;
    padding: 10px;
    border-radius: 4px; }
    .blog-nav .button:hover, .blog-nav .what-are-dna .button-order-now:hover, .what-are-dna .blog-nav .button-order-now:hover, .blog-nav .new-customers .button-order-now:hover, .new-customers .blog-nav .button-order-now:hover, .blog-nav .existing-customers .button-order-now:hover, .existing-customers .blog-nav .button-order-now:hover, .blog-nav .application-methods .button-order-now:hover, .application-methods .blog-nav .button-order-now:hover {
      color: #fff; }
  @media (max-width: 900px) {
    .blog-nav {
      text-align: center; }
      .blog-nav a {
        margin-bottom: 10px; }
      .blog-nav .button, .blog-nav .what-are-dna .button-order-now, .what-are-dna .blog-nav .button-order-now, .blog-nav .new-customers .button-order-now, .new-customers .blog-nav .button-order-now, .blog-nav .existing-customers .button-order-now, .existing-customers .blog-nav .button-order-now, .blog-nav .application-methods .button-order-now, .application-methods .blog-nav .button-order-now {
        float: none; }
      .blog-nav .prev,
      .blog-nav .next {
        float: none; } }

/* ==========================================================================
   Slides Styles
   ========================================================================== */
/* Desktop Slides
   ========================================================================== */
.slides-wrap {
  position: absolute;
  top: 0;
  width: 100%; }
  .slides-wrap .wave-bar {
    background: url(images/wave-bar.png);
    height: 27px;
    position: absolute;
    top: 490px;
    left: 0;
    width: 100%;
    z-index: 500; }
  @media (max-width: 900px) {
    .slides-wrap {
      display: none; } }

.slides {
  display: none;
  z-index: 100;
  display: block;
  background: #282828; }
  @media (max-width: 900px) {
    .slides {
      background: none; } }

.slide {
  display: none;
  text-indent: -9999em; }
  @media (max-width: 900px) {
    .slide {
      background: none !important; } }

.slides-size, .slides, .slide, .slidesjs-container {
  height: 0px;
  padding-bottom: 500px; }
  @media (max-width: 1010px) {
    .slides-size, .slides, .slide, .slidesjs-container {
      padding-bottom: 52%;
      background-size: cover !important; } }

.slidesjs-pagination {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  width: 240px;
  height: 25px;
  position: relative;
  top: -45px;
  z-index: 999;
  text-align: center; }
  .slidesjs-pagination li {
    list-style: none;
    display: inline-block;
    margin: 0 5px;
    height: 15px;
    z-index: 10;
    text-indent: -9999em; }
    .slidesjs-pagination li a {
      display: block;
      width: 15px;
      height: 15px;
      background: #000;
      text-indent: -9999em;
      color: #fff;
      text-decoration: none;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
      opacity: 0.4;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
  .slidesjs-pagination .active {
    background: #ed217c;
    color: #ed217c;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
  @media (max-width: 900px) {
    .slidesjs-pagination {
      top: 5px;
      z-index: 100; }
      .slidesjs-pagination li a {
        background: #000; } }

.slidesjs-previous, .slidesjs-next {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999em;
  position: absolute;
  top: 290px;
  z-index: 1900; }

.slidesjs-previous {
  left: 20px; }

.slidesjs-next {
  right: 20px; }

/* Mobile Slides
   ========================================================================== */
.mobile-slides {
  position: relative;
  padding-bottom: 62%;
  display: none;
  width: 100%; }
  .mobile-slides a {
    display: block; }
  .mobile-slides img {
    width: 180%;
    height: auto;
    margin-bottom: -3px;
    margin-left: -40%; }
  @media (max-width: 1010px) {
    .mobile-slides {
      margin-top: 120px; } }
  @media (max-width: 540px) {
    .mobile-slides {
      margin-top: 90px; } }
  @media (max-width: 900px) {
    .mobile-slides {
      margin-top: 10px; } }
  .mobile-slides .slidesjs-next, .mobile-slides .slidesjs-previous {
    display: none; }

/* ==========================================================================
   Form Styles
   ========================================================================== */
.gform_wrapper ul {
  padding-left: 0; }
.gform_wrapper li {
  list-style: none;
  margin: 0; }

.gform_button {
  border: 0;
  text-transform: lowercase; }

.gfield_label, .gsection_description {
  color: #2a3337;
  line-height: 1.5; }

.gfield_required {
  color: #ff55e9;
  margin-left: 3px; }

.ginput_container input, .content .ginput_container select, .content .ginput_container textarea {
  font-size: 0.7125em;
  outline: none;
  border: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 8px 10px;
  margin-bottom: 15px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.bottom-content .gfield_error .ginput_container {
  position: relative; }
  .bottom-content .gfield_error .ginput_container:after {
    margin: 0 auto;
    margin-top: -15px;
    margin-bottom: 15px;
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px 6px 0 6px; }
.bottom-content .validation_error {
  font-size: 0.8125em;
  margin-bottom: 20px; }
.bottom-content .validation_message {
  font-size: 0.8125em;
  margin-top: -10px;
  margin-bottom: 10px;
  text-align: center; }
.bottom-content .gfield_select {
  margin-bottom: 20px; }

.gfield_error {
  width: 250px; }
  @media (max-width: 1010px) {
    .gfield_error {
      width: auto; } }

.gfield_error .ginput_container input, .gfield_error .content .ginput_container select, .content .gfield_error .ginput_container select, .gfield_error .content .ginput_container textarea, .content .gfield_error .ginput_container textarea {
  border: 2px solid #ff5a00 !important; }

.validation_error {
  font-size: 0.8125em;
  margin-bottom: 20px;
  color: #ff5a00;
  padding: 10px;
  background: #fff6d6;
  border: solid 1px #ff5a00;
  font-weight: bold; }

.validation_message {
  font-size: 0.6875em;
  margin-top: -10px;
  margin-bottom: 10px;
  text-align: right;
  color: #ff5a00; }

/*
	Validation styls for the ordering process.
	Logged in.
*/
#gform_page_16_1 .ginput_container,
#gform_page_16_2 .ginput_container,
#gform_page_16_3 .ginput_container,
#gform_page_16_4 .ginput_container,
#gform_page_12_1 .ginput_container,
#gform_page_12_2 .ginput_container,
#gform_page_12_3 .ginput_container,
#gform_page_12_4 .ginput_container {
  width: 960px; }
  @media (max-width: 1010px) {
    #gform_page_16_1 .ginput_container,
    #gform_page_16_2 .ginput_container,
    #gform_page_16_3 .ginput_container,
    #gform_page_16_4 .ginput_container,
    #gform_page_12_1 .ginput_container,
    #gform_page_12_2 .ginput_container,
    #gform_page_12_3 .ginput_container,
    #gform_page_12_4 .ginput_container {
      width: 100%; } }

#gform_page_16_1 .validation_message,
#gform_page_16_2 .validation_message,
#gform_page_16_3 .validation_message,
#gform_page_16_4 .validation_message,
#gform_page_12_1 .validation_message,
#gform_page_12_2 .validation_message,
#gform_page_12_3 .validation_message,
#gform_page_12_4 .validation_message {
  font-size: 0.8175em;
  text-align: center;
  padding: 10px;
  font-weight: bold;
  background: #ff5a00;
  color: #fff; }

#gform_page_16_3 .validation_message {
  bottom: -5px; }
  @media (max-width: 1010px) {
    #gform_page_16_3 .validation_message {
      bottom: -10px; } }

#gform_page_16_4 .validation_message {
  bottom: 0; }

.gf_page_steps {
  width: 100%;
  font-family: "ComfortaaRegular";
  font-size: 0.8em;
  text-transform: lowercase;
  position: relative;
  height: 60px; }
  .gf_page_steps:after {
    content: "";
    display: table;
    clear: both; }
  @media (max-width: 1010px) {
    .gf_page_steps {
      width: 100%;
      height: auto;
      text-align: center; } }

.gf_step {
  position: relative;
  float: left;
  width: 144px;
  margin-left: 10px;
  padding-left: 40px;
  color: #aabdba; }
  .gf_step:before {
    content: "";
    left: 0;
    position: absolute;
    top: 18px;
    z-index: -1;
    display: block;
    width: 192px;
    height: 10px;
    background: #aabdba; }
  @media (max-width: 1010px) {
    .gf_step {
      width: 40px;
      float: none;
      display: inline-block;
      margin-bottom: 50px;
      margin-left: 0;
      margin-right: 5px;
      text-indent: -9999em; }
      .gf_step .gf_step_number {
        text-indent: 0; }
      .gf_step:before {
        display: none; } }

.gf_step_first:before {
  left: -10px;
  width: 202px;
  -moz-border-radius: 8px 0 0 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px 0 0 8px; }
  @media (max-width: 1010px) {
    .gf_step_first:before {
      width: 100%;
      left: 0; } }
.gf_step_first:after {
  content: "";
  left: 0;
  position: absolute;
  top: 18px;
  z-index: -1;
  display: block;
  width: 20px;
  height: 10px;
  background: #eb207c;
  -moz-border-radius: 8px 0 0 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px 0 0 8px;
  left: -10px; }

.gf_step_last {
  width: 154px; }
  .gf_step_last:before {
    width: 180px;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0;
    border-radius: 0 8px 8px 0; }
    @media (max-width: 1010px) {
      .gf_step_last:before {
        width: 100%; } }

.gf_step_number {
  font-size: 1.2em;
  position: absolute;
  top: 2px;
  left: -1px;
  color: #fff;
  display: block;
  width: 40px;
  padding: 13px 0 11px 0;
  text-align: center;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: #aabdba; }

.gf_step_active {
  color: #eb207c; }
  .gf_step_active .gf_step_number {
    background: #dd1479; }

.gf_step_completed {
  color: #eb207c; }
  .gf_step_completed .gf_step_number {
    background: #dd1479; }
  .gf_step_completed:before {
    background: #eb207c; }

.application-type, .application-types, .application-types-promo, .style, .colour-selection {
  position: relative; }
  .application-type .ginput_container, .application-types .ginput_container, .application-types-promo .ginput_container, .style .ginput_container, .colour-selection .ginput_container {
    margin-top: 10px;
    padding: 30px;
    background: #eff1f0;
    border-bottom: 1px solid #eedbe4;
    overflow: hidden; }
    .application-type .ginput_container li, .application-types .ginput_container li, .application-types-promo .ginput_container li, .style .ginput_container li, .colour-selection .ginput_container li {
      display: block;
      width: 180px;
      height: 85px;
      float: left; }
    .application-type .ginput_container input, .application-types .ginput_container input, .application-types-promo .ginput_container input, .style .ginput_container input, .colour-selection .ginput_container input, .application-type .content .ginput_container select, .content .application-type .ginput_container select, .application-types .content .ginput_container select, .content .application-types .ginput_container select, .application-types-promo .content .ginput_container select, .content .application-types-promo .ginput_container select, .style .content .ginput_container select, .content .style .ginput_container select, .colour-selection .content .ginput_container select, .content .colour-selection .ginput_container select, .application-type .content .ginput_container textarea, .content .application-type .ginput_container textarea, .application-types .content .ginput_container textarea, .content .application-types .ginput_container textarea, .application-types-promo .content .ginput_container textarea, .content .application-types-promo .ginput_container textarea, .style .content .ginput_container textarea, .content .style .ginput_container textarea, .colour-selection .content .ginput_container textarea, .content .colour-selection .ginput_container textarea {
      position: relative;
      left: 30px;
      bottom: -70px;
      z-index: 1; }
    .application-type .ginput_container label, .application-types .ginput_container label, .application-types-promo .ginput_container label, .style .ginput_container label, .colour-selection .ginput_container label {
      position: relative;
      right: -84px;
      width: 80px;
      display: block;
      color: #657170; }
      .application-type .ginput_container label:before, .application-types .ginput_container label:before, .application-types-promo .ginput_container label:before, .style .ginput_container label:before, .colour-selection .ginput_container label:before {
        position: absolute;
        top: -28px;
        left: -85px;
        content: "";
        display: block;
        width: 78px;
        height: 78px;
        margin: 0 auto;
        border: 2px solid #a9bdba;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%; }
        .application-type .ginput_container label:before:hover, .application-types .ginput_container label:before:hover, .application-types-promo .ginput_container label:before:hover, .style .ginput_container label:before:hover, .colour-selection .ginput_container label:before:hover {
          border: 2px solid #e71e7a; }
  @media (max-width: 1010px) {
    .application-type .ginput_container li, .application-types .ginput_container li, .application-types-promo .ginput_container li, .style .ginput_container li, .colour-selection .ginput_container li {
      margin-bottom: 10px;
      width: 100%;
      height: auto;
      text-align: center; }
    .application-type .ginput_container label, .application-types .ginput_container label, .application-types-promo .ginput_container label, .style .ginput_container label, .colour-selection .ginput_container label {
      right: auto;
      width: 100%; }
      .application-type .ginput_container label:before, .application-types .ginput_container label:before, .application-types-promo .ginput_container label:before, .style .ginput_container label:before, .colour-selection .ginput_container label:before {
        position: static;
        margin-bottom: 10px; } }

.application-types {
  margin-top: 10px; }

.application-types-promo {
  margin-top: 10px; }
  .application-types-promo > label {
    display: none; }
  .application-types-promo .gchoice_16_40_0 label:before {
    background: url(images/machine-weft.png) no-repeat center; }

.gchoice_16_6_0 label:before,
.gchoice_12_6_0 label:before {
  background: url(images/stick-tip.png) no-repeat center; }

.gchoice_16_6_1 label:before,
.gchoice_12_6_1 label:before {
  background: url(images/nail-tip.png) no-repeat center; }

.gchoice_16_39_0 label:before,
.gchoice_12_39_0 label:before {
  background: url(images/tape.png) no-repeat center; }

.application-types .gchoice_16_40_0 label:before,
.application-types .gchoice_12_40_0 label:before {
  background: url(images/skin-weft-greyscale.png) no-repeat center; }

.gchoice_16_40_1 label:before,
.gchoice_12_40_1 label:before,
.gchoice_30_40_0 label:before,
.gchoice_31_40_0 label:before {
  background: url(images/machine-weft.png) no-repeat center; }

.gchoice_16_38_0 label:before,
.gchoice_12_38_0 label:before {
  background: url(images/pre-bonded.png) no-repeat center; }

.gchoice_16_38_1 label:before,
.gchoice_12_38_1 label:before {
  background: url(images/tape.png) no-repeat center; }

.gchoice_16_38_2 label:before,
.gchoice_12_38_2 label:before {
  background: url(images/weft.png) no-repeat center; }

.gchoice_16_35_0 label:before,
.gchoice_12_35_0 label:before {
  background: url(images/straight-style.png) no-repeat center; }

.gchoice_16_35_1 label:before,
.gchoice_12_35_1 label:before {
  background: url(images/body-wave-style.png) no-repeat center; }

.gchoice_16_35_2 label:before,
.gchoice_12_35_2 label:before {
  background: url(images/tight-curl-style.png) no-repeat center; }

.application-types .gchoice_16_40_0,
.application-types .gchoice_16_40_0 {
  position: relative;
  top: 30px; }

.coming-soon {
  position: absolute;
  left: 0;
  top: 0px;
  background: #00a9bd;
  color: #fff;
  width: 150px;
  padding: 10px;
  text-align: center; }
  .coming-soon:after {
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    border-color: #00aabd transparent transparent transparent;
    position: absolute;
    left: 62px;
    bottom: -8px; }

.application-types .gchoice_16_40_0 input, .application-types .gchoice_16_40_0 .content .ginput_container select, .content .ginput_container .application-types .gchoice_16_40_0 select, .application-types .gchoice_16_40_0 .content .ginput_container textarea, .content .ginput_container .application-types .gchoice_16_40_0 textarea {
  display: none; }

/* Nasty way to add margin here */
#field_16_40,
#field_16_39,
#field_16_6,
#field_12_40,
#field_12_39,
#field_12_6 {
  margin: 15px 0 0 0; }

.gform_ajax_spinner {
  position: absolute;
  top: 12px;
  left: 460px; }

.include-clips {
  padding-top: 10px; }
  .include-clips > label {
    color: #eb207c;
    font-weight: bold; }
  .include-clips .ginput_price {
    display: none; }
  .include-clips input, .include-clips .content .ginput_container select, .content .ginput_container .include-clips select, .include-clips .content .ginput_container textarea, .content .ginput_container .include-clips textarea {
    width: auto !important; }

.shipping > label {
  font-weight: bold;
  color: #6f7a7a;
  margin-bottom: 10px;
  display: block; }
.shipping .gfield_radio label {
  font-size: 1.2em !important; }
.shipping li {
  height: 25px; }
.shipping input, .shipping .content .ginput_container select, .content .ginput_container .shipping select, .shipping .content .ginput_container textarea, .content .ginput_container .shipping textarea {
  height: 13px;
  margin-right: 8px;
  position: relative;
  top: -1px; }
.shipping .ginput_price {
  display: none; }

.choose-length, .choose-quantity {
  position: relative; }
  .choose-length select, .choose-quantity select {
    margin-bottom: 20px; }
  .choose-length label, .choose-quantity label {
    margin-bottom: 10px;
    display: block; }
  .choose-length .gfield_description, .choose-quantity .gfield_description {
    position: absolute;
    bottom: 40px;
    left: 30px;
    width: 350px;
    color: #657170;
    font-size: 1em; }
  .choose-length .ginput_container, .choose-quantity .ginput_container {
    padding: 30px 30px 75px 30px;
    background: #eff1f0;
    border-bottom: 1px solid #eedbe4; }
    .choose-length .ginput_container label, .choose-quantity .ginput_container label {
      margin-bottom: 20px; }
  @media (max-width: 1010px) {
    .choose-length .gfield_description, .choose-quantity .gfield_description {
      width: auto;
      bottom: 20px; }
    .choose-length .ginput_container, .choose-quantity .ginput_container {
      padding: 30px 30px 50px 30px; } }

.order-length {
  background: url(images/order-length.png) no-repeat;
  width: 480px;
  height: 245px;
  position: absolute;
  right: 100px;
  bottom: 129px; }
  @media (max-width: 1010px) {
    .order-length {
      display: none;
      background: none; } }

.order-length-promo {
  background: url(images/order-length.png) no-repeat;
  width: 157px;
  height: 245px;
  position: absolute;
  right: 0;
  bottom: 129px; }
  @media (max-width: 1010px) {
    .order-length-promo {
      display: none;
      background: none; } }

/* Colours */
#field_16_51 .gfield_radio, #field_12_50 .gfield_radio, #field_30_50 .gfield_radio, #field_31_50 .gfield_radio {
  margin-top: 10px;
  padding: 30px 30px 15px 30px;
  background: #eff1f0; }
  #field_16_51 .gfield_radio input, #field_16_51 .gfield_radio .content .ginput_container select, .content .ginput_container #field_16_51 .gfield_radio select, #field_16_51 .gfield_radio .content .ginput_container textarea, .content .ginput_container #field_16_51 .gfield_radio textarea, #field_12_50 .gfield_radio input, #field_12_50 .gfield_radio .content .ginput_container select, .content .ginput_container #field_12_50 .gfield_radio select, #field_12_50 .gfield_radio .content .ginput_container textarea, .content .ginput_container #field_12_50 .gfield_radio textarea, #field_30_50 .gfield_radio input, #field_30_50 .gfield_radio .content .ginput_container select, .content .ginput_container #field_30_50 .gfield_radio select, #field_30_50 .gfield_radio .content .ginput_container textarea, .content .ginput_container #field_30_50 .gfield_radio textarea, #field_31_50 .gfield_radio input, #field_31_50 .gfield_radio .content .ginput_container select, .content .ginput_container #field_31_50 .gfield_radio select, #field_31_50 .gfield_radio .content .ginput_container textarea, .content .ginput_container #field_31_50 .gfield_radio textarea {
    width: auto; }
  #field_16_51 .gfield_radio label, #field_12_50 .gfield_radio label, #field_30_50 .gfield_radio label, #field_31_50 .gfield_radio label {
    font-size: 1.1em; }

.colour-selection .ginput_container li {
  margin-bottom: 20px; }
.colour-selection .gchoice_16_52_0 label:before,
.colour-selection .gchoice_12_51_0 label:before,
.colour-selection .gchoice_30_51_0 label:before,
.colour-selection .gchoice_31_51_0 label:before {
  background: url(images/hair-colours/ice-queen.jpg); }
.colour-selection .gchoice_16_52_1 label:before,
.colour-selection .gchoice_12_51_1 label:before,
.colour-selection .gchoice_30_51_1 label:before,
.colour-selection .gchoice_31_51_1 label:before {
  background: url(images/hair-colours/beachy-blonde.jpg); }
.colour-selection .gchoice_16_52_2 label:before,
.colour-selection .gchoice_12_51_2 label:before,
.colour-selection .gchoice_30_51_2 label:before,
.colour-selection .gchoice_31_51_2 label:before {
  background: url(images/hair-colours/honey-blonde.jpg); }
.colour-selection .gchoice_16_52_3 label:before,
.colour-selection .gchoice_12_51_3 label:before,
.colour-selection .gchoice_30_51_3 label:before,
.colour-selection .gchoice_31_51_3 label:before {
  background: url(images/hair-colours/dirty-blonde.jpg); }
.colour-selection .gchoice_16_52_4 label:before,
.colour-selection .gchoice_12_51_4 label:before,
.colour-selection .gchoice_30_51_4 label:before,
.colour-selection .gchoice_31_51_4 label:before {
  background: url(images/hair-colours/natural-black.jpg); }
.colour-selection .gchoice_16_52_5 label:before,
.colour-selection .gchoice_12_51_5 label:before,
.colour-selection .gchoice_30_51_5 label:before,
.colour-selection .gchoice_31_51_5 label:before {
  background: url(images/hair-colours/rich-mocha-brown.jpg); }
.colour-selection .gchoice_16_52_6 label:before,
.colour-selection .gchoice_12_51_6 label:before,
.colour-selection .gchoice_30_51_6 label:before,
.colour-selection .gchoice_31_51_6 label:before {
  background: url(images/hair-colours/dark-chocolate-brown.jpg); }
.colour-selection .gchoice_16_52_7 label:before,
.colour-selection .gchoice_12_51_7 label:before,
.colour-selection .gchoice_30_51_7 label:before,
.colour-selection .gchoice_31_51_7 label:before {
  background: url(images/hair-colours/chestnut-brown.jpg); }
.colour-selection .gchoice_16_52_8 label:before,
.colour-selection .gchoice_12_51_8 label:before,
.colour-selection .gchoice_30_51_8 label:before,
.colour-selection .gchoice_31_51_8 label:before {
  background: url(images/hair-colours/autumn-auburn.jpg); }
.colour-selection .gchoice_16_52_9 label:before,
.colour-selection .gchoice_12_51_9 label:before,
.colour-selection .gchoice_30_51_9 label:before,
.colour-selection .gchoice_31_51_9 label:before {
  background: url(images/hair-colours/burgandy-red.jpg); }

.choose-quantity .ginput_container {
  padding: 30px; }
.choose-quantity select {
  margin-bottom: 0; }

.button-edit {
  position: absolute;
  float: none;
  right: 0;
  bottom: -10px;
  font-size: 0.8em !important; }

.gsection_description {
  margin-bottom: 10px; }

.edit-order {
  float: right !important;
  margin-top: -63px; }

.order-confirm {
  padding: 30px 0 20px;
  border-top: 1px solid #fcdbea;
  margin-top: 20px; }
  .order-confirm h3 {
    margin-bottom: 20px; }
  .order-confirm table {
    background: #ebf9fa;
    margin-bottom: 20px;
    width: 100%;
    font-size: 1.1em;
    line-height: 1.4; }
  .order-confirm th {
    width: 15%;
    padding: 25px;
    font-weight: bold;
    color: #525b5b;
    border-bottom: 1px solid #e3f6f8; }
  .order-confirm td {
    padding: 25px;
    color: #6f7a7a;
    padding-left: 10px;
    border-bottom: 1px solid #e3f6f8; }
  .order-confirm tr:nth-child(2n) {
    background: #dff5f7; }
  @media (max-width: 1010px) {
    .order-confirm strong {
      display: block; } }

.dna-match-note p {
  font-size: 0.95em;
  background: #e3f6f8;
  border: 1px dashed #00a9bd;
  padding: 15px;
  margin: 10px 0; }

.small-heading {
  font-size: 0.75em; }

.confirm-shipping strong {
  font-weight: bold;
  color: #00a9bd !important; }

.updated {
  padding: 10px;
  border: 1px dashed #6a9600;
  background: #eaf0db;
  font-weight: bold;
  margin: 20px 0; }
  .updated p {
    margin-bottom: 0;
    color: #6a9600; }

.accept-terms {
  padding: 15px 0 5px 0 !important;
  width: 100% !important;
  overflow: hidden;
  font-weight: bold;
  margin: 20px 0;
  position: relative; }
  .accept-terms .ginput_container input, .accept-terms .content .ginput_container select, .content .accept-terms .ginput_container select, .accept-terms .content .ginput_container textarea, .content .accept-terms .ginput_container textarea {
    width: auto !important; }
  .accept-terms .gfield_checkbox {
    position: absolute;
    bottom: 0; }
  .accept-terms ul {
    margin-bottom: 0 !important; }
  .accept-terms p {
    margin-bottom: 0;
    color: #00a9bd; }
  .accept-terms .gfield_description {
    margin-bottom: 40px; }
  @media (max-width: 1010px) {
    .accept-terms .ginput_container input, .accept-terms .content .ginput_container select, .content .accept-terms .ginput_container select, .accept-terms .content .ginput_container textarea, .content .accept-terms .ginput_container textarea {
      width: 100% important;
      margin-top: 0; }
    .accept-terms .gfield_description {
      position: static; } }

#terms {
  background: #e3f6f8;
  border: 1px dashed #00a9bd;
  height: 200px;
  overflow-y: scroll;
  padding: 15px;
  margin: 10px 0;
  font-weight: normal;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  #terms p {
    margin-bottom: 10px; }

.confirm-total {
  margin: 15px 0; }
  .confirm-total label {
    color: #6f7a7a;
    font-weight: bold;
    font-size: 1.05em;
    display: block;
    text-transform: uppercase;
    margin-bottom: 5px; }
  .confirm-total .ginput_container {
    display: inline; }
  .confirm-total .ginput_total {
    font-size: 2.05em;
    color: #eb207c; }

.gst-amount {
  display: block;
  margin-top: 10px;
  color: #6f7a7a; }

.postal-address {
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
  color: #eb207c !important; }

.gform_page_footer {
  background: #fde8f1;
  padding: 10px;
  overflow: hidden;
  position: relative;
  margin-bottom: 50px; }
  .gform_page_footer .gform_button {
    float: right;
    margin-bottom: 0 !important;
    width: auto !important;
    padding: 8px 10px;
    background: #00a9bd !important; }

.gform_next_button, .gform_previous_button {
  font-size: 1em;
  background: #01658e;
  display: block;
  border: none;
  padding: 8px 10px;
  float: right;
  background: #e71e7a;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3MWU3YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FjMDg2NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e71e7a), color-stop(100%, #ac0864));
  background: -moz-linear-gradient(top, #e71e7a, #ac0864);
  background: -webkit-linear-gradient(top, #e71e7a, #ac0864);
  background: linear-gradient(to bottom, #e71e7a, #ac0864);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.gform_previous_button {
  float: left; }

.reorder-form_wrapper .gform_button {
  background: #00a9bd !important; }

.reorder-shipping {
  font-size: 1.1em;
  color: #657170; }
  .reorder-shipping strong {
    color: #00a9bd; }

.content .ginput_container input, .content .ginput_container select, .content .ginput_container textarea {
  color: #657170;
  background: #f6f6f6;
  border: 1px solid #cfd1d0;
  width: 250px;
  font-size: 1em; }
  .content .ginput_container input:focus, .content .ginput_container select:focus, .content .ginput_container textarea:focus {
    border-color: #eb81c8; }
.content .ginput_container select {
  margin-bottom: 20px;
  padding: 5px 0;
  width: 250px;
  box-sizing: content-box; }
.content .ginput_container textarea {
  font-size: 0.8em;
  color: #657170; }
.content .gfield_radio input, .content .gfield_radio .ginput_container select, .content .ginput_container .gfield_radio select, .content .gfield_radio .ginput_container textarea, .content .ginput_container .gfield_radio textarea {
  width: auto; }
.content .gfield_radio label {
  font-size: 1em; }
.content .gfield_checkbox input, .content .gfield_checkbox .ginput_container select, .content .ginput_container .gfield_checkbox select, .content .gfield_checkbox .ginput_container textarea, .content .ginput_container .gfield_checkbox textarea {
  width: auto; }
.content .gfield_checkbox label {
  font-size: 1em;
  color: #657170; }
.content .gsection_title {
  color: #eb207c;
  font-size: 1.5em;
  margin-bottom: 5px; }
.content #field_16_41 .gsection_title, .content #field_12_41 .gsection_title {
  font-size: 2.0625em;
  margin-bottom: 20px; }
.content fieldset {
  width: 100%;
  margin-right: 2%;
  margin-bottom: 20px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 15px;
  background: #f8f8f8;
  border: 1px solid #efefef; }
.content .ginput_left, .content .name_first {
  margin-right: 2%; }
.content .ginput_left, .content .name_first, .content .ginput_right, .content .name_last {
  float: left;
  display: block;
  width: 100%; }
  .content .ginput_left input, .content .ginput_left .ginput_container select, .content .ginput_container .ginput_left select, .content .ginput_left .ginput_container textarea, .content .ginput_container .ginput_left textarea, .content .name_first input, .content .name_first .ginput_container select, .content .ginput_container .name_first select, .content .name_first .ginput_container textarea, .content .ginput_container .name_first textarea, .content .ginput_right input, .content .ginput_right .ginput_container select, .content .ginput_container .ginput_right select, .content .ginput_right .ginput_container textarea, .content .ginput_container .ginput_right textarea, .content .name_last input, .content .name_last .ginput_container select, .content .ginput_container .name_last select, .content .name_last .ginput_container textarea, .content .ginput_container .name_last textarea {
    width: 100%; }
  .content .ginput_left label, .content .name_first label, .content .ginput_right label, .content .name_last label {
    font-size: 0.85em;
    color: #657170;
    display: block;
    margin-top: -10px;
    margin-bottom: 10px; }
.content .gform_button {
  font-size: 1em;
  background: #01658e;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5YTRjMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBjNGM3YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #09a4c2), color-stop(100%, #0c4c7c));
  background: -moz-linear-gradient(top, #09a4c2, #0c4c7c);
  background: -webkit-linear-gradient(top, #09a4c2, #0c4c7c);
  background: linear-gradient(to bottom, #09a4c2, #0c4c7c);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 100px;
  margin-bottom: 40px; }
.content .disclaimer {
  color: #717d82;
  font-size: 0.8125em;
  padding: 15px;
  background: #f8e2e8;
  border: 1px dashed #eabdcc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 20px; }
.content .half-width {
  width: 49%; }
.content .third-width {
  width: 285px;
  margin-right: 15px; }
  .content .third-width:first-child {
    margin-left: 0; }
@media (max-width: 1010px) {
  .content .ginput_container input, .content .ginput_container select, .content .ginput_container textarea, .content .ginput_container textarea {
    width: 100% !important; } }

#gform_14 input, #gform_14 .content .ginput_container select, .content .ginput_container #gform_14 select, #gform_14 .content .ginput_container textarea, .content .ginput_container #gform_14 textarea, #gform_14 select, #gform_14 textarea {
  width: 350px !important; }
#gform_14 .gfield_checkbox input, #gform_14 .gfield_checkbox .content .ginput_container select, .content .ginput_container #gform_14 .gfield_checkbox select, #gform_14 .gfield_checkbox .content .ginput_container textarea, .content .ginput_container #gform_14 .gfield_checkbox textarea {
  width: auto !important; }
@media (max-width: 1010px) {
  #gform_14 input, #gform_14 .content .ginput_container select, .content .ginput_container #gform_14 select, #gform_14 .content .ginput_container textarea, .content .ginput_container #gform_14 textarea, #gform_14 select, #gform_14 textarea {
    width: 100% !important; }
  #gform_14 li {
    float: none; } }

.order-now-form .ginput_container input, .order-now-form .content .ginput_container select, .content .order-now-form .ginput_container select, .order-now-form .content .ginput_container textarea, .content .order-now-form .ginput_container textarea, .content .ginput_container textarea, .content .ginput_container select {
  color: #657170;
  background: #f6f6f6;
  border: 1px solid #cfd1d0;
  width: 250px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em; }

.order-now-form .ginput_container select {
  height: 30px;
  margin-top: 20px; }

.order-now-form .ginput_container .gfield_radio input, .order-now-form .content .ginput_container .gfield_radio select, .content .order-now-form .ginput_container .gfield_radio select, .order-now-form .content .ginput_container .gfield_radio textarea, .content .order-now-form .ginput_container .gfield_radio textarea {
  width: auto; }

#field_12_19, #field_16_19, #field_17_19, #field_18_19, #field_18_6, #field_18_58, #field_30_19, #field_31_19 {
  display: none; }

#field_18_57 {
  width: 0;
  height: 0;
  overflow: hidden; }

/* Gift Voucher Form
   ========================================================================== */
.form-gift-voucher {
  overflow: hidden; }
  .form-gift-voucher .gfield_radio {
    margin: 20px 0; }
    .form-gift-voucher .gfield_radio li {
      position: relative;
      display: inline-block;
      width: 82px;
      height: 82px;
      margin-right: 14px;
      margin-bottom: 20px;
      background: #F7F9F8;
      border: 2px solid #aabdba;
      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjlmOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZjBlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
      background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f9f8), color-stop(100%, #ebf0ef));
      background: -moz-linear-gradient(top, #f7f9f8, #ebf0ef);
      background: -webkit-linear-gradient(top, #f7f9f8, #ebf0ef);
      background: linear-gradient(to bottom, #f7f9f8, #ebf0ef);
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
      .form-gift-voucher .gfield_radio li:hover, .form-gift-voucher .gfield_radio li.checked {
        border-color: #eb207c; }
        .form-gift-voucher .gfield_radio li:hover label, .form-gift-voucher .gfield_radio li.checked label {
          color: #eb207c; }
      .form-gift-voucher .gfield_radio li:last-child {
        margin-right: 0; }
    .form-gift-voucher .gfield_radio label {
      font-family: "ComfortaaRegular";
      font-size: 2.5em;
      color: #aabdba;
      margin: 0 auto;
      margin-left: -1px;
      padding: 24px 0;
      display: block;
      text-align: center; }
      .form-gift-voucher .gfield_radio label sup {
        font-size: 0.65em;
        vertical-align: top; }
      .form-gift-voucher .gfield_radio label span {
        display: block;
        font-size: 0.4em; }
    .form-gift-voucher .gfield_radio input, .form-gift-voucher .gfield_radio .content .ginput_container select, .content .ginput_container .form-gift-voucher .gfield_radio select, .form-gift-voucher .gfield_radio .content .ginput_container textarea, .content .ginput_container .form-gift-voucher .gfield_radio textarea {
      position: absolute;
      bottom: -21px;
      left: 31px; }
  .form-gift-voucher .ginput_left, .form-gift-voucher .ginput_right, .form-gift-voucher .name_last {
    width: 250px; }
  .form-gift-voucher .ginput_complex {
    overflow: hidden; }
  .form-gift-voucher .gfield_checkbox {
    background: #EFF1F0;
    padding: 20px 10px 10px 10px;
    margin-top: 10px; }
    .form-gift-voucher .gfield_checkbox input, .form-gift-voucher .gfield_checkbox .content .ginput_container select, .content .ginput_container .form-gift-voucher .gfield_checkbox select, .form-gift-voucher .gfield_checkbox .content .ginput_container textarea, .content .ginput_container .form-gift-voucher .gfield_checkbox textarea {
      font-size: 1.4em; }
    .form-gift-voucher .gfield_checkbox label {
      font-size: 1.1em; }
  .form-gift-voucher .gfield_description {
    background: #e3f6f8;
    border: 1px dashed #00a9bd;
    padding: 15px;
    margin: 10px 0; }

.form27, .form29 {
  display: none; }
  .form27 .gst-amount, .form29 .gst-amount {
    display: none !important; }

.accessories > label {
  display: none; }
.accessories .ginput_container {
  margin-top: 10px;
  padding: 30px;
  background: #eff1f0;
  border-bottom: 1px solid #eedbe4;
  overflow: hidden; }
  .accessories .ginput_container li {
    display: block;
    width: 280px;
    height: 100px;
    float: left; }
  .accessories .ginput_container label {
    position: relative;
    right: -84px;
    width: 160px;
    display: block;
    color: #657170;
    line-height: 1.3; }
    .accessories .ginput_container label:before {
      position: absolute;
      top: -28px;
      left: -85px;
      content: "";
      display: block;
      width: 78px;
      height: 78px;
      margin: 0 auto;
      border: 2px solid #a9bdba;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
  .accessories .ginput_container input, .accessories .content .ginput_container select, .content .accessories .ginput_container select, .accessories .content .ginput_container textarea, .content .accessories .ginput_container textarea {
    position: relative;
    left: 26px;
    bottom: -70px;
    z-index: 1; }
.accessories .gchoice_57_1 label:before, .accessories .gchoice_58_1 label:before, .accessories .gchoice_59_1 label:before {
  background: url(images/dtangler-brush.png) no-repeat center; }
.accessories .gchoice_57_2 label:before, .accessories .gchoice_58_2 label:before, .accessories .gchoice_59_2 label:before {
  background: url(images/xten-kit.png) no-repeat center; }
.accessories .gchoice_59_3 label:before {
  background: url(images/dna-clips.png) no-repeat center; }
.accessories .ginput_price {
  display: none; }

#field_12_60 {
  display: none !important; }

#field_12_56 {
  margin-top: 15px; }